@charset "UTF-8";
.simplefavorite-button.active{opacity:.7}.simplefavorite-button.has-count{position:relative}.simplefavorite-button.preset{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1),1px 1px 1px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1),1px 1px 1px 0px rgba(0,0,0,0.1);padding:.5em 1em .5em 2em;position:relative;-webkit-border-radius:2px;border-radius:2px;cursor:pointer;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}.simplefavorite-button.preset:active,.simplefavorite-button.preset:focus{outline:none}.simplefavorite-button.preset i{position:absolute;font-size:1.3em;left:.3em}.simplefavorite-button.preset:hover{background-color:#333;border-color:#333;color:#fff;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}.simplefavorite-button.preset.active{background-color:#333;color:#fff;border-color:#333;opacity:1}.simplefavorites-loading{margin-left:8px}.sf-icon-spinner-wrapper{display:inline-block;position:relative;min-width:1em;min-height:1em}.sf-icon-spinner{-webkit-animation:sf_rotate linear 2s infinite;animation:sf_rotate linear 2s infinite;position:absolute;top:.15em;left:0}@-webkit-keyframes sf_rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;transform-origin:center center}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes sf_rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;transform-origin:center center}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}}.favorites-list{list-style:none}.favorites-list li{zoom:1;border-top:1px solid rgba(0,0,0,0.2);padding:.75em 0;margin:0}.favorites-list li:before,.favorites-list li:after{content:" ";display:table}.favorites-list li:after{clear:both}.favorites-list li img{float:left;margin-right:1em}.simplefavorites-modal-backdrop{position:fixed;width:0;height:0;background-color:rgba(0,0,0,0.85);top:0;left:50%;z-index:998;opacity:0;-webkit-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease}.simplefavorites-modal-backdrop.active{width:100%;height:100%;left:0;opacity:1;-webkit-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease}.simplefavorites-modal-content{z-index:999;position:fixed;top:-200%;left:50%;width:50%;background-color:#fff;-webkit-border-radius:2px;border-radius:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;-webkit-box-shadow:2px 2px 20px 0px rgba(51,51,51,0.5);box-shadow:2px 2px 20px 0px rgba(51,51,51,0.5)}.simplefavorites-modal-content.small{width:400px}.simplefavorites-modal-content.active{top:50px;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}.simplefavorites-modal-content.loading .modal-content-body{display:none}.simplefavorites-modal-content.loading .modal-content-loading{display:block}.simplefavorites-modal-content-body{padding:1em;max-height:300px;overflow:auto;zoom:1}.simplefavorites-modal-content-body:before,.simplefavorites-modal-content-body:after{content:" ";display:table}.simplefavorites-modal-content-body:after{clear:both}.simplefavorites-modal-content-body.no-padding{padding:0}.simplefavorites-modal-content-body.has-footer{padding-bottom:0}.simplefavorites-modal-content-interior{padding:1em;padding-bottom:0}.simplefavorites-modal-content-footer{zoom:1;padding:.7em;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background-color:rgba(51,51,51,0.1)}.simplefavorites-modal-content-footer:before,.simplefavorites-modal-content-footer:after{content:" ";display:table}.simplefavorites-modal-content-footer:after{clear:both}.simplefavorites-button-consent-deny{float:left;opacity:.7}.simplefavorites-button-consent-accept{float:right}@media (max-width: 767px){.simplefavorites-modal-content{width:90%}.simplefavorites-modal-content.active{top:20px}.simplefavorites-modal-content-body{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden}}@media print{.simplefavorites-modal-backdrop,.simplefavorites-modal-content{display:none}}@font-face{font-family:'favorites';src:url(//optica-ot-gleba.ru/wp-content/plugins/favorites/assets/css/fonts/favorites.eot)}@font-face{font-family:'favorites';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBwcAAAC8AAAAYGNtYXClTaJoAAABHAAAAIxnYXNwAAAAEAAAAagAAAAIZ2x5Ztq6v+MAAAGwAAAEVGhlYWQN7PEkAAAGBAAAADZoaGVhB8IDzgAABjwAAAAkaG10eCoAAgwAAAZgAAAANGxvY2EE9AZcAAAGlAAAABxtYXhwABEAdQAABrAAAAAgbmFtZWwpt2EAAAbQAAABnnBvc3QAAwAAAAAIcAAAACAAAwPNAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAcAAAABgAEAADAAgAAQAg5gHofeia6Nzo5ul76dnqEP/9//8AAAAAACDmAOh96Jro3Ojm6Xvp2eoQ//3//wAB/+MaBBeJF20XLBcjFo8WMhX8AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAIP/2A+ADigARABsAAAEfATMPAR8BLwEPAT8BLwEzNxMDIQUDJQUDLQECADMN1oknDTOJJyaKNw0nidYQQHP+kwEmcAEqASZwASr+kwK9oy1jGi2jYxoaY6MtHWYtAWr+o9r+o9fXAV3XAwAAAAABACD/9gPgA4oACQAAAQ0BEyUFEyUhEwJzAW3+1nD+2v7WcP7aAW1zAi0D1/6j19MBXNcBXQAAAAEAVgAdA6oDKwAbAAAlJy4DNTQ+AjMyFhc+ATMyHgIVFA4CBwIAPlKHXzQkP1UyN2YjImY4MVY/JDRfhlMdOEt/dHE9MVY/JDIoKDIkP1YxPXF2f0sAAAADAFYAAQOqA1UAFQAhADsAAAE+ATU0JiMiBg8BJy4BIyIGFRQWHwEBMjY1NCYjIgYVFBYFHgEVFAYHAQ4BIyImJwEuATURNDYzITIWFwLgDxE+LBYnDyAeDyYXKz8PD7b+wBslJRsbJSUCwwwMDAz+1AweEhIeDP6ADAwxIwEsEh4MAR8PJhcrPw8PICAPDz8rFyYPtgIYJRsbJSUbGyXEDB4SEh4M/tQMDAwMAYAMHhIBLCIyDAwAAgAqACsD1gOBABwAIAAAAQczFRQGBwMOASMhIiY1ETQ2NwEXHgEdAQchMhYBETMRA9YCAgMDggkqG/6AIjQODAEYLgkJKgEOIjT8VKwCAQRSCRAH/tQXHTMjAaoSHgwBGi4JFg0OxDL+CAIA/gAAAAEA1gArAyoDKwAKAAABMhYVESUFETQ2MwLWIjL+1v7WMSMDKzQi/VaAgAKqIjQAAAIAIP/wBAADsAA6AHIAAAEuAScuAScuAScuAQcOAQcOAQcOAQcOARceARceARceARceATc+ATc+ATc+ATc+ATc6ATMyNjU8ATUxBw4BBw4BBw4BJy4BJy4BJy4BJy4BNz4BNz4BNz4BNz4BFx4BFx4BFx4BFx4BBzEcARUUFhcOAQcEAAEVFRQ5JCNULi1hMTFfLC1PISE0ERIQAQEUExM2ISJOKytaLi5ZKSlLHh8xEAkOAwECARslZhEzHx9JKChVKipTJyZFHR0sDw8OAQESEBEuHR5DJSVPJydNJCNAGhspDg0NASEYBQ8LAcAyYy0uUiIjNRISEQEBFRMUNyMiUS0sXi8vXCsrTSAgMhAREAEBFBISNCEgTCkZNBslGwEDAaooRx4eLhAPDwEBEhERMR4eRyYnUSkpUCUlQhwbKw4PDQEBERAQLRwcQSQjSyYBAwEZJAMaMxgAAAEAAP/ZBAADpwAKAAABJQsBDQEDJQUDJQQA/p6env6eAQA8ATwBPDwBAAIzMwFB/r8z+v6gpqYBYPoAAAEAAAAgBAADQAAFAAAJAScHCQEDYP4g4KABgAKAA0D+IOCg/oACgAABAAAAAQAAvj/AY18PPPUACwQAAAAAANVm1k8AAAAA1WbWTwAA/9kEAAOwAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAANBAAAAAAAAAAAAAAAAgAAAAQAACAEAAAgBAAAVgQAAFYEAAAqBAAA1gQAACAEAAAABAAAAAAAAAAACgAUAB4AVgByAJ4A+gEyAUoB+AIWAioAAQAAAA0AcwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc2Zhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");font-weight:normal;font-style:normal}[class^="sf-icon-"],[class*=" sf-icon-"]{font-family:'favorites' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-icon-spinner:before{content:"\e97b"}.sf-icon-favorite:before{content:"\e9d9"}.sf-icon-checkmark:before{content:"\ea10"}.sf-icon-bookmark:before{content:"\e8e6"}.sf-icon-love:before{content:"\e87d"}.sf-icon-wishlist:before{content:"\e89a"}.sf-icon-like:before{content:"\e8dc"}.sf-icon-star-empty:before{content:"\e600"}.sf-icon-star-full:before{content:"\e601"}:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff
}
*,
::after,
::before {
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1.5rem;
font-weight: 500;
line-height: 1.2
}
h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
h1 {
font-size: 2.5rem
}
}
h2 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
h2 {
font-size: 2rem
}
}
h3 {
font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
h3 {
font-size: 1.75rem
}
}
h4 {
font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
h4 {
font-size: 1.5rem
}
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1.7rem
}
abbr[data-bs-original-title],
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: .875em
}
mark {
padding: .2em;
background-color: #fcf8e3
}
sub,
sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #0d6efd;
text-decoration: underline
}
a:hover {
color: #0a58ca
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr;
unicode-bidi: bidi-override
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: .875em;
color: #d63384;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: .875em;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: #6c757d;
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]::-webkit-calendar-picker-indicator {
display: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + .3vw);
line-height: inherit
}
@media (min-width:1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::-webkit-file-upload-button {
font: inherit
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}:root {
--accent: #155233;
--text: #000;
--sub: #155233;
--regular-text: 16px;
--lineheight: 1.4;
--userfont: Onest, sans-serif;
--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
--container: 1245px;
}
@font-face {
src: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/fonts/Onest-Light.woff2) format("woff2");
font-family: "Onest";
font-weight: 300;
font-style: normal;
}
@font-face {
src: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/fonts/Onest-Regular.woff2) format("woff2");
font-family: "Onest";
font-weight: 400;
font-style: normal;
}
@font-face {
src: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/fonts/Onest-Medium.woff2) format("woff2");
font-family: "Onest";
font-weight: 500;
font-style: normal;
}
@font-face {
src: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/fonts/Onest-Bold.woff2) format("woff2");
font-family: "Onest";
font-weight: 700;
font-style: normal;
}
@font-face {
src: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/fonts/Onest-ExtraBold.woff2) format("woff2");
font-family: "Onest";
font-weight: 800;
font-style: normal;
}
@font-face {
src: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/fonts/Onest-Black.woff2) format("woff2");
font-family: "Onest";
font-weight: 900;
font-style: normal;
} ::placeholder {
color: var(--text);
}
::selection {
background-color: var(--accent);
color: #fff;
}
input,
textarea {
outline: none;
}
input:focus:required:invalid,
textarea:focus:required:invalid {
border-color: red;
}
input:required:valid,
textarea:required:valid {
border-color: green;
}
body {
font-family: var(--userfont);
font-size: var(--regular-text);
line-height: var(--lineheight);
color: var(--text);
min-width: 320px;
position: relative;
overflow-x: hidden;
background-color: #F6F6F6;
} .image {
max-width: 100%;
margin-bottom: var(--bs-gutter-x);
border-radius: 4px;
}
.accent {
color: var(--accent);
font-weight: bold;
}
.container {
width: var(--container);
margin-left: auto;
margin-right: auto;
}
.checkbox-wrapper {
color: rgba(60, 46, 73, .5);
font-size: 14px;
font-weight: 400;
line-height: .938rem;
}
.checkbox-wrapper .rect {
border-radius: 5px;
background-color: #fff;
margin-right: 8px;
width: 17px;
height: 17px;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 120%; color: #AEADB6;
}
.checkbox-wrapper input[type="checkbox"]{
display: none !important;
}
.checkbox-wrapper label{
position: relative;
text-align: left;
padding-left: 30px;
font-size: 11px;
cursor:pointer;
}
.checkbox-wrapper label a{
color: #b04af1;
}
.checkbox-wrapper label:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background: #F1F1F1;
border: 1px solid #c9c8c8;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
}
.checkbox-wrapper input:checked + label:before {
background-image: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/images/check_wh.svg);
background-repeat: no-repeat;
background-position: center;
background-color:#b04af1;
border: 1px solid #b04af1;
}
.checkbox-wrapper.btn_checkout_final{
margin-top: 0;
}
.checkbox-wrapper_custom {
margin-bottom: 15px;
margin-top: 10px;
}
.checkbox-wrapper_custom .checkbox-wrapper.pl_0{
padding-left: 0;
margin-left:0;
}
.checkbox-wrapper_custom .checkbox-wrapper{
margin-top: 5px;
}
.checkbox-wrapper{
position: relative;
}
.checkbox-notification {
position: absolute;
top: -70px;
left: 0;
background: #fff;
padding: 7px 10px;
border-radius: 5px;
display: none;
color: red;
border: 1px solid rgba(65, 46, 139, .3);
font-size: 11px;
}
.checkbox-wrapper.policy-button-checkout {
margin-top: 20px;
}
.checkbox-wrapper.policy-button-checkout .checkbox-notification{
top:-40px;
}
.checkbox-notification::after {
content: '';
position: absolute;
bottom: -10px;
left: 31px;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #d5d5d5;
}
.lwptoc_itemWrap1 {
margin: 10px 0px 10px 15px;
}
.lwptoc_item {margin-top:15px;}
.lwptoc_toggle:before {
content: '['
}
.lwptoc_toggle:after {
content: ']'
} 
.lwptoc_toggle {display:flex;}
.lwptoc_header {display:flex; gap:15px;}
.lwptoc_i{margin-bottom:25px;}
#cookie_note{
display: none;position: fixed;
z-index:99999;
bottom: 15px;left: 30%; 
max-width: 90%;
transform: translateX(-25%);
padding: 20px;
background-color: white;
border-radius: 23px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_note p{margin: 0;font-size: 0.8rem;text-align: left;color: black;}
#cookie_note .btn-sm {display: block;margin: 0 auto; cursor: pointer; color: #fff;}
.cookie_accept {
white-space: nowrap;
}
@media (max-width: 1023px) {
#cookie_note.cshow {
display: flex;
text-align: left;
flex-direction: column;
width: 90%;
}
.cookie_accept {
width: auto; 
}
#cookie_note .btn-sm {margin-top:15px;}
}
#cookie_note a {color:#006}
@media (max-width: 1023px){#cookie_note.cshow{display: flex;text-align: left;}}
@media (min-width: 1024px){#cookie_note.cshow{display: flex; column-gap: 15px;align-items: center;}}
@media (max-width:768px){
.bclose {
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
top: 0;
right: 0;
color: #242f45;
position: absolute;
}
#cookie_note p {
margin: 0 25px 0 0px;
}
}
@media (min-width: 769px) {
.bclose {
border: 0;
border-radius: 100px;
cursor: pointer;
height: 44px;
padding: 10px;
width: 44px;
top: -35px;
right: -35px;
color: #242f45;
position: absolute;
}
}

.header {
background-color: #fff;
padding: 20px 0 25px;
margin-bottom: 4px;
position: relative;
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__top-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #ECEEF2;
border-radius: 20px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
font-weight: 500;
font-size: 12px;
color: var(--text);
text-decoration: none;
height: 33px;
padding: 0 25px;
transition-duration: .15s;
}
.header__top-btn:hover {
background-color: var(--accent);
border-color: var(--accent);
color: #fff;
}
.header__top-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 18px;
margin: 0;
padding: 0;
list-style-type: none;
}
.header__top-nav a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 12px;
line-height: 120%;
color: #A6A9B1;
-webkit-transition-duration: .15s;
transition-duration: .15s;
text-decoration: none;
}
.header__top-nav a:hover {
color: var(--accent);
}
.header__address {
height: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #ECEEF2;
border-radius: 20px;
padding: 0 15px 0 10px;
font-weight: 500;
font-size: 12px;
}
.header__address svg {
width: 16px;
height: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 9px;
}
.header__address span {
color: #A6A9B1;
display: contents;
}
.header__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
font-size: 16px;
color: var(--text);
text-decoration: none;
}
.header__phone svg {
width: 14px;
height: 14px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 3px;
fill: #155233;
}
.header__phone:hover {
color: var(--text);
}
.header__top-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
}
.header__top-links svg {
width: 20px;
height: 20px;
}
.header__cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 33px;
border: 1px solid #155233;
border-radius: 20px;
font-weight: 500;
font-size: 11px;
line-height: 120%;
color: var(--text);
padding: 0 15px 0 10px;
text-decoration: none;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.header__cart:hover {
color: #fff;
background-color: var(--accent);
}
.header__cart:hover svg {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.header__cart svg {
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.header__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
.header__logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 27px;
width: 130px;
}
.header__logo img {
max-width: 100%;
}
.header__btn-catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #fff;
height: 38px;
padding: 0 10px 0 11px;
background-color: var(--accent);
border-radius: 26px;
cursor: pointer;
}
.header__search {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 30px 0 12px;
position: relative;
}
.header__search input {
width: 100%;
height: 38px;
padding: 0 40px 0 18px;
background: #F6F6F6;
border-radius: 26px;
border: none;
font-size: 12px;
}
.header__search svg {
width: 16px;
height: 16px;
position: absolute;
right: 14px;
top: 0;
bottom: 0;
margin: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.header__bottom-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
white-space: nowrap;
gap: 25px;
}
.header__bottom-nav a {
font-weight: 500;
font-size: 14px;
line-height: 120%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-decoration: none;
color: var(--text);
position: relative;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.header__bottom-nav a::before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: -2px;
background: var(--accent);
height: 1px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.header__bottom-nav a:hover {
color: var(--accent);
}
.header__bottom-nav a:hover::before {
left: 0;
right: 0;
}
.header.sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
padding: 10px 0;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
}
.header.sticky .header__bottom {
margin-top: 5px;
}
.header__btn-catalog--icon {
width: 16px;
height: 12px;
position: relative;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__btn-catalog--icon span {
display: block;
position: absolute;
height: 1px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
} .header__btn-catalog--icon span:nth-child(1) {
top: 0px;
width: 6px;
right: 0;
margin: auto;
}
.header__btn-catalog--icon span:nth-child(2),
.header__btn-catalog--icon span:nth-child(3) {
top: 5.5px;
}
.header__btn-catalog--icon span:nth-child(4) {
top: 11px;
width: 6px;
right: 0;
margin: auto;
}
.header__btn-catalog--icon.open span:nth-child(1) {
top: 0;
width: 0%;
}
.header__btn-catalog--icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.header__btn-catalog--icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header__btn-catalog--icon.open span:nth-child(4) {
top: 11px;
width: 0%;
}
ul.tabs {
margin: 0px;
padding: 0px;
}
ul.tabs li {
cursor: pointer;
}
.tab-content {
display: none;
}
.tab-content.current {
display: block;
}
.hidden-menu {
overflow: hidden;
position: absolute;
left: 0;
top: 100%;
right: 0;
background-color: #fff;
z-index: 100;
padding-bottom: 40px;
display: none;
}
.hidden-menu__tabs {
position: relative;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
list-style-type: none;
height: 56px;
}
.hidden-menu__tabs::before {
content: '';
position: absolute;
left: -50vw;
width: 150vw;
height: 1px;
top: 0;
background-color: #EFEFEF;
}
.hidden-menu__tabs::after {
content: '';
position: absolute;
left: -50vw;
width: 150vw;
height: 1px;
bottom: 0;
background-color: #EFEFEF;
}
.hidden-menu__tabs li {
font-size: 18px;
line-height: 120%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.hidden-menu__tabs li::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: var(--accent);
z-index: 2;
-webkit-transition-duration: .15s;
transition-duration: .15s;
opacity: 0;
visibility: hidden;
}
.hidden-menu__tabs li.current {
color: var(--accent);
}
.hidden-menu__tabs li.current::before {
opacity: 1;
visibility: visible;
}
.hidden-menu__tab {
padding-top: 35px;
}
.hidden-menu__tab-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
}
.hidden-menu__main-cat {
padding: 0;
margin: 0;
list-style-type: none;
}
.hidden-menu__main-cat a {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
color: var(--text);
}
.hidden-menu__main-cat a:hover {
text-decoration: underline;
}
.hidden-menu__main-cat li:last-child a {
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
color: #A6A9B1;
}
.hidden-menu__main-cat li+li {
margin-top: 18px;
}
.hidden-menu__tab-col--item+div {
margin-top: 25px;
}
.hidden-menu__tab-col--title {
font-weight: 700;
font-size: 16px;
color: var(--text);
line-height: 1.2;
margin-bottom: 12px;
}
.hidden-menu li a {
white-space: nowrap;
text-decoration: none;
}
.hidden-menu__list {
display: -ms-grid;
display: grid;
gap: 12px 20px;
padding: 0;
margin: 0;
list-style-type: none;
}
.hidden-menu__list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px;
color: #A6A9B1;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.hidden-menu__list a:hover {
text-decoration: underline;
color: var(--accent);
}
.hidden-menu__list a:hover img {
-webkit-filter: none;
filter: none;
}
.hidden-menu__list a img {
max-width: 38px;
max-height: 13px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 15px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-filter: grayscale(1) opacity(0.5);
filter: grayscale(1) opacity(0.5);
}
.hidden-menu__list--columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.hidden-menu__tab--banner {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 210px;
position: relative;
border-radius: 10px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 20px;
text-decoration: none;
color: #fff;
}
.hidden-menu__tab--banner::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
background: linear-gradient(146.62deg, rgba(14, 31, 51, 0.54) 1%, rgba(14, 31, 51, 0) 66.05%);
}
.hidden-menu__tab--banner>img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.hidden-menu__tab--banner>div {
position: relative;
z-index: 3;
}
.hidden-menu__tab--banner:hover {
color: #fff;
}
.hidden-menu__tab--banner---desc {
font-size: 10px;
}
.hidden-menu__tab--banner---title {
font-weight: 700;
font-size: 26px;
margin-top: 3px;
}
.hidden-menu__tab--banner---price {
font-weight: 700;
font-size: 12px;
border: 1px solid #FFFFFF;
border-radius: 28px;
margin-top: 5px;
padding: 0 12px;
height: 22px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 56px;
background-color: var(--accent);
padding: 0 35px;
border-radius: 28px;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 14px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.btn:hover {
color: #fff;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.main {
margin-top: 20px;
}
.main .prev,
.main .next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 38px;
height: 38px;
background: #F6F6F6;
border-radius: 100%;
cursor: pointer;
}
.main .prev svg,
.main .next svg {
width: 18px;
height: 18px;
stroke: var(--text);
}
.main__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main__big-slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
position: relative;
min-width: 0;
}
.main__big-left {}
.main__big-left--nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main__big-left--nav---arrows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.main__big-left--nav---dots {
margin-left: 24px;
}
.main__big-left--text {
margin-top: 35px;
}
.main__big-left--text---init {
overflow: hidden;
}
.main__big-left--text---desc {
font-size: 14px;
line-height: 120%;
color: var(--sub);
}
.main__big-left--text---title {
font-weight: 700;
font-size: 44px;
line-height: 110%;
margin-top: 15px;
}
.main__big-left--text---title span {
color: var(--sub);
}
.main__big-left--text---btn {
margin-top: 30px;
}
.main__big-image {
width: 350px;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.main__big-image div {
height: 100%;
}
.main__big-image .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.main__big-image img {
width: auto;
height: 100%;
}
.main__mini-slider {
width: 300px;
min-height: 360px;
margin-left: 15px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #FFFFFF;
border-radius: 10px;
}
.main__mini-slider--top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 19px 20px;
}
.main__mini-slider--top svg {
width: 18px;
height: 18px;
stroke: var(--text);
}
.main__mini-slider--init-wrapper {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.main__mini-slider--init-wrapper .swiper-wrapper,
.main__mini-slider--init-wrapper .swiper-slide {
height: 100%;
}
.main__mini-slider--init-wrapper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.main__mini-slider--init {
height: 100%;
overflow: hidden;
}
.main__mini-slider--product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-decoration: none;
}
.main__mini-slider--image {
margin-bottom: 15px;
height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main__mini-slider--image img {
max-width: 100%;
max-height: 100%;
}
.main__mini-slider--info {
margin-top: auto;
padding: 0 30px 25px;
line-height: 1.2;
}
.main__mini-slider--title {
font-size: 14px;
color: var(--text);
}
.main__mini-slider--attr {
color: #C5C7CE;
font-weight: 500;
font-size: 12px;
margin-top: 8px;
}
.main__mini-slider--price {
font-size: 14px;
color: var(--text);
margin-top: 4px;
}
.main__mini-slider--prev,
.main__mini-slider--next {
cursor: pointer;
}
.main__mini-slider--dots {
text-align: center;
}
body .swiper-pagination-bullet {
width: 6px;
height: 6px;
opacity: 1;
border: 1px solid #DBDEE2;
background-color: transparent;
}
body .swiper-pagination-bullet-active {
border-color: var(--text);
background-color: var(--text);
}
.s-title {
font-size: 30px;
line-height: 110%;
font-weight: 400;
margin: 0;
}
.btn-2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 38px;
border: 1px solid var(--accent);
border-radius: 28px;
padding: 0 30px;
color: var(--accent);
font-size: 12px;
font-weight: 500;
text-decoration: none;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.btn-2:hover {
background-color: var(--accent);
color: #fff;
}
.mt90 {
margin-top: 90px;
}
.title-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px;
}
.title-top__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.title-top__nav-arrows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
margin-left: 25px;
}
.title-top__nav-arrows svg {
width: 18px;
height: 18px;
}
.title-top__nav-prev,
.title-top__nav-next {
width: 38px;
height: 38px;
border-radius: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
}
.title-top__nav-prev {
stroke: var(--text);
background-color: #fff;
}
.title-top__nav-next {
background-color: var(--accent);
stroke: #fff;
}
.product {
padding: 20px 0;
background-color: #fff;
position: relative;
}
.product__top-status {
background-color: #E40F0F;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute;
left: 20px;
top: 20px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
padding: 3px 5px;
line-height: 1;
z-index: 1;
}
.product__image {
height: 190px;
position: relative;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product__image img {
max-width: 100%;
max-height: 100%;
}
.product__info {
margin-top: 10px;
padding: 0 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.2;
}
.product__info-title {
font-size: 14px;
color: var(--text);
text-decoration: none;
}
.product__info-attr {
color: #C5C7CE;
font-size: 12px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 5px;
}
.product__info-price {
font-size: 0;
margin-top: auto;
}
.product__info-price span {
font-size: 14px;
position: relative;
}
.product__info-price.old span:first-child::before {
content: '';
position: absolute;
left: -2px;
top: 8px;
right: 10px;
height: 2px;
background-color: #E40F0F;
border-radius: 5px;
-webkit-transform: rotate(-11deg);
transform: rotate(-11deg);
}
.product__info-price.old span:first-child::after {
content: '·';
margin: 0 4px;
}
.product__info-price.old span:nth-child(2) {
color: #E40F0F;
}
.product__add-to-cart {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 48px;
height: 48px;
margin-left: 15px;
background: #F6F6F6;
border-radius: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product__add-to-cart svg {
width: 24px;
height: 24px;
}
.product .green {
background-color: #74C267;
}
.product .red {
background-color: #E40F0F;
}
.carousel__products-init {
overflow: hidden;
}
.advantages {
margin-top: 100px;
}
.advantages__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.advantages__item {
position: relative;
padding-right: 25px;
}
.advantages__item::before {
content: '';
position: absolute;
left: -21px;
top: 11px;
width: 110px;
height: 110px;
background-color: #fff;
border-radius: 100%;
z-index: -1;
}
.advantages__item::after {
content: '';
position: absolute;
left: 84px;
top: 50px;
background-color: var(--accent);
width: 8px;
height: 8px;
border-radius: 100%;
}
.advantages__icon {
width: 50px;
height: 50px;
margin-bottom: 45px;
}
.advantages__icon img {
max-width: 100%;
max-height: 100%;
}
.advantages__title {
font-weight: 700;
font-size: 20px;
line-height: 110%;
color: var(--text);
}
.categories__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 200px;
gap: 15px;
}
.categories__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #000;
line-height: 120%;
text-decoration: none;
color: #fff;
padding: 20px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
overflow: hidden;
border-radius: 10px;
}
.categories__item:hover {
color: #fff;
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
}
.categories__item:nth-child(1),
.categories__item:nth-child(3) {
grid-row: span 2;
}
.categories__item div {
position: relative;
z-index: 3;
}
.categories__item--fill {
position: relative;
}
.categories__item--fill::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(146.62deg, rgba(14, 31, 51, 0.54) 1%, rgba(14, 31, 51, 0) 66.05%);
}
.categories__item--fill>img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.categories__item--empty {
background-color: #fff;
color: var(--text);
position: relative;
}
.categories__item--empty>img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-height: 100%;
max-width: 100%;
}
.categories__item--empty:hover {
color: var(--text);
}
.categories__item--empty .categories__item-price {
border-color: var(--text);
}
.categories__item-desc {
font-size: 14px;
}
.categories__item-title {
font-weight: 700;
font-size: 30px;
margin-top: 15px;
line-height: 1;
}
.categories__item-price {
font-weight: 700;
font-size: 14px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 28px;
border: 1px solid #FFFFFF;
border-radius: 28px;
padding: 0 10px;
margin-top: 17px;
}
.populars__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
margin-top: 20px;
}
.populars__wrapper a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
font-size: 12px;
text-decoration: none;
color: var(--accent);
padding: 0 9px 0 20px;
border: 1px solid var(--accent);
border-radius: 28px;
line-height: 1;
height: 38px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.populars__wrapper a span {
margin-left: 15px;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--text);
background: #FFFFFF;
border-radius: 28px;
padding: 5px 8px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 40px;
}
.populars__wrapper a:hover {
background-color: var(--accent);
color: #fff;
}
.populars a.populars__more {
padding: 0 20px;
background-color: #fff;
color: #97A2AE;
border-color: #fff;
}
.form {
margin-top: 100px;
overflow: hidden;
}
.form__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form__left {
width: 670px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 75px;
margin-top: 40px;
}
.form__title {
font-weight: 700;
font-size: 44px;
line-height: 110%;
}
.form__title span {
color: var(--accent);
}
.form__desc {
font-size: 16px;
line-height: 110%;
color: #B1B4C0;
margin-top: 20px;
}
.form__fields {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin-top: 30px;
}
.form__fields input {
width: 100%;
height: 56px;
border: none;
border-radius: 28px;
}
.form__input {
position: relative;
}
.form__input svg {
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.form__input input {
padding: 0 50px 0 20px;
background-color: #fff;
font-size: 14px;
}
.form input[type=submit] {
background-color: var(--accent);
color: #fff;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.form input[type=submit]:hover {
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.form__checkbox {
font-size: 10px;
color: #B1B4C0;
font-weight: 500;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form__checkbox a {
color: #B1B4C0;
}
.form__checkbox svg {
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
}
.form__image {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
}
.form__image svg {
position: absolute;
left: 20px;
bottom: 70px;
z-index: -1;
}
.form__image img {
max-width: 320px;
max-height: 100%;
}
.form+.footer {
margin-top: 0;
}
.footer {
margin-top: 100px;
background-color: #fff;
overflow: hidden;
padding-bottom: 25px;
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 45px 0;
}
.footer__top-search {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__top-search svg {
width: 32px;
height: 32px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.footer__top-search input {
width: 100%;
padding: 0 45px;
font-size: 20px;
border: none;
background-color: transparent;
}
.footer__top-search input::-webkit-input-placeholder {
color: #ACB0B4;
}
.footer__top-search input:-ms-input-placeholder {
color: #ACB0B4;
}
.footer__top-search input::-ms-input-placeholder {
color: #ACB0B4;
}
.footer__top-search input::placeholder {
color: #ACB0B4;
}
.footer__top-right {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__top-right--links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-right: 10px;
}
.footer__top-right--links a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 56px;
height: 56px;
border: 1px solid #ECEEF2;
border-radius: 100%;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.footer__top-right--links a:hover {
background-color: var(--accent);
border-color: var(--accent);
}
.footer__top-right--links a:hover svg {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.footer__top-right--links a svg {
width: 18px;
height: 18px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.footer__mid {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 40px;
gap: 0 40px;
}
.footer__mid::before {
content: '';
position: absolute;
left: -50vw;
right: -50vw;
top: 0;
height: 1px;
background-color: #EDEDED;
}
.footer__mid-item ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.footer__mid-item ul li+li {
margin-top: 15px;
}
.footer__mid-item ul a {
font-size: 12px;
color: var(--text);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition-duration: .15s;
transition-duration: .15s;
text-decoration: none;
}
.footer__mid-item ul a:hover {
text-decoration: underline;
}
.footer__mid-item--title {
font-size: 22px;
line-height: 130%;
margin-bottom: 20px;
}
.footer__mid-item--contact {
position: relative;
padding-left: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__mid-item--contact svg {
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.footer__mid-item--contact+div {
margin-top: 30px;
}
.footer__mid-item--contact .btn-2 {
border-color: #ECEEF2;
margin-left: 20px;
}
.footer__mid-item--contact---title {
font-weight: 700;
font-size: 18px;
color: var(--text);
text-decoration: none;
}
.footer__mid-item--contact---title:hover {
color: var(--text);
}
.footer__mid-item--contact---desc {
font-size: 12px;
color: #ACB0B4;
margin-top: 3px;
}
.footer__bottom {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 25px;
}
.footer__bottom *,
.footer__bottom a {
font-size: 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 10px;
color: #BFC6CC;
}
.footer__bottom * img,
.footer__bottom a img {
margin-left: 10px;
}
#top {
position: fixed;
left: 40px;
bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 100;
background-color: var(--accent);
width: 40px;
height: 40px;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
cursor: pointer;
-webkit-transition-duration: .15s;
transition-duration: .15s;
opacity: 0;
visibility: hidden;
}
@media (max-width: 768px) {
#top {
left: 20px;
bottom: 20px;
}
}
#top::before {
content: '';
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 5px;
position: absolute;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-top: 7px;
}
#top.show {
opacity: 1;
visibility: visible;
}
.mobile-menu {
background-color: var(--accent);
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 100;
display: none;
}
.mobile-menu__top {
height: 60px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}
.mobile-menu__btn {
width: 30px;
height: 22px;
position: relative;
margin: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.mobile-menu__btn span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 5px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.mobile-menu__btn span:nth-child(1) {
top: 0px;
}
.mobile-menu__btn span:nth-child(2),
.mobile-menu__btn span:nth-child(3) {
top: 9px;
}
.mobile-menu__btn span:nth-child(4) {
top: 18px;
}
.mobile-menu .open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
.mobile-menu .open span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu .open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu .open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
}
.mobile-menu__top-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-menu__tel svg {
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 7px;
fill: #fff;
}
.mobile-menu__logo img {
height: 30px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
@media (max-width: 570px) {
.mobile-menu__top-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mobile-menu__top-center .mobile-menu__tel {
margin: 5px 0 0;
font-size: 12px;
}
.mobile-menu__top-center .mobile-menu__tel::before {
width: 16px;
height: 16px;
margin-right: 5px;
}
}
.mobile-menu__logo {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.mobile-menu__logo-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.2;
margin-left: 10px;
}
.mobile-menu__logo-text span {
font-size: 10px;
}
.mobile-menu__logo-text b {
font-weight: 600;
font-size: 12px;
}
@media (max-width: 520px) {
.mobile-menu__logo-text span {
font-size: 8px;
}
.mobile-menu__logo-text b {
font-size: 10px;
}
}
.mobile-menu__tel {
font-size: 14px;
color: #fff;
text-decoration: none;
font-weight: bold;
margin: 0 0 0 35px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mobile-menu__tel:hover {
color: #fff;
}
.mobile-menu__top-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.mobile-menu__top-link {
width: 35px;
height: 35px;
border-radius: 100%;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 8px;
}
.mobile-menu__top-link svg {
fill: var(--text);
}
.mobile-menu__top-link img {
max-width: 100%;
max-height: 100%;
-webkit-filter: brightness(0);
filter: brightness(0);
}
.mobile-menu__content {
position: fixed;
margin-top: 60px;
max-width: 85vw;
height: calc(100vh - 60px);
overflow: auto;
width: 100%;
background-color: var(--accent);
padding: 20px 20px;
z-index: 3;
left: 0;
right: auto;
top: 0;
bottom: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translate(-200%, 0);
transform: translate(-200%, 0);
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
}
.mobile-menu__content ul {
list-style-type: none;
padding: 0;
}
.mobile-menu__nav ul {
margin: 0;
padding: 0;
}
.mobile-menu__nav a {
font-size: 16px;
font-weight: 600;
color: #fff;
text-decoration: none;
}
.mobile-menu__nav li+li {
margin-top: 5px;
}
.mobile-menu .opened {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile-menu__bottom {
margin-top: 20px;
}
.mobile-menu__bottom a img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
opacity: 1;
}
body.hidd,
html.hidd {
overflow: hidden;
}
body.hidd {
padding-right: 5px;
}
body.hidd::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 20;
}
.catalog-top {
background-color: #fff;
}
.catalog-top__nav {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px 15px;
padding-bottom: 20px;
}
.catalog-top__nav a {
font-size: 12px;
color: var(--text);
font-weight: 500;
text-decoration: none;
}
.catalog-top__nav a span {
color: #A3B3C7;
}
.catalog-top__nav a.active {
background-color: var(--accent);
border-radius: 26px;
padding: 4px 12px;
color: #fff;
}
.bread {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 13px 0;
}
.bread a,
.bread span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #BBBDC4;
font-size: 10px;
text-decoration: none;
}
.bread>*+*::before {
content: '<';
margin: 0 5px;
}
.catalog {
margin-top: 45px;
}
.catalog__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.catalog__nav {
width: 250px;
margin-right: 65px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.catalog__grid {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.catalog__grid-products {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.catalog__pagination {
margin-top: 40px;
}
.product-card {
background-color: #fff;
}
.product-card__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-card__gallery {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product-card a.swiper-slide {
outline: none;
}
.product-card__gallery-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
overflow: hidden;
}
.product-card__gallery-main .swiper-slide {
height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 6px;
}
.product-card__gallery-main .swiper-slide img {
width: auto;
max-height: 100%;
}
.product-card__gallery-nav {
width: 90px;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 0;
height: 400px;
overflow: hidden;
}
.product-card__gallery-nav .swiper-slide {
border-bottom: 1px solid transparent;
cursor: pointer;
}
.product-card__gallery-nav .swiper-slide-thumb-active {
border-color: #1A4A83;
}
.product-card__gallery-nav--slide {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 6px;
}
.product-card__gallery-nav--slide img {
max-width: 100%;
max-height: 100%;
}
.product-card__info {
width: 485px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 55px;
}
.product-card__title {
font-weight: 700;
font-size: 24px;
line-height: 110%;
}
.product-card__model {
font-weight: 500;
font-size: 14px;
line-height: 120%;
margin-top: 10px;
}
.product-card__detail {
margin-top: 10px;
border-top: 1px solid #F0F0F0;
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.product-card__status {
font-weight: 500;
font-size: 10px;
color: #63BF54;
}
.product-card__art {
font-size: 10px;
color: #BBBDC3;
font-weight: 500;
}
.product-card__share {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-size: 10px;
color: #BBBDC3;
}
.product-card__share svg {
width: 14px;
height: 14px;
margin-left: 7px;
}
.product-card__price {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
}
.product-card__price span:nth-child(2) {
color: #E40F0F;
}
.product-card__price span+span::before {
content: '·';
color: var(--text);
margin: 0 5px;
}
.product-card__price.old span:nth-child(1) {
position: relative;
}
.product-card__price.old span:nth-child(1)::before {
content: '';
position: absolute;
left: -4px;
top: 0;
right: -4px;
bottom: 0;
margin: auto;
height: 2px;
background-color: #E40F0F;
border-radius: 3px;
-webkit-transform: rotate(165deg);
transform: rotate(165deg);
}
.product-card__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.product-card__counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 56px;
border: 1px solid #1A4A83;
border-radius: 28px;
padding: 0 12px;
}
.product-card__counter svg {
width: 20px;
height: 20px;
}
.product-card__counter--minus,
.product-card__counter--plus {
cursor: pointer;
}
.product-card__counter--value {
font-weight: 500;
font-size: 18px;
min-width: 32px;
text-align: center;
margin: 0 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-card__add-to-cart {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 25px 0 35px;
background-color: var(--accent);
height: 56px;
border-radius: 28px;
font-weight: 500;
font-size: 14px;
color: #fff;
cursor: pointer;
}
.product-card__add-to-cart svg {
width: 24px;
height: 24px;
margin-left: 15px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.product-card__one-click {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 27px;
height: 56px;
font-weight: 500;
font-size: 14px;
border-radius: 28px;
border: 1px solid var(--accent);
color: var(--accent);
}
.product-card__delivery {
margin-top: 40px;
}
.product-card__delivery-title {
font-weight: 700;
font-size: 16px;
}
.product-card__delivery-title span {
color: var(--accent);
}
.product-card__delivery-title svg {
width: 14px;
height: 14px;
}
.product-card__delivery-bottom {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-card__delivery-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-card__delivery-item {
width: 100%;
display: flex;
flex-direction: column;
}
.product-card__delivery-item--title {
font-weight: 500;
font-size: 12px;
padding-right: 20px;
border-bottom: 1px solid #F0F0F0;
padding-bottom: 3px;
flex-grow: 1;
}
.product-card__delivery-item--price {
font-weight: 700;
font-size: 12px;
margin-top: 5px;
}
.product-card__delivery-item--day {
font-weight: 500;
font-size: 10px;
color: #BBBDC3;
margin-top: 2px;
line-height: 1;
}
.product-card__delivery-comment {
font-weight: 500;
font-size: 12px;
background: #F6F6F6;
border-radius: 6px;
padding: 10px 15px;
margin-left: 10px;
}
.product-advantager {
margin-top: 3px;
padding: 40px 0;
background-color: #fff;
}
.product-advantager__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 25px;
}
.product-advantager__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-advantager__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 30px;
margin-right: 15px;
}
.product-advantager__icon img {
max-width: 100%;
max-height: 100%;
}
.product-advantager__text {
font-size: 15px;
line-height: 1.1;
}
.card-info {
margin-top: 50px;
}
.card-info__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-info__sliders {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.card-info__sliders-row {
overflow: hidden;
}
.card-info__sliders-row+div {
margin-top: 40px;
}
.card-info__params {
width: 485px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 55px;
}
.card-info__params-table {
margin-top: 20px;
}
.card-info__params-table table {
width: 100%;
}
.card-info__params-table table td {
font-size: 12px;
position: relative;
padding: 10px 0;
}
.card-info__params-table table td::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
background-color: #E0E0E0;
}
.card-info__params-table table td:first-child::after {
content: '';
position: absolute;
left: 55px;
right: 0;
bottom: 0;
height: 1px;
background-color: #E0E0E0;
}
.card-info__params-table table td:last-child {
font-weight: bold;
text-align: right;
}
.card-info .product__image {
height: 140px;
}
.banners {
margin-top: 70px;
}
.banners__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.banners__item {
position: relative;
padding: 22px 30px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
overflow: hidden;
border-radius: 10px;
}
.banners__item img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-height: 130%;
}
.banners__item>div {
max-width: 55%;
}
.banners__cat {
font-weight: 400;
font-size: 12px;
}
.banners__title {
font-weight: 700;
font-size: 34px;
line-height: 110%;
margin-top: 6px;
}
.banners__title span {
color: var(--accent);
}
.banners__btn {
margin-top: 15px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
border: 1px solid var(--accent);
border-radius: 28px;
height: 38px;
color: var(--accent);
text-decoration: none;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.banners__btn:hover {
background-color: var(--accent);
color: #fff;
}
.cat__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.cat__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
height: 150px;
position: relative;
border-radius: 10px;
overflow: hidden;
padding: 20px;
text-decoration: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cat__item:hover {
color: #fff;
}
.cat__item>img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cat__item::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(151.19deg, rgba(14, 31, 51, 0.54) 1.08%, rgba(14, 31, 51, 0) 99.7%);
z-index: 1;
}
.cat__item-desc {
font-size: 12px;
line-height: 1;
}
.cat__item-title {
font-weight: 700;
font-size: 25px;
margin-bottom: 15px;
margin-top: 5px;
line-height: 1.2;
}
.cat__item-price {
margin-top: auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #FFFFFF;
border-radius: 28px;
height: 28px;
padding: 0 15px;
font-size: 14px;
font-weight: bold;
}
.cat__item div {
position: relative;
z-index: 2;
}
.single-h1 {
margin-bottom: 25px;
}
.sale-card__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sale-card__left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sale-card__banner {
padding: 25px 35px;
background: #FFFFFF;
border-radius: 10px;
position: relative;
overflow: hidden;
height: 310px;
}
.sale-card__banner>img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 420px;
max-height: 120%;
}
.sale-card__banner-text {
max-width: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
z-index: 2;
}
.sale-card__type {
font-size: 14px;
color: var(--accent);
margin-bottom: 15px;
}
.sale-card__title {
font-weight: 700;
font-size: 44px;
margin-bottom: 30px;
line-height: 110%;
}
.sale-card__title span {
color: var(--accent);
}
.sale-card__desc {
margin-top: auto;
color: #6C8097;
font-size: 16px;
}
.sale-card__left-text {
margin: 30px 0 0 30px;
}
.sale-card__right {
width: 300px;
margin-left: 15px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.sale-card__form {
height: 310px;
border: 1px solid #DDDDDD;
border-radius: 10px;
padding: 20px 30px;
}
.sale-card__form-title {
font-weight: 700;
font-size: 23px;
line-height: 110%;
}
.sale-card__form-title span {
color: var(--accent);
}
.sale-card__form-input {
position: relative;
margin-top: 15px;
}
.sale-card__form-input input {
height: 56px;
padding: 0 50px 0 20px;
border-radius: 28px;
font-size: 14px;
border: none;
}
.sale-card__form-input svg {
width: 20px;
height: 20px;
position: absolute;
right: 17px;
top: 0;
bottom: 0;
margin: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.sale-card__form-submit {
margin-top: 15px;
}
.sale-card__form-submit input {
width: 100%;
border: none;
}
.sale-card__form-checkbox {
margin-top: 17px;
font-weight: 500;
font-size: 10px;
color: #B1B4C0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sale-card__form-checkbox a {
color: #B1B4C0;
}
.sale-card__form-checkbox svg {
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
}
.side-cart,
.side-user {
position: fixed;
right: 0;
top: 0;
bottom: 0;
z-index: 1000;
width: 500px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 84px rgba(58, 58, 58, 0.1);
box-shadow: 0px 0px 84px rgba(58, 58, 58, 0.1);
padding: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
overflow: auto;
height: 100vh;
}
.side-cart__top-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.side-cart__title {
font-size: 30px;
line-height: 110%;
}
.side-cart__close {
width: 32px;
height: 32px;
background: #F6F6F6;
border-radius: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.side-cart__close svg {
width: 16px;
height: 16px;
stroke: #155233;
}
.side-cart__count {
font-weight: 500;
font-size: 12px;
color: #C5C7CE;
text-align: right;
}
.side-cart__table {
margin-top: 40px;
}
.side-cart__table table {
width: 100%;
}
.side-cart__table table tr {
border-bottom: 1px solid #EFEFEF;
padding: 10px 0;
}
.side-cart__table table td {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
}
.side-cart__table table td:first-child {
width: 120px;
}
.side-cart__table table td:last-child {
width: 100px;
padding-right: 0;
}
.side-cart__image img {
max-width: 100%;
max-height: 100%;
}
.side-cart__model {
font-weight: 500;
font-size: 12px;
margin-top: 5px;
color: #C5C7CE;
line-height: 1;
}
.side-cart__price {
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
.side-cart__price span+span::before {
content: '·';
display: inline-block;
margin: 0 5px;
color: var(--text);
}
.side-cart__price span:nth-child(2) {
color: #E40F0F;
}
.side-cart__price.old span:first-child {
position: relative;
}
.side-cart__price.old span:first-child::before {
content: '';
position: absolute;
left: -2px;
top: 8px;
right: -5px;
height: 2px;
background-color: #E40F0F;
border-radius: 5px;
-webkit-transform: rotate(-11deg);
transform: rotate(-11deg);
}
.side-cart__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 10px;
}
.side-cart__remove {
cursor: pointer;
}
.side-cart__remove svg {
width: 16px;
height: 16px;
stroke: #CBCDD4;
}
.side-cart__counter {
height: 40px;
width: 100%;
border: 1px solid #ECECEC;
border-radius: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.side-cart__counter svg {
width: 16px;
height: 16px;
}
.side-cart__minus,
.side-cart__plus {
cursor: pointer;
}
.side-cart__td-title {
font-size: 14px;
line-height: 120%;
}
.side-cart__value {
width: 32px;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0 4px;
}
.side-cart__submit {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 56px;
background-color: var(--accent);
color: #fff;
font-weight: 500;
font-size: 14px;
border-radius: 28px;
text-decoration: none;
}
.side-cart__submit:hover {
color: #fff;
}
.side-cart__price-final {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 12px;
margin-top: 20px;
line-height: 1;
}
.side-cart__price-final-title {
font-size: 14px;
margin-bottom: 5px;
}
.side-cart__price-final-value {
font-weight: 700;
font-size: 25px;
}
.side-cart__price-final-value.sale {
color: #E40F0F;
}
.side-cart.opened,
.side-user.opened {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.bg-white {
background-color: #fff;
}
.cart {
padding-bottom: 80px;
}
.cart__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart__title {
font-size: 30px;
line-height: 110%;
margin-bottom: 25px;
}
.cart__row {
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
padding: 27px 0;
}
.cart__row+.cart__row {
margin-top: -1px;
}
.cart__row:first-child {
border-top: 1px solid #EEEEEE;
}
.cart__sub-title {
font-weight: 700;
font-size: 24px;
line-height: 110%;
margin-bottom: 10px;
}
.cart__sub-desc {
font-size: 14px;
color: #B2B9C1;
margin-bottom: 17px;
}
.cart__radio {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.cart__radio-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cart__radio-item label {
width: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cart__radio-item input {
display: none;
}
.cart__radio-item input:checked+.cart__radio-row {
border-color: #F6F6F6;
background: #F6F6F6;
}
.cart__radio-item input:checked+.cart__radio-row .cart__radio-title {
color: var(--text);
}
.cart__radio-item input:checked+.cart__radio-row::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' fill='%23155233' stroke='%23155233' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4375 8.125L8.85414 12.5L6.5625 10.3125' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.cart__radio-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
height: 66px;
border: 1px solid #E2E2E2;
border-radius: 6px;
position: relative;
padding: 10px 12px 10px 40px;
}
.cart__radio-row::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
left: 10px;
top: 0;
bottom: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%236C8097' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.cart__radio-title {
font-weight: 700;
font-size: 16px;
line-height: 120%;
color: #a1c9b5;
}
.cart__radio-desc {
font-size: 14px;
line-height: 120%;
color: #BECAD8;
margin-top: 3px;
}
.cart__form {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 15px;
}
.cart__field {
grid-column: span 4;
position: relative;
}
.cart__field span {
position: absolute;
font-size: 12px;
top: 7px;
left: 12px;
}
.cart__field input {
width: 100%;
height: 56px;
border: 1px solid #ECECEC;
border-radius: 6px;
padding: 30px 12px 12px;
font-size: 14px;
}
.cart__field input::-webkit-input-placeholder {
color: #BCC5D0;
}
.cart__field input:-ms-input-placeholder {
color: #BCC5D0;
}
.cart__field input::-ms-input-placeholder {
color: #BCC5D0;
}
.cart__field input::placeholder {
color: #BCC5D0;
}
.cart__field:nth-child(3),
.cart__field:nth-child(4) {
grid-column: span 2;
}
.cart__order {
margin-top: 30px;
}
.cart__order button {
border: none;
}
.cart__side {
width: 415px;
margin-left: 70px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.s-desc {
font-size: s16px;
color: #B2B9C1;
}
.order-page {
overflow: hidden;
}
.order-page__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.order-page__main {
width: 780px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 70px;
}
.order-page__table {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 25px;
}
.order-page__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
padding: 10px 0;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.order-page__client {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
border-bottom: 1px solid #EEEEEE;
padding-bottom: 18px;
}
.order-page__detail {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.order-page__detail p {
margin: 5px 0 0;
font-size: 12px;
}
.order-page__detail-title {
font-weight: 700;
font-size: 14px;
}
.order-page__image {
width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.order-page__image svg {
position: absolute;
z-index: 1;
top: 60px;
left: 20px;
}
.order-page__image img {
max-width: 100%;
position: relative;
z-index: 2;
}
.order-page__product-image {
width: 120px;
height: 80px;
border-radius: 6px;
}
.order-page__product-image img {
max-width: 100%;
max-height: 100%;
}
.order-page .side-cart__count {
margin-left: auto;
}
.order-page .btn {
margin-top: 30px;
}
.mt100 {
margin-top: 100px;
}
.info__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 50px;
}
.info__text {
width: 475px;
position: relative;
}
.info__text::before {
content: '';
position: absolute;
z-index: -1;
left: -140px;
top: -50px;
width: 370px;
height: 370px;
border-radius: 100%;
background-color: #fff;
}
.info__text::after {
content: '';
position: absolute;
left: -60px;
top: -32px;
width: 18px;
height: 18px;
background-color: var(--accent);
border-radius: 100%;
}
.info__text p,
.info__text li {
color: #6C8097;
}
.info__text p:last-child {
margin-bottom: 0;
}
.info__text:last-child::before {
left: auto;
right: -140px;
}
.info__text:last-child::after {
left: auto;
right: -60px;
}
.info__title {
font-weight: 400;
font-size: 30px;
margin: 0 0 20px;
}
.info__gallery {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
position: relative;
border-radius: 10px;
overflow: hidden;
height: 265px;
}
.info__gallery-init {
height: 100%;
}
.info .swiper-slide {
outline: none;
}
.info .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.info__arrows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
position: absolute;
left: 10px;
bottom: 10px;
z-index: 5;
}
.info__arrows>div {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
width: 38px;
height: 38px;
background-color: #fff;
border-radius: 100%;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.info__arrows>div svg {
width: 18px;
height: 18px;
stroke: var(--text);
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.info__arrows>div:hover {
background-color: var(--accent);
}
.info__arrows>div:hover svg {
stroke: #fff;
}
.about-page .info__text::before {
top: 60px;
}
.about-page .info__text::after {
top: 392px;
}
.partners__wrapper {
position: relative;
margin-top: 20px;
}
.partners__prev,
.partners__next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 38px;
height: 38px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
background-color: #fff;
border-radius: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.partners__prev svg,
.partners__next svg {
width: 18px;
height: 18px;
stroke: var(--text);
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.partners__prev:hover,
.partners__next:hover {
background-color: var(--accent);
}
.partners__prev:hover svg,
.partners__next:hover svg {
stroke: #fff;
}
.partners__prev {
left: -48px;
}
.partners__next {
right: -48px;
}
.partners__init {
overflow: hidden;
}
.partners__init .swiper-slide {
height: 110px;
border-radius: 6px;
padding: 5px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.partners__init .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.score {
display: block;
width: 122px;
height: 16px;
background: -webkit-gradient(linear, left top, right top, from(#fc0), color-stop(0, #eee));
background: linear-gradient(90deg, #fc0 var(--_score, 50%), #eee 0);
-webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.34462 13.901L13.2849 16.3974C13.7886 16.7165 14.4139 16.2419 14.2644 15.654L13.126 11.1756C13.0939 11.0509 13.0977 10.9197 13.137 10.797C13.1762 10.6743 13.2492 10.5652 13.3477 10.4822L16.8811 7.54132C17.3453 7.1549 17.1057 6.38439 16.5092 6.34567L11.8949 6.0462C11.7706 6.03732 11.6514 5.99332 11.5511 5.91931C11.4509 5.84531 11.3737 5.74435 11.3286 5.62819L9.60765 1.29436C9.56087 1.17106 9.47769 1.06492 9.36915 0.990017C9.26062 0.915115 9.13187 0.875 9 0.875C8.86813 0.875 8.73938 0.915115 8.63085 0.990017C8.52232 1.06492 8.43914 1.17106 8.39236 1.29436L6.6714 5.62819C6.6263 5.74435 6.54914 5.84531 6.4489 5.91931C6.34865 5.99332 6.22944 6.03732 6.10515 6.0462L1.49078 6.34567C0.894294 6.38439 0.654664 7.1549 1.11894 7.54132L4.65232 10.4822C4.75079 10.5652 4.82383 10.6743 4.86305 10.797C4.90226 10.9197 4.90606 11.0509 4.874 11.1756L3.81824 15.3288C3.63889 16.0343 4.38929 16.6038 4.99369 16.2209L8.65539 13.901C8.75837 13.8354 8.87792 13.8006 9 13.8006C9.12208 13.8006 9.24163 13.8354 9.34462 13.901Z' fill='%23F4D635' stroke='%23F4D635' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0/1.53em 1em;
mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.34462 13.901L13.2849 16.3974C13.7886 16.7165 14.4139 16.2419 14.2644 15.654L13.126 11.1756C13.0939 11.0509 13.0977 10.9197 13.137 10.797C13.1762 10.6743 13.2492 10.5652 13.3477 10.4822L16.8811 7.54132C17.3453 7.1549 17.1057 6.38439 16.5092 6.34567L11.8949 6.0462C11.7706 6.03732 11.6514 5.99332 11.5511 5.91931C11.4509 5.84531 11.3737 5.74435 11.3286 5.62819L9.60765 1.29436C9.56087 1.17106 9.47769 1.06492 9.36915 0.990017C9.26062 0.915115 9.13187 0.875 9 0.875C8.86813 0.875 8.73938 0.915115 8.63085 0.990017C8.52232 1.06492 8.43914 1.17106 8.39236 1.29436L6.6714 5.62819C6.6263 5.74435 6.54914 5.84531 6.4489 5.91931C6.34865 5.99332 6.22944 6.03732 6.10515 6.0462L1.49078 6.34567C0.894294 6.38439 0.654664 7.1549 1.11894 7.54132L4.65232 10.4822C4.75079 10.5652 4.82383 10.6743 4.86305 10.797C4.90226 10.9197 4.90606 11.0509 4.874 11.1756L3.81824 15.3288C3.63889 16.0343 4.38929 16.6038 4.99369 16.2209L8.65539 13.901C8.75837 13.8354 8.87792 13.8006 9 13.8006C9.12208 13.8006 9.24163 13.8354 9.34462 13.901Z' fill='%23F4D635' stroke='%23F4D635' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0/1.53em 1em;
background-size: 100%;
}
.review {
padding: 30px;
background: #FFFFFF;
border-radius: 10px;
}
.review__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding-left: 48px;
min-height: 36px;
}
.review__photo {
width: 36px;
height: 36px;
border-radius: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--accent);
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
overflow: hidden;
}
.review__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.review__photo svg {
width: 24px;
height: 24px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.review__name {
font-weight: 700;
font-size: 16px;
line-height: 120%;
}
.review__date {
font-weight: 500;
font-size: 12px;
line-height: 120%;
color: #B8B8C9;
margin-top: 4px;
}
.review__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 15px;
}
.review__logo {
width: 50px;
}
.review__logo img {
max-width: 100%;
}
.review__text {
margin-top: 15px;
color: #6C8097;
font-size: 14px;
}
.review__text p {
margin-bottom: 1rem;
}
.review__text p:last-child {
margin-bottom: 0;
}
.reviews__nav {
margin-top: 25px;
}
.reviews__nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
font-size: 0;
line-height: 0;
}
.reviews__nav ul li {
height: 44px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px;
border: 1px solid rgba(17, 17, 18, 0.1);
min-width: 156px;
border-radius: 30px;
font-size: 16px;
padding: 0 20px;
}
.reviews__nav ul li.current {
background-color: var(--accent);
border-color: var(--accent);
color: #fff;
}
.reviews__nav ul li.current img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.reviews__content {
margin-top: 35px;
}
.reviews__content-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 15px;
}
.data_more_less_inner {
overflow: hidden;
margin-bottom: 10px;
position: relative;
}
.action_less.read-more {
display: none;
}
.less_active .action_less {
display: inline-block;
}
.less_active .action_more {
display: none;
}
.data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
height: 80px;
}
.data_more_less.action_disabled .more_less_action {
display: none;
}
.more_less_action {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #B5BFCA;
font-size: 14px;
}
.for-load {
display: none;
}
.load-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 54px;
border: 1px solid rgba(17, 17, 18, 0.1);
margin-top: 35px;
border-radius: 10px;
padding: 0 15px;
cursor: pointer;
}
.load-more svg {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 12px;
}
.delivery__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 100px 170px;
margin-top: 50px;
}
.delivery__item {
position: relative;
}
.delivery__item::before {
content: '';
position: absolute;
z-index: -1;
left: -140px;
top: 18px;
width: 275px;
height: 275px;
border-radius: 100%;
background-color: #fff;
}
.delivery__item::after {
content: '';
position: absolute;
left: -96px;
top: 255px;
width: 18px;
height: 18px;
background-color: var(--accent);
border-radius: 100%;
}
.delivery__icon {
width: 70px;
height: 70px;
border-radius: 100%;
background-color: var(--accent);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px;
margin-bottom: 25px;
}
.delivery__icon img {
max-width: 100%;
max-height: 100%;
}
.delivery__title {
font-weight: 700;
font-size: 24px;
line-height: 110%;
color: #155233;
margin: 0 0 1rem;
}
.delivery__text {
font-size: 16px;
}
.delivery__text p:last-child {
margin-bottom: 0;
}
.delivery__text+img {
margin-top: 1rem;
}
.delivery__text a {
color: var(--accent);
}
.delivery ul {
margin-bottom: 1.5rem;
padding: 0;
list-style-type: none;
}
.delivery ul li {
color: var(--accent);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 20px;
font-weight: 500;
}
.delivery ul li::before {
content: '';
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4375 8.125L8.85414 12.5L6.5625 10.3125' stroke='%23155233' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23155233' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 9px;
}
.delivery ul li+li {
margin-top: 15px;
}
.faq__wrapper {
margin-top: 25px;
}
.faq__item {
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.faq__item+div {
margin-top: -1px;
}
.faq__item.opened .faq__title-icon::before {
display: none;
}
.faq__item.opened .faq__title-text {
color: var(--accent);
}
.faq__title {
font-weight: 700;
font-size: 18px;
line-height: 120%;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.faq__title:hover {
color: var(--accent);
}
.faq__title-icon {
position: relative;
width: 22px;
height: 22px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.faq__title-icon::before {
content: '';
position: absolute;
width: 1px;
border-radius: 5px;
left: 0;
right: 0;
height: 100%;
margin: auto;
background-color: var(--accent);
}
.faq__title-icon::after {
content: '';
position: absolute;
height: 1px;
border-radius: 5px;
top: 0;
bottom: 0;
width: 100%;
margin: auto;
background-color: var(--accent);
}
.faq__content {
font-size: 16px;
display: none;
padding-bottom: 17px;
}
.faq__content p:last-child {
margin-bottom: 0;
}
hr {
margin: 2rem 0;
background-color: #DDDDDD;
opacity: 1;
}
.faq-page__nav {
margin-top: 20px;
}
.parnters-list__wrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 25px 50px;
}
.parnters-list__wrapper ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
font-size: 18px;
line-height: 120%;
letter-spacing: -0.03em;
border-bottom: 1px solid #E2E2E2;
padding-bottom: 9px;
}
.parnters-list__wrapper ul li img {
width: 32px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 16px;
}
.contacts {
position: relative;
}
.contacts__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 60px;
}
.contacts__info {
width: 560px;
}
.contacts__row {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts__item a {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 6px;
}
.contacts__item span {
font-size: 12px;
color: #A6A9B1;
}
.contacts__link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 700;
font-size: 25px;
line-height: 120%;
text-decoration: none;
color: var(--text);
}
.contacts__link:hover {
color: var(--text);
}
.contacts__btns {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.contacts__btns a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 48px;
border-radius: 24px;
background-color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 14px;
color: #fff;
padding: 0 25px 0 15px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.contacts__btns a:hover {
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.contacts__btns a svg {
width: 22px;
height: 22px;
margin-right: 15px;
}
.contacts__btns a.tg {
background: #557AD1;
}
.contacts__btns a.tg svg {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.contacts__btns a.whats {
background: #4FC74B;
}
.contacts__btns a.whats svg {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.contacts__btns a.download {
color: var(--accent);
}
.contacts__map {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: -35px 0 0;
-webkit-filter: grayscale(1);
filter: grayscale(1);
border-radius: 0px 0px 0px 10px;
overflow: hidden;
}
.modal {
padding: 60px 70px !important;
-webkit-box-shadow: 6px 6px 54px rgba(0, 0, 0, 0.25);
box-shadow: 6px 6px 54px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.modal__wrapper {
width: 420px;
}
.modal__title {
font-size: 30px;
line-height: 110%;
padding-right: 50px;
}
.modal__desc {
font-size: 16px;
color: #8EA0B6;
margin-top: 15px;
}
.modal__form {
margin-top: 30px;
}
.modal__input {
position: relative;
}
.modal__input+.modal__input {
margin-top: 15px;
}
.modal__input svg {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
width: 20px;
height: 20px;
}
.modal__input span {
position: absolute;
line-height: 1;
top: 9px;
left: 15px;
font-size: 12px;
}
.modal__input input {
padding: 22px 50px 5px 14px;
height: 56px;
border: 1px solid #ECECEC;
border-radius: 6px;
font-size: 14px;
width: 100%;
}
.modal__input input::-webkit-input-placeholder {
color: #BCC5D0;
}
.modal__input input:-ms-input-placeholder {
color: #BCC5D0;
}
.modal__input input::-ms-input-placeholder {
color: #BCC5D0;
}
.modal__input input::placeholder {
color: #BCC5D0;
}
.modal__bottom {
margin-top: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
}
.modal__bottom input {
border: none;
}
.modal__bottom .form__checkbox {
margin: 0;
}
.modal .fancybox-close-small {
width: 32px;
height: 32px;
padding: 3px !important;
border-radius: 100%;
background-color: var(--accent);
right: 70px !important;
top: 60px !important;
}
.modal .fancybox-close-small svg {
color: #fff;
}
.thank+.footer {
margin-top: 0;
}
.thank {
overflow: hidden;
}
.thank__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.thank__wrapper h1 {
font-weight: 700;
font-size: 44px;
line-height: 110%;
}
.thank__wrapper h1 span {
color: var(--accent);
}
.thank__wrapper p {
font-size: 16px;
color: #B1B4C0;
}
.thank__info {
padding-top: 50px;
padding-bottom: 50px;
}
.thank__image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: 50px;
}
.thank__image svg {
position: absolute;
left: 50px;
bottom: 70px;
z-index: -1;
}
.thank__image img {
max-width: 275ox;
}
.thank__404 {
margin-left: 30px;
} .articles .s-title {
margin-bottom: 40px;
}
.articles__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 54px 10px;
}
.articles__item-image {
border-radius: 30px;
overflow: hidden;
background-color: #f1f1f1;
position: relative;
padding: 0 0 42% 0;
display: block;
}
.articles__item-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.articles__item-body {
margin-top: 16px;
position: relative;
}
.articles__item-link {
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 48px;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #155233;
border-radius: 50%;
color: #1f2028;
}
.articles__item-date {
color: #b5b8d0;
font-weight: 500;
margin-bottom: 7px;
}
.articles__item-title {
font-family: Steppe, sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 120%;
color: #1f2028;
}
.articles__item-title a {
color: #1f2028;
text-decoration: none;
}
.spost {
--py-main: 40px;
--br-main: 30px;
}
.spost__grid {
display: grid;
grid-template-columns: 902px 1fr;
gap: 70px;
--img-pt: 40%;
}
.spost__content {
max-width: 902px;
background: #fff;
border-radius: var(--br-main);
}
.spost__img {
margin: calc(var(--px-main) * -1);
position: relative;
}
.spost__img-wrap {
position: relative;
padding-top: var(--img-pt);
overflow: hidden;
border-radius: var(--br-main);
}
.img-position-inset {
position: absolute;
inset: 0;
z-index: 3;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spost__desc {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 21px;
margin-bottom: 21px;
font-size: 12px;
color: #93999f;
}
.spost__desc a {
text-decoration: none;
color: #93999f;
}
.spost__text {
margin: calc(var(--py-main) * .9) 0;
}
.spost__share {
gap: 18px;
margin-top: 36px;
}
.spost__share-item {
border-radius: 50%;
background-color: var(--accent);
padding: 16px;
}
.spost__share-item svg {
display: block;
}
.spost__sidebar {
align-self: flex-start;
display: grid;
grid-template-columns: 1fr;
gap: 80px 10px;
}
.h2 {
font-size: 36px;
font-weight: 500;
margin-bottom: .6em;
gap: 30px;
}
.fwrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.jcfs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.aic {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} .lens-tags {
background: #fff;
padding: 24px 0 8px;
}
.lens-tags__groups {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px 28px;
}
.lens-tags__group-title {
font-size: 13px;
font-weight: 600;
color: #7A8B9E;
text-transform: uppercase;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.lens-tags__group-items {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.lens-tag {
display: inline-flex;
align-items: center;
gap: 4px;
background: #F0F4F8;
border-radius: 20px;
padding: 5px 12px;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
max-width: 100%;
}
.lens-tag:hover {
background: #E2EAF1;
}
.lens-tag.active {
background: var(--accent);
color: #fff;
}
.lens-tag.active .lens-tag__link {
color: #fff;
}
.lens-tag.active .lens-tag__info-btn {
color: rgba(255,255,255,0.7);
}
.lens-tag.active .lens-tag__info-btn:hover {
color: #fff;
}
.lens-tag__link {
font-size: 13px;
font-weight: 500;
color: var(--text);
text-decoration: none;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.lens-tag__info-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #A3B3C7;
flex-shrink: 0;
transition: color 0.2s;
line-height: 1;
}
.lens-tag__info-btn:hover {
color: var(--accent);
}
.lens-tags__reset {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
background: none;
border: 1px solid #D0D8E0;
border-radius: 20px;
padding: 6px 16px;
font-size: 13px;
font-weight: 500;
color: #7A8B9E;
cursor: pointer;
transition: all 0.2s;
}
.lens-tags__reset:hover {
border-color: var(--accent);
color: var(--accent);
} .lens-tag__popup {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.25);
align-items: center;
justify-content: center;
}
.lens-tag__popup.is-visible {
display: flex;
}
.lens-tag__popup-inner {
background: #fff;
border-radius: 12px;
padding: 24px 28px;
max-width: 420px;
width: 90%;
position: relative;
box-shadow: 0 8px 32px rgba(0,0,0,0.12);
animation: lensPopupIn 0.2s ease-out;
}
@keyframes lensPopupIn {
from { opacity: 0; transform: translateY(12px) scale(0.97); }
to   { opacity: 1; transform: translateY(0) scale(1); }
}
.lens-tag__popup-close {
position: absolute;
top: 10px;
right: 14px;
background: none;
border: none;
font-size: 22px;
color: #A3B3C7;
cursor: pointer;
line-height: 1;
padding: 4px;
transition: color 0.2s;
}
.lens-tag__popup-close:hover {
color: var(--text);
}
.lens-tag__popup-text {
font-size: 15px;
line-height: 1.55;
color: var(--text);
margin: 0;
}
@media (max-width: 1100px) {
.lens-tags__groups {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.lens-tags__groups {
grid-template-columns: repeat(2, 1fr);
gap: 16px 16px;
}
.lens-tags {
padding: 16px 0 4px;
}
.lens-tag__link {
font-size: 12px;
}
.lens-tags__group-title {
font-size: 12px;
}
}
@media (max-width: 480px) {
.lens-tags__groups {
grid-template-columns: 1fr;
}
}@media (max-width : 1350px) {
.partners__wrapper {
width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
.thank__wrapper h1 {
font-size: 36px;
}
.thank__wrapper h1 br {
display: none;
}
} @media (max-width : 1245px) {
:root {
--container: 992px;
}
.header__logo {
width: 100px;
}
.header__top-btn {
display: none;
}
.header__address {
font-size: 10px;
}
.header__bottom {
margin-top: 15px;
}
.header {
padding: 10px 0;
}
.main__big-image {
width: 240px;
}
.main__big-left {
padding: 20px 250px 20px 20px;
}
.main__big-left--text---title {
font-size: 30px;
}
.categories__item--empty > img {
opacity: 0.5;
}
.card-info__params {
width: 320px;
}
.banners__item img {
max-width: 250px;
top: auto;
}
.side-cart__table table td:last-child {
width: auto;
}
.cart__side {
width: 320px;
margin-left: 60px;
}
.cart__radio-title {
font-size: 12px;
}
.cart__radio-desc {
font-size: 12px;
}
.cart__radio-row {
height: 60px;
}
.sale-card__banner > img {
opacity: 0.15;
}
.sale-card__title {
font-size: 38px;
}
.reviews__content-grid {
grid-template-columns: repeat(3,1fr);
}
.spost__grid {
gap: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.spost__sidebar {
gap: 60px 10px;
}
} @media (max-width : 992px) {
:root {
--container: 768px;
}
body {
padding-top: 60px !important;
}
.banners__item img {
max-width: 200px;
opacity: 0.4;
}
.banners__item > div {
max-width: 100%;
position: relative;
z-index: 2;
}
.banners__title {
font-size: 26px;
}
.header {
display: none;
}
.main__mini-slider {
display: none;
}
.mt90,
.advantages,
.form {
margin-top: 60px;
}
.advantages__title br {
display: none;
}
.advantages__title {
font-size: 18px;
}
.advantages__wrapper {
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 15px;
}
.advantages__item::before {
width: 60px;
height: 60px;
}
.advantages__item::after {
top: 55px;
left: 30px;
}
.advantages__icon {
margin-bottom: 20px;
}
.advantages__item {
padding-right: 0;
}
.categories__wrapper {
grid-template-columns: repeat(2,1fr);
grid-auto-rows: 140px;
}
.form__title  {
font-size: 36px;
}
.form__image {
display: none;
}
.form {
padding-bottom: 40px;
}
.form__left {
margin: 0;
width: 100%;
}
.footer__top {
padding: 20px 0;
flex-direction: column;
}
.footer__top-search {
width: 100%;
margin-bottom: 10px;
}
.footer__mid-item--contact {
flex-direction: column;
align-items: flex-start;
}
.footer__mid-item--contact .btn-2 {
margin: 10px 0 0;
}
.footer__mid {
gap: 0 20px;
}
.footer__mid-item--contact---title {
font-size: 16px;
}
.footer__mid-item--contact + div {
margin-top: 15px;
}
.footer__mid {
padding-top: 20px;
display: grid;
gap: 20px;
grid-template-columns: repeat(3,1fr);
}
.footer__mid-item--title {
margin-bottom: 10px;
}
.mobile-menu {
display: block;
}
.product-card__wrapper {
flex-direction: column;
}
.product-card__gallery-main {
border: 1px solid #1A4A83;
border-radius: 10px;
}
.product-card__info {
width: 100%;
margin: 20px 0 0;
}
.product-card__gallery-main .swiper-slide,
.product-card__gallery-nav {
height: 280px;
}
.product-card__gallery-main {
flex: initial;
}
.product-card__gallery-nav {
flex-shrink: 0;
}
.product-card__gallery-nav--slide {
height: auto;
}
.product-advantager {
padding: 20px 0;
}
.product-advantager__wrapper {
gap: 15px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.cart__wrapper {
flex-direction: column-reverse;
}
.cart__side {
width: auto;
margin: 0 0 20px;
}
.cart__title {
margin-bottom: 20px;
}
.order-page__image {
display: none;
}
.order-page__main {
width: 100%;
}
.order-page {
padding-bottom: 40px;
}
.sale-card__title {
font-size: 32px;
}
.info__wrapper {
flex-direction: column;
gap: 30px;
}
.info__text {
width: 100%;
order: 1;
}
.info__gallery {
flex: initial;
order: 2;
}
.mt100 {
margin-top: 60px;
}
.delivery__wrapper {
gap: 40px;
}
.delivery__item::before,
.delivery__item::after {
display: none;
}
.contacts__wrapper {
flex-direction: column;
}
.contacts__info {
width: 100%;
}
.contacts__map {
height: 250px;
margin: 0;
flex: initial;
}
.contacts__wrapper {
gap: 30px;
}
.contacts__btns {
margin-top: 30px;
}
.thank__wrapper h1 {
font-size: 34px;
}
.thank__404 {
display: none;
}
.articles__item-title {
font-size: 20px;
}
.spost {
--py-main: 20px;
--br-main: 20px;
}
.spost__img:first-child {
margin-bottom: 20px;
}
.spost__share {
margin-top: 20px;
}
.spost__sidebar {
grid-template-columns: repeat(2,1fr);
gap: 30px 10px;
}
} @media (max-width : 768px) {
:root {
--container: 100%;
}
.advantages__title {
font-size: 16px;
}
.banners__title {
font-size: 22px;
}
.banners {
margin-top: 40px;
}
.reviews__content-grid {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.review {
padding: 20px;
}
.container {
padding-left: 10px;
padding-right: 10px;
}
.s-title {
font-size: 26px;
}
.main__big-left--text---title {
font-size: 26px;
}
.mt90,
.advantages,
.form {
margin-top: 40px;
}
.form__fields {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.advantages__item {
display: flex;
align-items: center;
}
.advantages__icon {
margin: 0 15px 0 0;
flex-shrink: 0;
}
.advantages__item::before,
.advantages__item::after {
display: none;
}
.footer__mid {
grid-template-columns: repeat(2,1fr);
}
.footer__mid-item:last-child {
grid-column: span 2;
}
.footer__mid-item ul li + li {
margin-top: 5px;
}
.product-card__counter,
.product-card__add-to-cart,
.product-card__one-click {
height: 50px;
}
.product-card__delivery {
margin-top: 20px;
}
.product-card__delivery-bottom {
flex-direction: column;
}
.product-card__delivery-comment {
margin: 10px 0 0;
}
.card-info__wrapper {
flex-direction: column-reverse;
}
.card-info__params {
width: 100%;
margin: 0;
}
.card-info__params-table table td {
padding: 5px 0;
}
.card-info {
margin-top: 40px;
}
.card-info__params-table {
margin-top: 10px;
}
.card-info__sliders {
margin-top: 20px;
}
.cart__radio,
.cart__form {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.cart__field, .cart__field:nth-child(3), .cart__field:nth-child(4) {
grid-column: auto;
}
.cart__side .side-cart__table {
margin-top: 0;
}
.order-page__table {
grid-template-columns: repeat(1,1fr);
}
.order-page__client {
flex-direction: column;
}
.order-page__table {
}
.cart__title {
font-size: 26px;
}
.sale-card__wrapper {
flex-direction: column;
}
.sale-card__banner {
height: auto;
}
.sale-card__right {
display: none;
}
.sale-card__banner {
padding: 20px;
}
.sale-card__title {
font-size: 28px;
margin-bottom: 20px;
}
.sale-card__banner > img {
opacity: 0.1;
max-height: 100%;
}
.info__gallery {
height: auto;
}
.swiper-fade .swiper-slide {
position: relative; }
.swiper-fade .swiper-slide img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.mt100 {
margin-top: 40px;
}
.info__title {
font-size: 26px;
}
.info__text::before,
.info__text::after {
display: none;
}
.delivery__wrapper {
grid-template-columns: repeat(1,1fr);
gap: 30px;
margin-top: 30px;
}
.delivery__icon {
width: 50px;
height: 50px;
padding: 10px;
position: absolute;
left: 0;
top: 0;
}
.delivery__title {
padding-left: 65px;
min-height: 50px;
display: flex;
align-items: center;
font-size: 20px;
}
.parnters-list__wrapper ul li {
font-size: 500px;
font-size: 16px;
}
.contacts__row {
flex-direction: column;
gap: 20px;
}
.contacts__link {
font-size: 20px;
}
.thank__image {
display: none;
}
.thank__info {
padding: 0 0 40px;
}
.thank__wrapper h1 {
font-size: 26px;
}
.articles__list {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.h2 {
font-size: 24px;
}
.spost__sidebar {
grid-template-columns: repeat(1,1fr);
}
} @media (max-width : 576px) {
.main__big-image {
width: 100%;
opacity: .3;
z-index: 1;
}
.reviews__nav ul {
white-space: nowrap;
flex-wrap: nowrap;
overflow: auto;
}
.reviews__nav ul li {
flex-shrink: 0;
}
.reviews__content {
margin-top: 30px;
}
.main__big-left {
padding: 20px;
position: relative;
z-index: 2;
}
.title-top__nav-arrows {
margin: 0;
}
.main__big-left--text {
margin-top: 20px;
}
.banners__wrapper {
grid-template-columns: repeat(1,1fr);
} 
.main__big-left--text---btn {
margin-top: 15px;
}
.title-top {
flex-direction: column;
}
.title-top__nav {
margin-top: 10px;
}
.categories__item-title {
font-size: 18px;
margin-top: 5px;
}
.categories__item-desc {
font-size: 12px;
line-height: 1.2;
}
.categories__item {
padding: 15px;
}
.categories__item-price {
margin-top: 10px;
}
.populars {
display: none;
}
.form__title {
font-size: 26px;
}
.form__title br {
display: none;
}
.footer__top-right {
flex-direction: column;
}
.footer__top-right--links {
margin: 0 0 5px;
}
.product-card__gallery-main .swiper-slide,
.product-card__gallery-nav {
height: 200px;
}
.product-card__gallery-main .swiper-slide img {
max-width: 100%;
}
.product-card__gallery-nav {
width: 60px;
}
.product-card__one-click,
.product-card__add-to-cart {
padding: 0 20px;
}
.product-card__btns {
flex-wrap: wrap;
}
.partners__init .swiper-slide {
height: 80px;
}
.parnters-list__wrapper ul {
grid-template-columns: repeat(1,1fr);
gap: 10px;
}
.modal {
padding: 40px 20px !important;
}
.modal .fancybox-close-small {
right: 20px !important;
top: 40px !important;
}
.modal__wrapper {
width: 100%;
}
.modal__bottom {
margin-top: 20px;
flex-wrap: wrap;
gap: 10px;
}
}  @media (min-width : 0) {
} @media (min-width : 576px) {
} @media (min-width : 768px) {
} @media (min-width : 992px) {
} @media (min-width : 1200px) {
.text {
font-size: 18px;
}
} @media (min-width : 1400px) {
.text {
font-size: 22px;
}
}@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}@media (min-width: 992px) {
.catalog__nav { top: 0;
}
.sticky .catalog__nav { 
top: 115px;
}
}
.main__title {
font-size: 34px;
line-height: 1.2;
font-weight: bold;
margin: 0;
}
.main__mini-slider--dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 5px;
}
.main__big-left {
padding: 40px;
}
.main__big-text {
font-size: 20px;
display: flex;
flex-direction: column;
gap: 30px;
}
.main__big-text ul {
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.main__big-text p,
.main__big-text ul {
margin: 0;
}
.main__big-text li {
list-style-type: none;
display: flex;
align-items: center;
gap: 10px;
}
.main__big-text li::before {
content: '';
width: 24px;
aspect-ratio: 1;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4375 8.125L8.85414 12.5L6.5625 10.3125' stroke='%23155233' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23155233' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: 100%;
background-repeat: no-repeat;
}
@media(max-width: 768px) {
.main__big-left {
padding: 20px;
}
.main__title {
font-size: 26px;
}
.main__big-text {
font-size: 18px;
gap: 20px;
}
}
.simplefavorite-button {
cursor: pointer;
}
.hidden-menu__tabs li a {
color: var(--text);
}
.hidden-menu__tabs li.current a {
color: var(--accent);
}
.hidden-menu__tab:not(.current) {
display: none;
}
.product-card__gallery {
gap: 10px;
}
.item-for-brands {}
.search-panel {
position: fixed;
left: 0;
right: 0;
top: 60px;
z-index: 1000;
display: none;
}
.search-panel .header__search {
margin: 0;
}
.search-panel .header__search input {
filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, .55));
}
.mobile-menu__top-link {
padding: 0;
border: none;
}
.cat__terms-sub {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.cat__terms-sub-item {
background-color: white;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 20px;
color: black;
text-decoration: none;
text-align: center;
padding: 30px;
font-size: 22px;
text-transform: none;
}
.cat__terms-sub-item img {
max-width: 100%;
width: auto;
height: 150px;
object-fit: contain;
}
.cat__terms-sub-item-text:only-child {}
.mobile-menu__search-title {
font-size: 16px;
color: #fff;
margin-bottom: 5px;
}
.mobile-menu__search {
margin-top: 20px;
}
.mobile-menu__search .header__search {
margin: 0;
}
.side-cart__td-title {
color: #000;
display: inline-block;
text-decoration: none;
}
.side-cart__td-title a {
color: #000;
text-decoration: none;
}
.side-cart__td-title:hover {
color: var(--accent);
}
.cart-counter {
display: flex;
align-items: center;
border: 1px solid #ECECEC;
padding: 5px;
border-radius: 28px;
width: 100px;
margin: 5px 0 3px;
}
.cart-counter__minus,
.cart-counter__plus {
cursor: pointer;
flex-shrink: 0;
}
.cart-counter svg {
width: 20px;
height: 20px;
}
.cart-counter .qty {
width: 100%;
text-align: center;
border: none;
padding: 0;
font-size: 16px;
}
#message-price-delivery {
margin-top: 15px;
font-size: 14px;
font-weight: 500;
font-style: italic;
display: none;
}
#message-price-delivery::after {
content: '*';
color: red;
}
.header__top {
position: relative;
z-index: 5;
}
.modal__product {
margin-top: 30px;
}
.product-card__one-click {
text-decoration: none;
}
.product-card__one-click:hover {
color: var(--accent);
}
.hidden-menu__tab--banner---price {
display: none;
}
.card-info__sliders .swiper-slide {
height: auto;
}
.woocommerce-pagination {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 30px;
}
#address-delivery {
display: none;
}
.address-delivery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 0;
}
.address-delivery b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 5px;
}
.address-delivery svg {
width: 16px;
height: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 7px;
fill: var(--accent);
}
.side-cart,
.side-user {
display: none;
}
.ya-reviews {
max-width: 760px;
}
.reviews__nav ul li img {
height: 22px;
width: auto;
max-width: 100%;
}
.cart-link {
position: relative;
}
.header__cart-counter {
position: absolute;
left: -5px;
bottom: -5px;
width: 16px;
height: 16px;
border-radius: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 10px;
background-color: #fff;
color: #000;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.card-info__desc {
margin: 0 0 30px;
}
.card-info__desc .s-title {
margin-bottom: 20px;
}
.card-info__desc p:last-child {
margin-bottom: 0;
}
.grid-form-login {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.orders__chat {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 38px;
padding: 0 35px;
background: #F6F6F6;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
color: #A6A9B1;
text-decoration: none;
}
.orders__table-row {
border: 3px solid #F6F6F6;
-webkit-box-shadow: 0px 0px 24px rgba(255, 255, 255, 0.1);
box-shadow: 0px 0px 24px rgba(255, 255, 255, 0.1);
border-radius: 20px;
background-color: #fff;
padding: 15px 20px;
}
.orders__table-row+.orders__table-row {
margin-top: 15px;
}
.orders__product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orders__product-image {
width: 60px;
height: 60px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.orders__product-image img {
max-width: 100%;
max-height: 100%;
}
.orders__nav {
width: 275px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 70px;
}
.orders__table-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.orders__table-top-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.orders__bottom-item {
font-size: 12px;
font-weight: 500;
}
.orders__bottom-item span {
color: #939393;
}
.orders__bottom-item i {
font-style: normal;
}
.orders__products {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 20px 40px;
margin-top: 11px;
padding: 11px 0;
border-top: 1px solid #656565;
}
.orders__table-row--active {
border: 1px solid var(--accent);
}
.orders__product-info {
font-weight: 500;
line-height: 1.2;
}
.orders__product-title {
font-size: 14px;
}
.orders__product-count {
font-size: 12px;
margin-top: 5px;
}
.orders__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orders__bottom-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.orders__title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orders__bottom-sum {
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 700;
font-size: 14px;
}
.order__logout {
font-size: 12px;
color: #939393;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.order__logout:hover {
color: var(--accent);
}
.order__logout::after {
content: '';
width: 20px;
height: 20px;
background-image: url(//optica-ot-gleba.ru/wp-content/themes/cleantemplate/images/logout.svg);
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 7px;
}
.orders__bottom-item {
margin-right: 20px;
}
.orders__again {
font-weight: 500;
font-size: 12px;
color: #fff !important;
border-radius: 30px;
height: 38px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
padding: 0 25px;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
background-color: var(--accent);
}
.orders__again:hover {
color: #fff;
}
.orders__status {
font-size: 12px;
font-weight: 500;
}
.orders__status span {
color: #939393;
}
.orders__status .active {
color: var(--accent);
font-weight: bold;
}
.orders__time {
margin-top: 3px;
font-size: 12px;
}
.orders__table-top-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orders__table-top-btns>*+* {
margin-left: 10px;
}
.orders__payed {
font-size: 12px;
font-weight: 500;
border-radius: 30px;
padding: 0 35px;
background: var(--accent);
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
}
.orders__title {
font-weight: 700;
font-size: 28px;
}
.woocommerce-MyAccount-content a {
color: var(--accent)
}
.woocommerce-MyAccount-navigation {
margin: 30px 0 0;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li+li {
margin-top: 5px;
}
.woocommerce-MyAccount-navigation ul a {
font-weight: 700;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--accent);
border-radius: 10px;
padding: 10px 20px;
text-decoration: none;
}
.woocommerce-MyAccount-navigation ul .is-active a {
background: #fff;
}
.grid-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.mb30 {
margin-bottom: 30px;
}
#account_last_name {
display: none;
}
.lc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lc__user-name {
font-weight: 700;
font-size: 20px;
color: var(--accent);
}
.lc__user-tel {
margin-top: 5px;
color: #98A0AD;
font-size: 12px;
font-weight: 500;
}
.lc__left {
width: 225px;
margin-right: 90px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.lc__user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lc__user-photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
width: 42px;
height: 42px;
border-radius: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
}
.woocommerce-MyAccount-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.woocommerce-MyAccount-content button[type=submit],
.woocommerce-form-login button[type=submit],
.woocommerce-ResetPassword button[type=submit] {
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 35px;
background-color: var(--accent);
border-radius: 28px;
border: none;
color: #fff;
font-weight: 500;
font-size: 14px;
margin-top: 20px;
}
.form-login-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
margin-top: 30px;
}
.woocommerce-form-login .form-login-btns button[type=submit] {
margin-top: 0;
}
.lost_password a {
color: var(--accent);
}
.woocommerce-MyAccount-content p.form-row label,
.woocommerce-form-login p.form-row-wide label,
.woocommerce-ResetPassword p.form-row label {
position: absolute;
font-size: 12px;
top: 7px;
left: 12px;
-webkit-clip-path: none;
clip-path: none;
clip: auto;
width: auto;
height: auto;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 10px 20px;
}
.btn {
outline: none;
}
body .ur-frontend-form.login {
padding: 0;
}
body #user-registration {
-webkit-box-shadow: none;
box-shadow: none;
;
}
.login__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px 20px;
margin-top: 35px;
}
.login_form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.side-user__tabs--item {
cursor: pointer;
border: 1px solid #ECECEC;
border-radius: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 38px;
padding: 5px 15px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 12px;
font-weight: 500;
color: #6C8097;
}
.side-user__tabs--item.active {
border-color: #F6F6F6;
background: #F6F6F6;
color: #155233;
}
.side-user__tabs--item.active::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' fill='%231A4A83' stroke='%231A4A83' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4375 8.125L8.85414 12.5L6.5625 10.3125' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.side-user__tabs--item::before {
content: '';
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%236C8097' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 15px;
}
body #user-registration-form-2929 label.user-registration-error {
display: none !important;
}
body #user-registration-form-2929 #ur-submit-message-node {
margin: 0 10px 10px;
}
body #user-registration .user-registration-error {
margin-bottom: 10px;
}
body .user-registration-error::before {
display: none;
}
body .ur-front-spinner {
margin: 0 10px 0 0 !important;
}
.ur-frontend-form .ur-button-container .ur-submit-button {
min-width: 160px;
}
#user-registration-form-2929 {
width: calc(100% + 20px);
margin-left: -10px;
}
#ur-frontend-form .ur-form-row .ur-form-grid {
padding: 0;
}
.ajax-auth label.error {
display: none !important;
}
.side-user__tabs {
margin-top: 25px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.side-user__message {
font-size: 16px;
color: #8EA0B6;
margin-top: 25px;
}
.side-user__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 35px;
}
.side-user__btns input {
background: var(--accent);
border-radius: 28px;
height: 56px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 30px;
background-color: var(--accent);
font-weight: 500;
font-size: 14px;
color: #fff;
border: none;
}
.side-user__input.is-invalid {
border-color: red;
}
.side-user__form {
margin-top: 35px;
}
.side-user__btns .form__checkbox {
margin: 0;
}
.side-user__input-title {
font-size: 12px;
line-height: 1;
margin-bottom: 5px;
color: #155233;
}
.side-user__input {
height: 56px;
position: relative;
border: 1px solid #ECECEC;
border-radius: 6px;
font-size: 14px;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ur-form-grid .form-row {
position: relative;
border: 1px solid #ECECEC;
border-radius: 6px;
font-size: 14px;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 12px;
}
.ur-form-grid .form-row.not-validate {
border-color: red;
}
.toggle-pass {
position: absolute;
right: 12px;
z-index: 5;
cursor: pointer;
top: 0;
bottom: 0;
margin: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.5L13 13.5' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.68155 9.84987C9.19092 10.2958 8.54325 10.5286 7.88099 10.497C7.21874 10.4655 6.59614 10.1721 6.15016 9.68155C5.70417 9.19097 5.47132 8.54331 5.50283 7.88106C5.53433 7.2188 5.82762 6.59618 6.31816 6.15015' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.62465 4.28711C2.07657 5.57746 1 8.00001 1 8.00001C1 8.00001 3 12.4995 8 12.4995C9.1715 12.5089 10.3284 12.239 11.3748 11.7124' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0378 10.5687C14.4004 9.34827 14.9997 8.00001 14.9997 8.00001C14.9997 8.00001 12.9997 3.49952 7.99967 3.49952C7.56662 3.49881 7.13426 3.53402 6.70703 3.60478' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.4707 5.54419C9.00206 5.64622 9.48601 5.91779 9.84997 6.31815C10.2139 6.71851 10.4383 7.22609 10.4893 7.76474' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.toggle-pass.show {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3.49951C3 3.49951 1 8 1 8C1 8 3 12.4995 8 12.4995C13 12.4995 15 8 15 8C15 8 13 3.49951 8 3.49951Z' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.5C9.38071 10.5 10.5 9.38071 10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C6.61929 5.5 5.5 6.61929 5.5 8C5.5 9.38071 6.61929 10.5 8 10.5Z' stroke='%23BCC5D0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.side-user__input {
padding: 8px 12px;
}
.side-user__input input {
width: 100%;
border: none;
padding: 0 20px 0 0;
font-size: 14px;
}
.side-user__input input::-webkit-input-placeholder {
color: #BCC5D0;
}
.side-user__input input::-moz-placeholder {
color: #BCC5D0;
}
.side-user__input input:-ms-input-placeholder {
color: #BCC5D0;
}
.side-user__input input::-ms-input-placeholder {
color: #BCC5D0;
}
.side-user__input input::placeholder {
color: #BCC5D0;
}
.side-cart__close {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.form__fields input,
.sale-card__form-input input {
border: 1px solid transparent;
}
.sale-card__form-input input {
width: 100%;
}
.sale-card__form-input label {
display: none !important;
}
input.is-invalid {
border-color: red;
}
label.error {
font-size: 11px;
color: red;
position: absolute;
left: 0;
top: calc(100% + 5px);
}
.search {
position: relative;
}
.search .result-search {
display: none;
}
.search .result-search {
position: absolute;
width: 100%;
z-index: 5;
display: none;
}
.search .result-search .preloader {
width: 100%;
display: none;
background: #fff;
border-top: none;
border: 1px solid #eee;
}
.search .result-search .preloader .loader {
width: 30px;
height: 30px;
margin: 0 auto;
display: block;
}
.search .result-search .result-search-list {
width: 100%;
display: none;
overflow-y: auto;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-top: none;
border: 1px solid #eee;
}
.search .result-search .result-search-list .result_item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
color: var(--text);
text-decoration: none;
}
.search .result-search .result-search-list .result_item:first-child {
margin-top: 0;
}
.search .result-search .result-search-list .result_item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.search .result-search .result-search-list .result_item p {
line-height: 13px;
font-size: 13px;
color: #7c83a0;
font-style: italic;
background-color: white;
}
.search .result-search .result-search-list .result_item img {
width: 60px;
height: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
border: 1px solid #eeeeee;
background-color: #eeeeee;
margin: 0 8px 0 0;
}
.header {
z-index: 10;
}
.header__top-nav>li {
position: relative;
padding: 5px 0;
}
.header__top-nav li:hover ul {
opacity: 1;
visibility: visible;
}
.header__top-nav ul {
position: absolute;
left: 0;
white-space: nowrap;
top: 100%;
padding: 15px;
background: #FFFFFF;
-webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
border-radius: 6px;
list-style-type: none;
font-size: 0;
opacity: 0;
visibility: hidden;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
}
.header__top-nav ul a {
color: #155233;
font-size: 12px;
line-height: 1.2;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
}
.header__top-nav ul a:hover {
color: var(--accent);
}
.header__top-nav ul li+li {
margin-top: 10px;
}
.simplefavorite-button.preset {
background-color: transparent !important;
border: none !important;
padding: 0 !important;
font-size: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.simplefavorite-button.preset.active .sf-icon-love {
color: #155233;
}
.simplefavorite-button.preset .sf-icon-love {
font-size: 16px;
position: relative;
left: auto;
color: #CBCDD4;
}
.product__top-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 10px;
right: 10px;
z-index: 5;
}
.mobile-menu__top-link svg {
width: 20px;
height: 20px;
-webkit-filter: brightness(0);
filter: brightness(0);
}
body .facetwp-facet-question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
body .facetwp-facet-question .facetwp-radio {
padding: 0;
background: none;
border: 1px solid var(--accent);
border-radius: 28px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 38px;
padding: 0 9px 0 20px;
font-size: 12px;
font-weight: 500;
}
body .facetwp-facet-question .facetwp-radio:first-child {
padding-right: 20px;
}
body .facetwp-facet-question .facetwp-radio .facetwp-counter {
min-width: 40px;
padding: 0 2px;
height: 22px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #FFFFFF;
border-radius: 28px;
color: #155233;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 10px;
}
body .facetwp-facet-question .facetwp-radio.checked {
background: var(--accent);
color: #fff;
}
body .facetwp-facet-question .facetwp-radio.checked .facetwp-counter {
background: var(--accent);
color: #fff;
}
@media (min-width: 992px) {
.order-page__main {
padding-bottom: 40px;
}
}
.order-page__product-image {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.side-cart__count {
white-space: nowrap;
}
.cart__main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#billing_country_field {
display: none;
}
.cart .side-cart__table {
margin-top: 0;
}
.side-cart__table table tr:first-child {
border-top: 1px solid #EFEFEF;
}
.woocommerce-invalid input {
border-color: red !important;
}
.woocommerce form .form-row .required {
text-decoration: none;
color: red;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
p.form-row input:not([type=checkbox]):not([type=submit]) {
width: 100%;
height: 56px;
border: 1px solid #ECECEC;
border-radius: 6px;
padding: 30px 12px 12px;
font-size: 14px;
}
.cart__main p.form-row input::-webkit-input-placeholder {
color: #BCC5D0;
}
.cart__main p.form-row input::-moz-placeholder {
color: #BCC5D0;
}
.cart__main p.form-row input:-ms-input-placeholder {
color: #BCC5D0;
}
.cart__main p.form-row input::-ms-input-placeholder {
color: #BCC5D0;
}
.cart__main p.form-row input::placeholder {
color: #BCC5D0;
}
.cart__main p.form-row label {
position: absolute;
font-size: 12px;
top: 7px;
left: 12px;
}
.cart__row #kvartira_field,
.cart__row #domofon_field {
-ms-grid-column-span: 2;
grid-column: span 2;
}
p.form-row {
margin: 0;
position: relative;
}
.cart__row__fields {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
grid-template-columns: repeat(12, 1fr);
gap: 15px;
}
.cart__row__fields .form-row {
-ms-grid-column-span: 4;
grid-column: span 4;
}
.side-cart__price-final {
gap: 20px;
}
.cart+.footer,
.order-page+.footer {
margin-top: 3px;
}
.content-area+.footer,
#sidebar+.footer {
margin-top: 0;
}
#sidebar {
display: none;
}
body .catalog-top__nav .facetwp-radio {
background: none;
padding: 0;
margin: 0;
font-size: 12px;
color: var(--text);
font-weight: 500;
text-decoration: none;
}
body .catalog-top__nav .facetwp-radio.checked {
background: none;
background-color: var(--accent);
border-radius: 26px;
padding: 4px 12px;
color: #fff;
}
.catalog-top__nav .facetwp-type-radio {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px 15px;
}
body .catalog-top__nav .facetwp-facet {
margin: 0;
}
body .facetwp-facet {
margin-bottom: 0;
}
.catalog__nav-item--title {
font-weight: 700;
font-size: 16px;
line-height: 120%;
margin-bottom: 15px;
}
body .facetwp-type-sort select {
height: 30px;
padding: 5px 12px;
background: #FFFFFF;
border-radius: 6px;
border: none;
font-size: 12px;
width: 100%;
}
.catalog__nav-item {
margin-top: 25px;
}
body .noUi-horizontal {
height: 6px;
padding: 0 6px 0 0;
}
body .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
border-radius: 100%;
background-color: var(--accent);
border: none;
top: -5px;
right: -8px;
}
body .facetwp-slider-wrap {
padding-bottom: 10px;
}
body .facetwp-slider-label {
font-size: 14px;
font-weight: 500;
}
body .catalog__nav .facetwp-slider-reset {
display: none;
}
body .catalog__nav .facetwp-radio,
body .catalog__nav .facetwp-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
font-size: 12px;
line-height: 1;
padding: 0 0 0 25px;
background: none;
position: relative;
}
body .catalog__nav .facetwp-radio::before,
body .catalog__nav .facetwp-checkbox::before {
content: '';
width: 16px;
height: 16px;
background: #FFFFFF;
border: 1px solid #D7DCE0;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
body .catalog__nav .facetwp-radio.checked::before,
body .catalog__nav .facetwp-checkbox.checked::before {
background-color: var(--accent);
border-color: var(--accent);
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9375 4.8125L5.6875 10.0624L2.625 7.00021' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
body .catalog__nav .facetwp-radio+.facetwp-radio,
body .catalog__nav .facetwp-checkbox+.facetwp-checkbox {
margin-top: 10px;
}
body .catalog__nav .facetwp-counter {
color: #B0BAC5;
}
.facetwp-overflow {
margin-top: 10px;
}
.facetwp-toggle {
font-size: 0;
border: 1px solid var(--accent);
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
margin-top: 20px;
color: var(--accent);
text-decoration: none;
font-size: 12px;
}
.facetwp-toggle.facetwp-hidden::before {}
body .facetwp-display-value {}
body .facetwp-radio.checked {
background: none;
}
.catalog__nav-item--reset {
border: 1px solid var(--accent);
border-radius: 28px;
height: 38px;
font-weight: 500;
font-size: 12px;
margin-top: 30px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--accent);
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
}
.catalog__nav-item--reset:hover {
background-color: var(--accent);
color: #fff;
}
body .facetwp-load-more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 56px;
background-color: var(--accent);
padding: 0 35px;
border-radius: 28px;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 14px;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
border: none;
}
.catalog__grid .woocommerce-info {
display: none;
}
body .facetwp-hidden {
display: none !important;
}
.catalog__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
}
body .facetwp-page {
width: 38px;
height: 38px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
border: 1px solid var(--accent);
font-size: 14px;
color: var(--accent);
text-decoration: none;
margin: 0;
}
body .facetwp-page.active {
background-color: var(--accent);
color: #fff;
}
body .facetwp-pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
img.item-img.move-to-cart {
position: absolute;
height: 200px;
width: 200px;
z-index: 9999;
z-index: 100000;
border-radius: 100%;
}
img.item-img.move-to-cart.animate {
opacity: 1;
height: 75px;
width: 75px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
img.item-img.move-to-cart.hide-img {
opacity: 0.5;
width: 0;
height: 0;
margin-left: 75px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product__add-to-cart {
cursor: pointer;
}
.side-cart {
z-index: 1001;
}
.side-cart__table td {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-card__add-to-cart {
min-width: 170px;
}
.swiper-slide .product {
height: 100%;
}
.carousel__products .swiper-slide {
height: auto;
}
.header__cart {
cursor: pointer;
}
.mobile-filter {
font-size: 20px;
font-weight: 600;
color: var(--accent);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin-bottom: 20px;
}
.mobile-filter svg {
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 4px;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
}
.mobile-filter.opened svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.product-card__model {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-card__info {
padding-bottom: 40px;
}
.product__info-price {
color: var(--text);
}
.product__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product__info-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
.mobile-filter {
display: none;
}
}
@media (max-width: 1245px) {
.orders__products {
-ms-grid-columns: 1fr 15px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.orders__bottom-item {
margin-right: 10px;
}
.orders__bottom-sum {
font-size: 12px;
}
.woocommerce-MyAccount-content .catalog__grid-products {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.cat__wrapper {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.cat__terms-sub {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.cat__item-title {
font-size: 18px;
}
.cat__terms-sub-item img {
height: 70px;
}
.cat__terms-sub-item {
font-size: 14px;
padding: 15px;
}
.orders__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.lc {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.lc__left {
width: 100%;
margin: 0 0 20px;
}
.orders__table-row+.orders__table-row {
margin-top: 15px;
}
.orders__nav {
margin: 30px 0 0;
}
.catalog__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog__grid {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
width: 100%;
}
.catalog__nav-wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 10px 30px;
margin-bottom: 20px;
}
.catalog__nav {
display: none;
width: 100%;
}
.catalog__nav-item {
margin: 0;
}
.catalog__nav-item--reset {
margin-top: 20px;
}
.facetwp-facet-price {
padding: 0 5px;
}
.brand-list,
.facetwp-facet-brand .facetwp-overflow {
grid-column: -1/1;
}
body .catalog__nav .facetwp-checkbox+.facetwp-checkbox {
margin-top: 0;
}
.facetwp-facet-brand,
.facetwp-facet-brand .facetwp-overflow {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px 30px;
}
.facetwp-toggle,
.facetwp-overflow {
margin-top: 0;
}
.mobile-menu__top-link.btn-search {
display: none !important;
}
}
@media (max-width: 768px) {
.product-card__delivery-list {
flex-wrap: wrap;
}
.product-card__delivery-item {
width: auto;
}
.cat__wrapper {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.catalog__grid-products,
.woocommerce-MyAccount-content .catalog__grid-products {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.grid-3,
.grid-form-login {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.orders__table-top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.catalog {
margin-top: 30px;
}
.bread {
white-space: nowrap;
overflow: auto;
}
.orders__bottom-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.orders__bottom-item {
margin: 0 5px 5px;
}
.orders__product-title {
font-size: 12px;
}
.orders__product-info {
text-align: center;
}
.orders__product-image {
margin: 0 0 10px;
}
.orders__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.orders__product {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 575px) {
.cart__row__fields {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.cart__row__fields .form-row,
.cart__row #kvartira_field,
.cart__row #domofon_field {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.facetwp-facet-brand,
.facetwp-facet-brand .facetwp-overflow {
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
}
.info__text.fullwidth {
width: 100% !important;
}
.info__text.bottom {
margin-top: 4rem;
}
.info__text .more-content {display: none;}
.info__text .more-content.is-open {
display: block;
}
.product-banner { color: #000 !important;
text-decoration: none;
}
@media (max-width: 476px) {
.product-banner {
aspect-ratio: 370 / 288;
}
}
.product-banner img {
width: 100%;
height: 100%;
object-fit: cover;object-position: top center;
position: absolute;
left: 0;
top: 0;
}
.banner-text {
position: relative;
padding-left: 20px;
text-shadow: 0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white;
}
.banner-text span {font-size: 200%; font-weight: bold; color: #000 !important; display: block;}
.catalog__nav-item:has(.facetwp-facet:empty) {
display: none;
}
.simplefavorite-button .sf-icon-love {
color: rgb(224, 224, 224);
}
.lens-tags__groups__opener {
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
}
.lens-tags__groups__opener .arrowDown {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transition-duration: .3s;
transform: scale(1);
}
.lens-tags__groups__opener.active .arrowDown {
transform: scale(1, -1);
}
@media (max-width: 992px) {
.lens-tags__groups__opener {
font-size: 20px;
font-weight: 600;
color: var(--accent);
text-transform: none;
}
.lens-tags__groups__opener .arrowDown { 
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.375 5.25L7 9.625L2.625 5.25' stroke='%23155233' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
}