*,
::before,
::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,
::after{--tw-content:'';}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
body{margin:0;line-height:inherit;}
hr{height:0;color:inherit;border-top-width:1px;}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a{color:inherit;text-decoration:inherit;}
b,
strong{font-weight:bolder;}
code,
kbd,
samp,
pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1em;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
table{text-indent:0;border-color:inherit;border-collapse:collapse;}
button,
input,
optgroup,
select,
textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;}
button,
select{text-transform:none;}
button,
[type='button'],
[type='reset'],
[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}
progress{vertical-align:baseline;}::-webkit-inner-spin-button,
::-webkit-outer-spin-button{height:auto;}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre{margin:0;}
fieldset{margin:0;padding:0;}
legend{padding:0;}
ol,
ul,
menu{list-style:none;margin:0;padding:0;}
textarea{resize:vertical;}
input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af;}
input::placeholder,
textarea::placeholder{opacity:1;color:#9ca3af;}
button,
[role="button"]{cursor:pointer;}:disabled{cursor:default;}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object{display:block;vertical-align:middle;}
img,
video{max-width:100%;height:auto;}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;}
.pointer-events-none{pointer-events:none;}
.visible{visibility:visible;}
.fixed{position:fixed;}
.absolute{position:absolute;}
.relative{position:relative;}
.inset-y-0{top:0px;bottom:0px;}
.bottom-0{bottom:0px;}
.left-0{left:0px;}
.top-0{top:0px;}
.right-0{right:0px;}
.-z-10{z-index:-10;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem;}
.mr-8{margin-right:2rem;}
.mr-5{margin-right:1.25rem;}
.mt-5{margin-top:1.25rem;}
.mt-8{margin-top:2rem;}
.mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;}
.mt-14{margin-top:3.5rem;}
.mb-7{margin-bottom:1.75rem;}
.mb-10{margin-bottom:2.5rem;}
.mb-4{margin-bottom:1rem;}
.mt-7{margin-top:1.75rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-2{margin-bottom:0.5rem;}
.mt-4{margin-top:1rem;}
.mt-2{margin-top:0.5rem;}
.mb-8{margin-bottom:2rem;}
.mr-1{margin-right:0.25rem;}
.ml-2{margin-left:0.5rem;}
.mb-6{margin-bottom:1.5rem;}
.mr-4{margin-right:1rem;}
.ml-4{margin-left:1rem;}
.block{display:block;}
.inline-block{display:inline-block;}
.flex{display:flex;}
.grid{display:grid;}
.hidden{display:none;}
.h-5{height:1.25rem;}
.h-6{height:1.5rem;}
.h-32{height:8rem;}
.h-full{height:100%;}
.h-48{height:12rem;}
.w-full{width:100%;}
.w-\[100\%\]{width:100%;}
.w-5{width:1.25rem;}
.w-48{width:12rem;}
.max-w-4xl{max-width:56rem;}
.max-w-md{max-width:28rem;}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.cursor-pointer{cursor:pointer;}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}
.flex-wrap{flex-wrap:wrap;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.items-stretch{align-items:stretch;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-4{gap:1rem;}
.gap-12{gap:3rem;}
.overflow-hidden{overflow:hidden;}
.rounded-lg{border-radius:0.5rem;}
.rounded-md{border-radius:0.375rem;}
.border{border-width:1px;}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity));}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));}
.object-contain{-o-object-fit:contain;object-fit:contain;}
.object-cover{-o-object-fit:cover;object-fit:cover;}
.p-2\.5{padding:0.625rem;}
.p-2{padding:0.5rem;}
.p-3{padding:0.75rem;}
.px-\[60px\]{padding-left:60px;padding-right:60px;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-16{padding-top:4rem;padding-bottom:4rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem;}
.pl-3{padding-left:0.75rem;}
.pl-10{padding-left:2.5rem;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-\[20px\]{font-size:20px;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-\[16px\]{font-size:16px;}
.text-\[14px\]{font-size:14px;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-xs{font-size:0.75rem;line-height:1rem;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.font-semibold{font-weight:600;}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity));}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity));}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity));}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity));}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity));}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.duration-300{transition-duration:300ms;}
.first-container-info-heading-pre{margin-bottom:1rem;font-size:1rem;font-weight:600;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity));}
@media (min-width: 768px) {
.first-container-info-heading-pre{font-size:1.2rem;}
}
@media (min-width: 1024px) {
.first-container-info-heading-pre{font-size:1.5rem;}
}
.first-container-info-heading{font-size:1.5rem;font-weight:700;}
@media (min-width: 768px) {
.first-container-info-heading{font-size:2.2rem;}
}
@media (min-width: 1024px) {
.first-container-info-heading{font-size:2.5rem;}
}
@media (min-width: 1280px) {
.first-container-info-heading{font-size:3rem;}
}
.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity));}
.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));}
.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline;}
.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity));}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity));}
@media (prefers-color-scheme: dark) {
.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity));}
}
@media (min-width: 768px) {
.md\:mt-10{margin-top:2.5rem;}
.md\:mt-16{margin-top:4rem;}
.md\:flex{display:flex;}
.md\:h-52{height:13rem;}
.md\:px-\[40px\]{padding-left:40px;padding-right:40px;}
.md\:py-44{padding-top:11rem;padding-bottom:11rem;}
.md\:text-right{text-align:right;}
.md\:text-xl{font-size:1.25rem;line-height:1.75rem;}
.md\:text-lg{font-size:1.125rem;line-height:1.75rem;}
}
@media (min-width: 1024px) {
.lg\:container{width:100%;}
@media (min-width: 640px) {
.lg\:container{max-width:640px;}
}
@media (min-width: 768px) {
.lg\:container{max-width:768px;}
}
@media (min-width: 1024px) {
.lg\:container{max-width:1024px;}
}
@media (min-width: 1280px) {
.lg\:container{max-width:1280px;}
}
@media (min-width: 1536px) {
.lg\:container{max-width:1536px;}
}
.lg\:mb-0{margin-bottom:0px;}
.lg\:h-72{height:18rem;}
.lg\:py-16{padding-top:4rem;padding-bottom:4rem;}
}
@media (min-width: 1536px) {
.\32xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}
}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;opacity:1;transition:0.2s;width:auto;height:auto;overflow:inherit;}
.lightbox.opacity_0{position:inherit;opacity:0;width:0;height:0;overflow:hidden;}
.lightbox.opacity_0 *{display:none;}
.lightbox_block{width:100vw;z-index:1;}
.lightbox_container{display:flex;flex-direction:column;align-items:center;}
.lightbox_body{display:flex;align-items:center;width:100%;max-height:90vh;}
.lightbox_body .swiper-wrapper{align-items:center;}
.lightbox_body .swiper-slide{display:flex;justify-content:center;}
.lightbox_body .swiper-slide img{max-height:70vh;max-width:90vw;}
.lightbox_body .swiper-slide iframe, .lightbox_body .swiper-slide video{display:block;height:500px;width:100%;max-height:70vh;max-width:900px;}
.lightbox_body .swiper-pagination{bottom:5vh;font-size:18px;font-weight:bold;color:#fff;}
.lightbox_bg{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(8, 23, 33, 0.8);cursor:zoom-out;}
.lightbox-button{position:absolute;width:60px;height:60px;z-index:1;cursor:pointer;}
.lightbox-button:hover{opacity:0.9;}
.lightbox-button.swiper-button-disabled{display:none;}
.lightbox-button_prev{transform:scale(-1);left:30px;}
.lightbox-button_next{right:30px;}
.no_scroll_lightbox{overflow:hidden;}
.burger_lightbox_container{width:100%;text-align:center;}
.burger_lightbox_circle{position:fixed;top:20px;right:20px;display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:100%;box-shadow:0px 2px 4px rgba(109, 119, 131, 0.3);background:#fff;cursor:pointer;}
.burger_lightbox_circle:hover .burger_lightbox{transform:rotate(135deg) translate(1px, -1px);transition:0.25s ease-in;}
.burger_lightbox{width:30px;height:30px;position:relative;transform:rotate(45deg);}
.burger_lightbox::before, .burger_lightbox::after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:30px;background:#000;}
.burger_lightbox--active::before{transform:rotate(90deg);top:50%;}
.burger_lightbox--active::after{top:50%;}
@media screen and (max-width: 780px) {
.lightbox_body .swiper-slide iframe, .lightbox_body .swiper-slide video{max-width:90vw;height:300px;}
.lightbox-button{width:45px;height:45px;}
.lightbox-button_next{right:14px;}
.lightbox-button_prev{left:14px;}
}
.modal_block_right,
.modal_block{display:flex;position:fixed;top:0;right:0;bottom:0;max-width:0px;left:0;transition:0.4s ease-in;overflow:hidden;z-index:99;}
.modal_block_right .modal_body,
.modal_block .modal_body{padding:0 30px;max-width:550px;width:100%;min-width:150px;height:100%;background:#fff;overflow-y:auto;overflow-x:hidden;transition:0.25s ease-in;}
.modal_block_right .heading,
.modal_block .heading{font-size:32px;font-weight:bold;text-align:center;margin-bottom:25px;}
.modal_block_right.modal_block_open,
.modal_block.modal_block_open{width:100vw;max-width:inherit;height:100vh;}
.modal_block_right.modal_block_open .modal_block_bg,
.modal_block.modal_block_open .modal_block_bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11, 13, 23, 0.5);opacity:1;z-index:1;transition:0.4s ease-in;cursor:zoom-out;}
.modal_block_right.modal_block_open .modal_block_bg:hover,
.modal_block.modal_block_open .modal_block_bg:hover{background:rgba(11, 13, 23, 0.3);}
.modal_block_right.modal_block_open .modal_container,
.modal_block.modal_block_open .modal_container{position:relative;margin:auto;z-index:2;}
.modal_block_right.modal_block_open form,
.modal_block.modal_block_open form{opacity:1;transform:translateY(0);}
.modal_block_right label,
.modal_block label{margin-bottom:20px;}
.modal_block.big .modal_container{max-width:1105px;}
.modal_block .modal_container{width:100%;max-width:550px;}
.modal_block .modal_body{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0;transform:translateY(50px) scale(0.4);background:none;max-width:initial;}
.modal_block .modal_block_close{opacity:0;border-radius:100px;}
.modal_block.modal_block_open .modal_block_close{top:0;right:inherit;opacity:1;transition:0.6s 0.4s;}
.modal_block.modal_block_open .modal_body{max-height:90vh;overflow:hidden;transform:translateY(0) scale(1);}
.modal_block.modal_block_open .modal_block_bg{transition:0.25s ease-in;}
.no_scroll{overflow:hidden;}
.modal_body_scroll{position:relative;margin-top:20px;padding:40px 30px 40px;background:#fff;border-radius:10px;max-width:1105px;width:100%;overflow-y:auto;}
.modal_block_right .modal_body{position:fixed;top:0;right:-340px;bottom:0;padding:30px;max-width:340px;}
.modal_block_right.modal_block_open{justify-content:flex-end;}
.modal_block_right.modal_block_open .modal_container{margin:0;}
.modal_block_right.modal_block_open .modal_body{right:0;}
.burger_circle{display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer;box-shadow:0px 2px 4px rgba(109, 119, 131, 0.3);}
.burger_circle:hover .burger_modal{transform:rotate(135deg) translate(1px, -1px);transition:0.25s ease-in;}
.burger_modal{width:30px;height:30px;position:relative;transform:rotate(45deg);}
.burger_modal::before, .burger_modal::after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:30px;}
.burger_modal--active::before{transform:rotate(90deg);top:50%;}
.burger_modal--active::after{top:50%;}
.modal_block_right .burger_circle{position:absolute;top:16px;right:16px;background-color:#2d2d2d;width:35px;height:35px;}
.modal_block_right .burger_modal{width:16px;height:16px;}
.modal_block_right .burger_modal::before, .modal_block_right .burger_modal::after{background-color:#fff;}
.modal_block .burger_circle{position:relative;background-color:#fff;width:50px;height:50px;flex:none;}
.modal_block .burger_modal{width:30px;height:30px;color:#000;}
.modal_block .burger_modal::before, .modal_block .burger_modal::after{background-color:#000;}
@media screen and (max-width: 768px) {
.modal_block{padding:0;padding-top:60px;}
.modal_block .modal_body{transform:translateY(100%);}
.modal_block.modal_block_open .modal_container{margin:auto auto 0;position:fixed;bottom:0;max-height:100vh;max-width:inherit;}
.modal_block.modal_block_open .modal_body{padding:0;transform:translateY(0);max-height:85vh;}
.modal_body_scroll{border-radius:30px 30px 0 0;}
}
#toast{position:fixed;bottom:5px;right:5px;max-width:300px;max-height:350px;display:flex;flex-flow:column;gap:10px;overflow:auto;z-index:1000;}
#toast div{position:relative;padding:10px 20px;padding-bottom:15px;color:#fff;border-radius:3px;font-size:14px;font-weight:500;}
#toast div:after{content:"";position:absolute;width:100%;height:5px;background:rgba(0, 0, 0, 0.5);bottom:0;left:0;-webkit-animation:WidthTimeOut 6s;animation:WidthTimeOut 6s;}
#toast .t-ok{background-color:#4caf50;}
#toast .t-error{background-color:#f44336;}
#toast .t-danger{background-color:#ff9800;color:#000;}
#toast .t-info{background-color:#03a9f4;}
@-webkit-keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
@keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
:root{--color:#E30613;--color2:#111213;--color3:#6A7A81;--color3:#E6E7E6;--color4:#F9A826;--color4:#189D02;--gradi:radial-gradient(100% 138.06% at 100% 100%, #DFAE31 0%, #E30613 48.96%, #9231DF 100%);--burger-height:18px;--burger-width:43px;--burger-line-height:3px;}
@media screen and (max-width: 768px) {
:root{--burger-height:16px;--burger-width:36px;}
}
@-webkit-keyframes swing {
0%{transform:rotate(0deg);}
10%{transform:rotate(5deg);}
30%{transform:rotate(-5deg);}
50%{transform:rotate(2deg);}
70%{transform:rotate(-2deg);}
100%{transform:rotate(0deg);}
}
@keyframes swing {
0%{transform:rotate(0deg);}
10%{transform:rotate(5deg);}
30%{transform:rotate(-5deg);}
50%{transform:rotate(2deg);}
70%{transform:rotate(-2deg);}
100%{transform:rotate(0deg);}
}
@-webkit-keyframes infinitiOpacityTransform {
0%{opacity:1;transform:translateY(0);}
50%{opacity:0;transform:translateY(5px);}
100%{opacity:1;transform:translateY(0);}
}
@keyframes infinitiOpacityTransform {
0%{opacity:1;transform:translateY(0);}
50%{opacity:0;transform:translateY(5px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes widthNone {
0%, 100%{width:0;}
50%{width:100%;}
}
@keyframes widthNone {
0%, 100%{width:0;}
50%{width:100%;}
}
html{box-sizing:border-box;}
*,
*::before,
*::after{box-sizing:inherit;-webkit-appearance:none;line-height:130%;font-feature-settings:"pnum" on, "lnum" on;}
body{overflow-anchor:none;font-family:"Montserrat", sans-serif, -apple-system, BlinkMacSystemFont;scroll-behavior:smooth;font-feature-settings:"pnum" on, "lnum" on;background-color:var(--color-bg);color:#000;}
input[type=text]::-ms-clear{display:none;width:0;height:0;}
input[type=text]::-ms-reveal{display:none;width:0;height:0;}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none;}
textarea, input, select, option{font-family:-apple-system, BlinkMacSystemFont, "Open Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;-webkit-appearance:none;}
img {
max-width: 100%;
} a{text-decoration:none;color:inherit;}
.site-container{overflow:hidden;}
.is-hidden{display:none !important;}
.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden;}
.btn-reset{border:none;padding:0;background:transparent;cursor:pointer;}
.list-reset{list-style-type:none;margin:0;padding:0;}
.js-focus-visible :focus:not(.focus-visible){outline:none;}
select{cursor:pointer;}
option{font-family:Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
td, th{padding:0;text-align:left;}
table{width:100%;color:#666;font-size:14px;background:#eaebec;border-collapse:separate;border-radius:3px;box-shadow:0 1px 2px #d1d1d1;}
th{font-weight:bold;padding:21px 25px 22px 25px;border-bottom:1px solid #e0e0e0;text-align:center;background:#ededed;}
th:first-child{text-align:left;padding-left:20px;}
tr:first-child th:first-child{border-top-left-radius:3px;}
tr:first-child th:last-child{border-top-right-radius:3px;}
tr{text-align:center;padding-left:20px;}
tr td:first-child{text-align:left;padding-left:20px;border-left:0;}
tr td{padding:18px;border-left:1px solid #e0e0e0;background:#e5e8ed;}
tr:nth-child(even) td{background:#f3f4fa;}
tr:last-child td{border-bottom:0;}
tr:last-child td:first-child{border-bottom-left-radius:3px;}
tr:last-child td:last-child{border-bottom-right-radius:3px;}
tr:hover td{background:#d8dbe1;}
.search-form{position:relative;display:flex;align-items:center;}
.search-form label{display:block;width:100%;}
.search-form label span{position:absolute;left:20px;top:0;bottom:0;display:flex;align-items:center;transition:all 0.1s ease-in-out;cursor:pointer;}
.search-form label span:hover{transform:scale(1.1);}
@media screen and (max-width: 768px) {
.search-form label span{left:14px;}
}
.search-form input{display:block;width:100%;border-radius:6px;padding:20px 180px 20px 70px;font-size:1.3rem;font-weight:500;transition:all 0.1s ease-in-out;background:#E6E7E6;}
@media screen and (max-width: 1024px) {
.search-form input{font-size:1.2rem;padding:16px 180px 16px 70px;}
}
@media screen and (max-width: 768px) {
.search-form input{font-size:1rem;padding:14px 120px 14px 44px;}
}
.search-form input:focus{outline:none;}
.search-form button{position:absolute;padding:9px 40px;right:20px;}
@media screen and (max-width: 1024px) {
.search-form button{right:10px;font-size:1.1rem;}
}
@media screen and (max-width: 768px) {
.search-form button{padding:7px 20px;font-size:1rem;}
}
body{background:#f4f4f4;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
@media screen and (max-width: 768px) {
body{padding-bottom:54px;}
}
h1,
.h1{font-weight:600;line-height:1.2;font-size:2.5rem;}
@media screen and (max-width: 768px) {
h1,
.h1{font-size:2rem;}
}
h2,
.h2{font-weight:600;line-height:1.2;font-size:1.9rem;}
@media screen and (max-width: 768px) {
h2,
.h2{font-size:1.7rem;}
}
h3,
.h3{font-weight:600;line-height:1.2;font-size:1.8rem;}
@media screen and (max-width: 768px) {
h3,
.h3{font-size:1.5rem;}
}
h4,
.h4{font-weight:600;line-height:1.2;font-size:1.6rem;}
@media screen and (max-width: 768px) {
h4,
.h4{font-size:1.3rem;}
}
input::-moz-placeholder{color:#858585;}
input::placeholder{color:#858585;}
.container-block{width:100%;max-width:1250px;padding-left:80px;padding-right:80px;margin-left:auto;margin-right:auto;margin-top:90px;}
@media screen and (max-width: 768px) {
.container-block{padding-left:15px;padding-right:15px;margin-top:60px;}
}
.first-container{padding-top:70px;}
.first-container .container-block{margin-top:0;}
@media screen and (max-width: 768px) {
.first-container{padding-top:56px;}
}
.first-container.no-padding{padding:0;}
.first-container-info{position:relative;z-index:1;}
@media screen and (max-width: 768px) {
.first-container-info{padding:7vh 0;}
}
.first-container-info div{position:relative;}
.first-container-block{display:grid;grid-template-columns:2fr 1fr;}
@media screen and (max-width: 1024px) {
.first-container-block{grid-template-columns:1fr;}
}
.first-container-img{position:absolute;top:50%;transform:translate(100%, -50%);right:-100%;height:100vh;max-height:777px;width:100%;max-width:100vw;z-index:-1;transition:all 0.6s 1s ease;}
.first-container-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 1024px) {
.first-container-img img{top:0;}
}
.first-container-img.animate-block{transform:translate(40%, -50%);right:0;}
@media screen and (min-width: 2200px) {
.first-container-img{transform:translateX(100%) translateY(-50%);right:-25%;}
.first-container-img.animate-block{transform:translateX(25%) translateY(-50%);}
}
@media screen and (max-width: 1363px) {
.first-container-img{transform:translateX(100%) translateY(-50%);}
.first-container-img.animate-block{transform:translateX(51%) translateY(-50%);}
}
@media screen and (max-width: 1024px) {
.first-container-img{transform:translateX(100%) translateY(-50%) rotate(-90deg);}
.first-container-img.animate-block{transform:translateX(65%) translateY(-50%) rotate(-90deg);}
}
@media screen and (max-width: 768px) {
.first-container-img{display:none;}
}
.first-container-info__buttons{display:grid;max-width:500px;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:48px;opacity:0;}
.first-container-info__buttons.animate-block{opacity:1;transition:all 0.5s 0.3s ease-in-out;}
@media screen and (max-width: 768px) {
.first-container-info__buttons{margin-top:30px;}
}
.first-container-info__buttons button{padding:14px 40px;}
.first-container-info__buttons input{padding:14px 40px;padding-left:14px;border-radius:5px;background:#CFCFCF;}
@media screen and (max-width: 500px) {
.first-container-info__buttons{max-width:100%;grid-template-columns:1fr;}
}
.burger{width:var(--burger-width);height:var(--burger-height);position:relative;color:#000;cursor:pointer;}
.burger__line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:var(--burger-line-height);background-color:currentColor;transition:transform 0.2s ease-in-out;border-radius:30px;}
.burger::before, .burger::after{content:"";position:absolute;left:0;width:100%;height:var(--burger-line-height);background-color:currentColor;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;border-radius:30px;}
.burger::before{top:0;}
.burger::after{top:calc(100% - var(--burger-line-height));}
@media screen and (min-width: 1201px) {
.burger:hover::before{top:25%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger:hover .burger__line{transform:scale(0);transition:transform 0.2s ease-in-out;}
.burger:hover::after{top:75%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
}
.burger--no-active:hover::before, .burger--no-active:hover::after{left:0;}
.burger--no-active:hover::before{top:0;}
.burger--no-active:hover::after{top:calc(100% - var(--burger-line-height));}
.burger--no-active:hover .burger__line{opacity:1;transform:translateY(-50%);}
.burger--active .burger__line{transform:scale(0);transition:transform 0.2s ease-in-out;}
.burger--active::before{transform:rotate(-135deg);top:50%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger--active::after{transform:rotate(135deg);top:50%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger--active:hover::before{transform:rotate(-135deg);top:50%;}
.burger--active:hover::after{transform:rotate(135deg);top:50%;}
@media screen and (min-width: 768px) {
.no-mobile{display:none !important;}
}
@media screen and (max-width: 1024px) {
.ipad{display:none !important;}
}
@media screen and (max-width: 768px) {
.mobile{display:none !important;}
}
.d-none{display:none !important;}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background-color:#E30613;color:#fff;border-radius:6px;padding:10px;font-size:18px;font-weight:600;transition:all 0.1s ease-in-out;white-space:nowrap;cursor:pointer;}
.btn:hover{background-color:#c00510;}
.btn.btn-big{font-size:24px;padding:20px 60px;}
.btn.btn-small{font-size:14px;padding:5px 20px;}
.btn.btn-gray{background:#DADADA;color:#000;}
.btn.btn-gray:hover{background:#C4C4C4;}
.btn.btn-black{background:#000;}
.btn.btn-black:hover{background:#2d2d2d;}
.btn.btn-border{padding:12px 30px;box-shadow:0 0 0 2.5px #C4C4C4;background:#c4c4c400;color:#858585;transition:all 0.3s ease-in-out;}
.btn.btn-border:hover{box-shadow:0 0 0 2.5px #4d4d4d;color:#000;background:rgba(0, 0, 0, 0.1);}
@media screen and (max-width: 768px) {
.btn.btn-border{width:100%;padding:10px;}
}
#header{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(244, 244, 244, 0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;}
@media screen and (max-width: 768px) {
#header{height:56px;padding:0 14px;}
}
#header.header--active{background:#fff;}
.logo{width:150px;height:40px;}
@media screen and (max-width: 768px) {
.logo{width:140px;}
}
.logo img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;}
.header-right__items{margin-right:100px;}
@media screen and (max-width: 1024px) {
.header-right__items{margin-right:50px;}
}
a.logo{transition:all 0.1s ease-in-out;cursor:pointer;}
a.logo:hover{transform:scale(1.05);}
.menu:hover span{transform:scale(1.1);}
.menu span{transition:all 0.1s ease-in-out;}
.order-a-call{grid-template-columns:16px 1fr;}
.order-a-call:hover{opacity:0.6;}
.order-a-call:hover span::before{width:0;left:auto;right:0;}
.order-a-call span::before{content:"";position:absolute;left:0;bottom:2px;height:1px;width:100%;background-color:#000;transition:all 0.4s ease-in-out;}
.header-right__item{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:left;grid-gap:10px;transition:all 0.1s ease-in-out;cursor:pointer;}
.header-right__item a{white-space:nowrap;transition:all 0.1s ease-in-out;}
.header-right__item a:hover{opacity:0.6;}
.header-right__item img{width:21px;height:21px;-o-object-fit:contain;object-fit:contain;}
.header-right__item span{position:relative;font-size:18px;font-weight:600;transition:all 0.1s ease-in-out;}
.header-right__item .order-a-call img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;}
.header-right__item.phone-big img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;}
.header-right__item.phone-big span{font-size:24px;}
.modal-list-menu{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-rows:140px;grid-gap:20px;}
@media screen and (max-width: 1363px) {
.modal-list-menu{grid-template-columns:repeat(6, minmax(0, 1fr));}
}
@media screen and (max-width: 1024px) {
.modal-list-menu{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media screen and (max-width: 768px) {
.modal-list-menu{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:120px;grid-gap:14px;}
}
.modal-list-menu__item{position:relative;transition:cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;}
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
@media screen and (max-width: 1363px) {
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
.modal-list-menu__item:last-child{grid-column-start:4;grid-column-end:7;}
.modal-list-menu__item:last-child span{font-size:21px;}
}
@media screen and (max-width: 1024px) {
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
.modal-list-menu__item:last-child{grid-column-start:inherit;grid-column-end:inherit;}
.modal-list-menu__item:last-child span{font-size:inherit;}
}
.modal-list-menu__item span{display:block;position:relative;font-size:16px;font-weight:bold;color:#fff;margin:10px 12px;z-index:2;}
.modal-list-menu__item:hover{transform:scale(0.95);}
.modal-list-menu__item:hover .modal-list-menu-bg:before{background:rgba(158, 152, 152, 0.2);}
.modal-list-menu__item:hover .modal-list-menu-bg:after{left:calc(100% - 60px);}
.modal-list-menu-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:5px;cursor:pointer;}
.modal-list-menu-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;transition:all 0.2s ease-in-out;}
.modal-list-menu-bg::after{content:"";position:absolute;top:calc(100% - 50px);left:calc(100% - 70px);right:0;bottom:0;background:url(//petarda.by/wp-content/uploads/2022/10/arrow-link.svg) no-repeat center;z-index:2;transition:all 0.4s ease-in-out;}
.modal-list-menu-bg img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;}
.menu-list__items a{display:block;margin-top:8px;font-size:14px;color:#6A7A81;}
.menu-list__items a:hover{color:#111213;text-decoration:underline;}
#menu-modal{position:fixed;right:0;top:70px;bottom:0;overflow:hidden;width:0;height:100vh;z-index:99;background:#fff;transition:width 0.5s 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);}
#menu-modal .modal__menu{opacity:0;transform:translateY(100px);transition:all 0.2s ease-in-out;}
#menu-modal.modal--open{width:100vw;transition:width 0.4s ease-out;}
#menu-modal.modal--open .modal__menu{opacity:1;height:100%;transform:translateY(0);overflow-y:auto;transition:all 0.4s 0.3s ease-out;}
@media screen and (max-width: 768px) {
#menu-modal{top:50px;transition:none;}
#menu-modal .modal__menu{transition:all 0.3s ease-out;}
#menu-modal.modal--open{transition:none;}
#menu-modal.modal--open .modal__menu{transition:all 0.3s ease-out;}
}
.modal__content{height:calc(100% - 70px);}
@media screen and (max-width: 768px) {
.modal__content{height:calc(100% - 50px);padding-bottom:50px;}
}
.menu-button{display:grid;gap:5px;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:8;}
@media screen and (max-width: 768px) {
.menu-button{height:54px;top:auto;bottom:0;right:0;transform:translateY(0);display:grid;gap:0;grid-template-columns:repeat(4, 1fr);box-shadow:0 0 5px #6d77834d;}
}
.menu-button > div, .menu-button > a{opacity:0;transform:scale(0.6);transition:all 0.3s ease-in-out;}
@media screen and (max-width: 768px) {
.menu-button > div, .menu-button > a{opacity:1;transform:scale(1);}
}
.menu-button__item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px;position:relative;display:flex;align-items:center;background-color:#111213;border-radius:0 6px 6px 0;transition:all 0.3s ease-in-out;cursor:pointer;}
@media screen and (max-width: 768px) {
.menu-button__item{padding:6px;}
}
.menu-button__item:hover{background:#35383b;}
.menu-button__item:hover span{opacity:1;transform:scale(1);max-width:100%;}
.menu-button__item img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;filter:invert(1) brightness(2);}
@media screen and (max-width: 768px) {
.menu-button__item img{width:24px;height:24px;filter:invert(0) brightness(1);}
}
.menu-button__item.red{background:#E30613;}
.menu-button__item.red:hover{background:#c00510;}
.menu-button__item.red img{filter:invert(0) brightness(1);}
.menu-button__item.red small{color:#fff;background:#111213;}
.menu-button__item span{color:#fff;width:100%;max-width:0;overflow:hidden;opacity:0;transform:scale(0.7);margin-left:4px;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out, max-width 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.menu-button__item span{display:block;width:100%;font-size:12px;text-align:center;visibility:visible;color:#111213;}
}
.menu-button__item small{position:absolute;top:0;right:0;padding:3px;background:#fff;color:#111213;font-weight:700;font-size:15px;line-height:100%;border-radius:0px 5px 3px 3px;}
@media screen and (max-width: 768px) {
.menu-button__item small{font-size:13px;}
}
@media screen and (max-width: 768px) {
.menu-button__item{border-radius:0;width:100%;display:grid;justify-items:center;justify-content:center;background:#f4f4f4;padding:8px;}
.menu-button__item:hover{background:#fff;}
.menu-button__item.red span{color:#fff;}
.menu-button__item span{display:flex !important;text-align:center;overflow:visible;opacity:1;transform:scale(1);max-width:100%;font-weight:600;}
.menu-button__item small{color:#fff;background:#111213;padding:4px;border-radius:5px;}
}
.price-content{display:flex;margin-top:5px;}
@media screen and (max-width: 1024px) {
.price-content{margin-top:0;}
}
.price-content .price-content__price-old{position:relative;color:#6A7A81;margin-left:4px;font-size:1rem;font-weight:bold;}
.price-content .price-content__price-old:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-10deg);width:100%;height:2px;background:#E30613;}
.price-content .price-content__price{font-weight:bold;font-size:1.3rem;}
.slider-block .swiper-button{opacity:0;pointer-events:none;}
.slider-block:hover .swiper-button{opacity:1;pointer-events:visible;}
.slider-block:hover .swiper-button.swiper-button-disabled{opacity:0;pointer-events:none;}
@media screen and (max-width: 768px) {
.slider-block:hover .swiper-button{opacity:0;pointer-events:none;}
}
.swiper-button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:56px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;box-shadow:0 0 3px rgba(79, 87, 100, 0.7);}
.swiper-button:hover{box-shadow:0 0 10px #727e91;transform:scale(1.1) translateY(-50%);}
.swiper-button.swiper-button-prev{left:0;}
.swiper-button.swiper-button-next{right:0;}
.swiper-button.swiper-button-disabled{opacity:0;pointer-events:none;}
.box-color{display:inline-block;width:26px;height:26px;box-shadow:inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);border-radius:5px;vertical-align:middle;}
.box-color.box-small{width:12px;height:12px;}
.cart-item__img-box:hover{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.products-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.products-container{grid-template-columns:repeat(3, 1fr);gap:10px;}
}
@media screen and (max-width: 768px) {
.products-container{grid-template-columns:repeat(2, 1fr);}
}
.product{display:grid;grid-template-rows:250px 1fr;align-items:stretch;padding:7px;background:#FFFFFF;border-radius:10px;transition:all 0.4s ease-in-out;}
@media screen and (max-width: 1363px) {
.product{grid-template-rows:200px 1fr;}
}
@media screen and (max-width: 768px) {
.product{grid-template-rows:150px 1fr;}
}
.product .sales{display:grid;gap:3px;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;}
.product .product-info{margin-top:6px;display:grid;gap:4px;grid-template-rows:auto 1fr auto auto 40px;}
@media screen and (max-width: 768px) {
.product .product-info{grid-template-rows:auto 1fr auto auto 34px;}
}
.product .product-img{display:flex;align-items:center;position:relative;}
.product .product-img .hover-video{display:flex;align-items:stretch;width:100%;height:100%;overflow:hidden;border-radius:5px;background:#fff;cursor:pointer;}
.product .product-img .hover-video.active{background:url(//petarda.by/wp-content/uploads/2022/10/loader.svg) no-repeat center center/36px, #fff;}
.product .product-img .hover-video-youtube{cursor:pointer;}
.product .product-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:5px;}
.product .product-img iframe{width:100%;height:100%;border-radius:5px;cursor:pointer;}
.product .product-img:hover img{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.product .product-info__title{font-weight:600;font-size:1.2rem;transition:0.2s ease-in-out;}
.product .product-info__title:hover{opacity:0.7;}
@media screen and (max-width: 1363px) {
.product .product-info__title{font-size:1rem;}
}
.product .product-info__text{font-size:0.8rem;color:#404040;}
.product .product-info__text b{font-weight:500;color:#111213;}
@media screen and (max-width: 768px) {
.product .product-info__text{font-size:0.7rem;font-weight:600;color:#747474;}
.product .product-info__text b{font-weight:600;}
}
.product .product-info__buttons{display:grid;grid-template-columns:1fr 38px;gap:5px;}
@media screen and (max-width: 768px) {
.product .product-info__buttons{grid-template-columns:1fr 34px;}
}
.product .product-info__buttons button img{width:20px;transition:0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.product .product-info__buttons button img{width:18px;}
}
.product .product-info__buttons button[data-favorite-btn]:hover img{filter:brightness(0.4);}
.product .btn{display:flex;align-items:center;justify-content:center;padding:8px;font-size:15px;}
@media screen and (max-width: 768px) {
.product .btn{font-size:14px;padding:6px;}
}
@media screen and (max-width: 1100px) {
.product .price-content{display:flex;flex-direction:column-reverse;}
.product .price-content__price-old-block{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.product .price-content__price-old{margin-left:0;}
}
@media screen and (max-width: 1024px) {
.product .price-content__price{font-size:18px;}
}
@media screen and (max-width: 1024px) {
.product .price-content__price-old{font-size:14px;}
}
.sales_block{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;font-size:0.8rem;font-weight:700;color:#fff;background:#E30613;padding:5px 10px;border-radius:5px;}
@media screen and (max-width: 768px) {
.sales_block{font-size:0.7rem;padding:4px 8px;}
}
.sales__category{color:#000;background:#F9A826;}
.product-availability{margin-top:6px;font-weight:600;font-size:0.8rem;color:#189D02;}
.product-availability.no-availability{color:#E30613;}
@media screen and (max-width: 1024px) {
.product-availability{margin-top:0;font-size:0.7rem;}
}
.review{display:grid;grid-template-rows:auto 1fr auto;gap:15px;padding:10px;background:#E6E7E6;border-radius:6px;}
.review-title{display:flex;justify-content:space-between;align-items:flex-start;}
.review-title a{font-size:1.1rem;font-weight:600;transition:all 0.2s ease-in-out;}
.review-title a:hover{opacity:0.6;}
.review-title img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;}
.review-content{font-size:0.9rem;color:#828282;}
.review-content .review-content-all{display:block;margin-top:10px;font-size:0.8rem;font-weight:500;text-decoration:underline;}
.review-content .review-content-all:hover{color:#000;}
.review-footer{display:flex;justify-content:space-between;align-items:flex-end;}
.review-footer small{font-size:0.8rem;color:#000;font-weight:600;}
.review-footer a img{transition:all 0.2s ease-in-out;}
.review-footer a:hover img{transform:translateX(3px);}
.heading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.heading-header .heading{margin-bottom:0;}
.arrows-slider{display:inline-grid;grid-template-columns:auto auto;gap:6px;flex:none;}
.arrow-slider{transition:all 0.2s ease-in-out;opacity:1;cursor:pointer;}
.arrow-slider.swiper-button-disabled{opacity:0;visibility:hidden;cursor:default;}
.arrow-slider:hover{transform:scale(1.1);}
.cart-modal__product-colors-item{width:36px;height:36px;border-radius:10px;margin-right:5px;margin-bottom:5px;transition:all 0.2s ease-in-out;box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.4);cursor:pointer;}
.cart-modal__product-colors-item:hover{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.8);}
.cart-modal__product-colors-item.active{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.8);transform:scale(0.9);}
.cart-modal__product-colors-item.active:hover{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.4);}
.cart-modal__product-colors-list{display:flex;align-items:center;flex-wrap:wrap;}
.block-col-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.block-col-4{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
.block-col-4{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.block-col-4{grid-template-columns:1fr;}
}
.block-col-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
@media screen and (max-width: 768px) {
.block-col-3{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.block-col-3{grid-template-columns:1fr;}
}
.work{display:block;border-radius:6px;background:#fff;height:100%;cursor:pointer;transition:all 0.2s ease-in-out;}
.work:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);transform:translateY(-5px);}
.work:hover .work-img img{transform:scale(1.1);}
.work-title{padding:10px;display:grid;grid-template-columns:1fr auto;font-size:1.1rem;font-weight:600;margin-bottom:10px;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.work-title{font-size:1rem;}
}
.work-title img{width:45px;height:28px;transition:all 0.2s ease-in-out;}
.work-title img:hover{transform:translateX(3px);}
.work-img{width:100%;height:175px;border-radius:6px;overflow:hidden;}
@media screen and (max-width: 768px) {
.work-img{height:160px;}
}
.work-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all 0.2s ease-in-out;}
.contacts-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media screen and (max-width: 768px) {
.contacts-block{grid-template-columns:1fr;}
}
.links-btn-row{display:flex;flex-wrap:wrap;}
.link-btn{display:flex;align-items:flex-end;align-self:stretch;margin-bottom:10px;min-height:90px;padding:10px;background:#FFFFFF;border-radius:6px;margin-right:10px;transition:all 0.2s ease-in-out;font-weight:600;cursor:pointer;}
.link-btn span{height:100%;margin-right:10px;}
.link-btn:hover{transform:scale(0.95);}
.link-btn.no-arrow{padding:10px 20px;min-height:auto;align-items:center;}
.link-btn.no-arrow span{height:auto;font-size:0.9rem;}
.link-btn.no-arrow img{width:30px;}
.contacts-img{display:flex;align-items:center;height:100%;}
.contacts-img img{width:100%;height:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 768px) {
.contacts-img img{width:auto;}
}
.map{height:400px;width:100%;overflow:hidden;border-radius:20px;}
.text-block{margin-top:120px;}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.text-block .h1,
.text-block .h2,
.text-block .h3,
.text-block .h4,
.text-block .h5,
.text-block .h6{margin-top:1rem;margin-bottom:1rem;}
.text-block p,
.text-block b,
.text-block strong,
.text-block i,
.text-block em,
.text-block small,
.text-block mark,
.text-block del,
.text-block ins,
.text-block sub,
.text-block sup{line-height:1.3;margin:20px 0;color:#404040;}
.text-block a{color:#E30613;font-weight:500;}
.text-block a:hover{text-decoration:underline;}
.text-block ul,
.text-block ol{margin:20px 0;padding-left:20px;list-style:inherit;}
.text-block ol{list-style:auto;}
.text-block li{margin:10px 0;}
@media screen and (max-width: 768px) {
.text-block{margin-top:60px;}
}
#footer{position:relative;padding-bottom:60px;}
.footer-list{margin-bottom:40px;}
.footer-list li{position:relative;margin-bottom:10px;font-weight:600;}
.footer-list a{display:flex;align-items:center;color:#6A7A81;font-weight:500;transition:all 0.2s ease-in-out;}
.footer-list a:hover{color:#0e1011;}
.footer-img{position:absolute;right:0;bottom:0;width:450px;z-index:-1;}
@media screen and (max-width: 1024px) {
.footer-img{display:none;}
}
.footer-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.footer-container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;z-index:1;}
@media screen and (max-width: 768px) {
.footer-container{grid-template-columns:1fr;}
}
#copyright{margin-top:40px;font-size:0.8rem;color:#6A7A81;max-width:700px;}
.shop-products-block{margin-top:40px;grid-area:products;}
.shop-container{display:grid;grid-template-columns:1fr 260px;gap:20px;grid-template-areas:"products sidebar";}
@media screen and (max-width: 1363px) {
.shop-container{grid-template-columns:1fr 240px;}
}
@media screen and (max-width: 1024px) {
.shop-container{display:block;grid-template-columns:1fr;}
}
.shop-container .products-container{grid-template-columns:1fr 1fr 1fr;}
@media screen and (max-width: 768px) {
.shop-container .products-container{grid-template-columns:1fr 1fr;}
}
.shop-container-header{background:radial-gradient(100.68% 139.64% at -0.68% 0%, #DFAE31 0%, #E30613 48.96%, #9231DF 100%);color:#fff;}
.shop-container-header .container-block{margin-top:0;padding-top:120px;padding-bottom:40px;opacity:0;}
@media screen and (max-width: 1024px) {
.shop-container-header .container-block{padding-top:100px;padding-bottom:30px;}
}
.breadcrumbs{display:flex;align-items:center;font-size:1rem;font-weight:600;overflow-x:auto;}
.breadcrumbs span > span{opacity:0.8;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs a,
.breadcrumbs span{flex:0 0 auto;}
.breadcrumbs .dot{margin:0 10px;height:5px;width:5px;background-color:#fff;border-radius:100%;}
.breadcrumbs-black .dot{background:#000;}
.sidebar{position:relative;grid-area:sidebar;}
@media screen and (max-width: 1024px) {
.sidebar{margin-bottom:20px;}
}
.sidebar .sidebar-block{background:#fff;display:block;width:100%;padding:20px;border-radius:10px;}
.sidebar .sidebar-block a,
.sidebar .sidebar-block span{display:block;margin-right:10px;font-size:1rem;font-weight:500;transition:all 0.2s ease-in-out;}
.sidebar .sidebar-block a:hover,
.sidebar .sidebar-block span:hover{color:#E30613;}
.sidebar .sidebar-block a.active,
.sidebar .sidebar-block span.active{color:#E30613;}
.sidebar .sidebar-block a.active:hover,
.sidebar .sidebar-block span.active:hover{color:#80030b;}
@media screen and (max-width: 1024px) {
.sidebar .sidebar-block a,
.sidebar .sidebar-block span{padding:10px;font-weight:600;background:#f2f2f2;border-radius:5px;flex:0 0 auto;}
.sidebar .sidebar-block a.active,
.sidebar .sidebar-block span.active{color:#fff;background:#E30613;}
.sidebar .sidebar-block a.active:hover,
.sidebar .sidebar-block span.active:hover{color:#fff;background:#ca0511;}
}
.sidebar .sidebar-block span.active:hover{color:#E30613;}
.sidebar nav{display:grid;gap:10px;}
.sidebar .sidebar-tags{margin-top:20px;}
.sidebar .sidebar-tags nav{display:flex;flex-wrap:wrap;gap:inherit;}
.sidebar .sidebar-tags a{display:flex;flex:0 0 auto;padding:7px 12px;margin:2px;border-radius:5px;background:#F2F2F2;font-size:0.8rem;font-weight:600;color:#000;transition:all 0.2s ease-in-out;}
.sidebar .sidebar-tags a:hover{background:#d9d9d9;color:#000;}
.sidebar .sidebar-tags__title{font-size:1.2rem;font-weight:600;margin-bottom:10px;}
.viewed-products{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.viewed-products{grid-template-columns:repeat(4, 1fr);}
}
@media screen and (max-width: 768px) {
.viewed-products{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 500px) {
.viewed-products{grid-template-columns:repeat(2, 1fr);}
}
.viewed-products__item{transition:all 0.3s ease-in-out;}
.viewed-products__item:hover .viewed-products__item-img{-webkit-animation:swing 0.5s ease-in-out;animation:swing 0.5s ease-in-out;}
.viewed-products__item:hover .viewed-products__item-title{opacity:0.7;}
.viewed-products__item-img{position:relative;overflow:hidden;border-radius:10px;transition:all 0.2s ease-in-out;}
.viewed-products__item-title{font-size:1rem;font-weight:600;margin-top:10px;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.viewed-products__item-title{font-size:0.9rem;}
}
.blog-container{margin-top:40px;}
.blog-block{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.blog-block{grid-template-columns:repeat(3, 1fr);gap:14px;}
.blog-block .blog-post{min-height:120px;}
.blog-block .blog-post-title{font-size:1rem;}
}
@media screen and (max-width: 768px) {
.blog-block{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.blog-block{grid-template-columns:repeat(1, 1fr);}
}
.blog-post{padding:10px;padding-bottom:40px;position:relative;border-radius:6px;min-height:140px;overflow:hidden;}
.blog-post small{font-size:0.8rem;font-weight:600;}
.blog-post .arrow-link{width:45px;height:28px;-o-object-fit:contain;object-fit:contain;}
.blog-post.blog-post-no-bg .blog-post-title,
.blog-post.blog-post-no-bg .blog-post-footer{color:#000;}
.blog-post.blog-post-no-bg .blog-post-bg::before{background:#c4c4c4;}
.blog-post.blog-post-no-bg:hover .blog-post-bg::before{background:#ababab;}
.blog-post:hover .blog-post-bg{transform:scale(1.15);}
.blog-post-title{position:relative;font-weight:600;font-size:1.2rem;color:#FFFFFF;margin-bottom:30px;z-index:1;}
.blog-post-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;transition:all 0.2s ease-in-out;}
.blog-post-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.blog-post-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;transition:all 0.2s ease-in-out;}
.blog-post-footer{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:1;}
.reviews-header{margin-bottom:60px;}
@media screen and (max-width: 768px) {
.reviews-header .heading{font-size:1.8rem;margin:20px 0;}
}
.reviews-center{display:grid;grid-template-columns:1fr;gap:5px;justify-items:center;}
@media screen and (max-width: 1024px) {
.reviews-center{justify-items:flex-start;}
}
.reviews-center h1{text-align:center;}
@media screen and (max-width: 1024px) {
.reviews-center h1{text-align:left;}
}
@media screen and (max-width: 768px) {
.reviews-center h1{font-size:1.8rem;margin:10px 0;}
}
.reviews-center .h4{font-size:1.2rem;font-weight:600;margin-bottom:20px;}
@media screen and (max-width: 1024px) {
.reviews-center .h4{text-align:left;}
}
.reviews-center .breadcrumbs .dot{background:#000;}
.reviews-block{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.reviews-block{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
.reviews-block{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.reviews-block{grid-template-columns:repeat(1, 1fr);}
}
.reviews-check{display:flex;}
.reviews-check label{margin-left:3px;margin-right:5px;position:relative;cursor:pointer;}
.reviews-check label span{display:flex;align-items:center;justify-content:center;padding:9px;border-radius:5px;transition:all 0.2s ease-in-out;}
.reviews-check label img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;}
.reviews-check label input{opacity:0;width:0;height:0;position:absolute;top:0;left:0;}
.reviews-check label input:checked + span{color:#fff;box-shadow:0 0 0 2px #404040;}
.reviews-check label:hover span{transform:scale(0.9);}
.reviews-check .green span{background:#48DF22;}
.reviews-check .green-lite span{background:#8CDF22;}
.reviews-check .yellow span{background:#F9A826;}
.reviews-check .orange span{background:#FD4D02;}
.reviews-check .red span{background:#EA4949;}
.text-page-head .btn{padding:10px 20px;margin:2px;margin-bottom:40px;}
@media screen and (max-width: 768px) {
.text-page-head .btn{width:inherit;}
}
.text-page-head .btn svg{stroke:#858585;margin-right:5px;transition:all 0.2s ease-in-out;}
.text-page-head .btn:hover svg{stroke:#000;}
.text-page-head .btn span{vertical-align:middle;}
.text-page-head .breadcrumbs{margin-bottom:20px;}
.product-page{display:grid;grid-template-columns:1fr 1.7fr;gap:20px;margin-top:25px;}
@media screen and (max-width: 1024px) {
.product-page{grid-template-columns:1fr 1.3fr;}
}
@media screen and (max-width: 650px) {
.product-page{grid-template-columns:1fr;}
}
.product-page .gallery{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;gap:20px;}
.product-page .gallery .gallery-item:first-child{grid-column-start:1;grid-column-end:4;}
.product-page .gallery-item{position:relative;width:100%;height:100%;transition:all 0.2s ease-in-out;overflow:hidden;border-radius:10px;cursor:pointer;}
.product-page .gallery-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.product-page .gallery-item:hover{transform:scale(0.95);}
.product-page .open-modalbox-item{opacity:0;transform:scale(0.6);}
.product-page-block{display:flex;justify-content:space-between;padding:20px;margin-bottom:20px;margin-top:20px;background:#fff;border-radius:10px;}
@media screen and (max-width: 1024px) {
.product-page-block{flex-direction:column;}
.product-page-block .product-page-block__cart-button .btn{justify-content:center;}
}
.product-page-container .sales{display:flex;}
.product-page-container .sales > div{margin-right:5px;}
.product-page-container .sales > div:last-child{margin-right:0;}
.product-page-container .product-availability{font-size:0.9rem;margin:0;}
.product-page-block .price-content,
.product-kit-block .price-content{display:grid;grid-template-columns:1fr;margin:0;}
.product-page-block .price-content .price-content__price,
.product-kit-block .price-content .price-content__price{font-size:1.8rem;white-space:nowrap;}
.product-page-block .price-content .price-content__price-old-block,
.product-kit-block .price-content .price-content__price-old-block{display:flex;}
.product-page-block .price-content .price-content__price-old,
.product-kit-block .price-content .price-content__price-old{font-size:1.35rem;white-space:nowrap;margin-left:0;}
.lib-modal__content-footer-btn{justify-content:center;}
.product-page-block__info{margin-top:40px;}
.product-page-block__info-text{color:#5b5b5b;font-weight:500;}
.product-page-block__info-text .box-color{vertical-align:bottom;}
.product-page-block__info-text b{font-weight:600;color:#1b1b1b;}
.product-page-block__cart-button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch;}
.product-page-block__cart-btn{display:flex;flex-direction:column;justify-content:center;height:100%;}
.product-page-block-video__item{position:relative;width:100%;height:120px;overflow:hidden;border-radius:10px;cursor:pointer;}
.product-page-block-video__item:hover span img{transform:scale(1.2);}
.product-page-block-video__item > img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.product-page-block-video__item span{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.product-page-block-video__item span img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 1024px) {
.product-page-block__cart{margin-top:20px;}
}
.products-kit-block{display:flex;align-items:flex-start;margin-top:20px;}
@media screen and (max-width: 865px) {
.products-kit-block{align-items:center;flex-direction:column;}
}
.product-kit-plus,
.product-kit-equally{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8rem;padding:20px;}
@media screen and (max-width: 1363px) {
.product-kit-plus,
.product-kit-equally{font-size:6rem;padding:10px;}
}
@media screen and (max-width: 1024px) {
.product-kit-plus,
.product-kit-equally{font-size:4rem;padding:0 10px;line-height:100%;}
}
@media screen and (max-width: 865px) {
.product-kit-plus,
.product-kit-equally{padding:5px;}
}
.products-kit{display:flex;align-self:flex-start;}
@media screen and (max-width: 865px) {
.products-kit{width:100%;justify-content:center;}
}
.products-kit .product-kit{width:auto;height:100%;margin-right:20px;}
@media screen and (max-width: 1024px) {
.products-kit .product-kit{margin-right:10px;}
}
.products-kit .product-kit:last-child{margin-right:0;}
@media screen and (max-width: 865px) {
.product-kit{width:100%;display:grid;justify-items:center;}
}
.product-kit .product-kit-products__item-title{margin-top:10px;font-size:1rem;font-weight:600;}
.product-kit .product-kit-products__item-img{width:100%;max-width:200px;height:100%;max-height:200px;border-radius:10px;overflow:hidden;}
@media screen and (max-width: 768px) {
.product-kit .product-kit-products__item-img{max-width:150px;max-height:150px;}
}
.product-kit .product-kit-products__item-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
a.product-kit:hover .product-kit-products__item-img{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.product-kit-block{display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:10px;padding:20px;}
@media screen and (max-width: 1024px) {
.product-kit-block{padding:10px;}
.product-kit-block .price-content .price-content__price{font-size:1.5rem;white-space:nowrap;}
.product-kit-block .price-content .price-content__price-old-block{font-size:1.35rem;}
}
@media screen and (max-width: 865px) {
.product-kit-container .h3{text-align:center;margin-bottom:30px;}
}
.page-product{margin-top:120px;}
@media screen and (max-width: 1024px) {
.page-product{margin-top:80px;}
}
.no-img::before{background:#858585;}
.pagination .pagination_block{display:flex;align-items:center;justify-content:center;overflow-x:auto;padding:5px 0;}
@media screen and (max-width: 1024px) {
.pagination .pagination_block{justify-content:flex-start;}
}
.pagination a,
.pagination .pagination_block > span{display:inline-block;box-shadow:0 0 0 2px #ccc;padding:10px 16px;border-radius:6px;margin:0 5px;transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;flex:0 0 auto;font-weight:600;}
.pagination a:hover{box-shadow:0 0 0 2px #000;background:#e4e4e4;}
.pagination .page-numbers{display:inline-block;}
.pagination .page-numbers.current{box-shadow:0 0 0 2px #000;}
.pagination .page-numbers.dots{display:inline-block;box-shadow:none;background:none;}
.phone-block{display:grid;gap:2px;}
.phone-block img{width:24px;height:24px;-o-object-fit:content;object-fit:content;}
.phone-block a{transition:all 0.2s ease-in-out;}
.phone-block a:hover{opacity:0.7;}
.phone-block.phone-big{font-size:1.5rem;}
.phone-block.phone-big img{width:28px;height:28px;}
.heading{display:inline-block;position:relative;font-weight:700;font-size:8vw;margin-bottom:20px;color:#BFBFBF;}
.heading span{opacity:0;}
.heading.after-none:after{width:0;-webkit-animation:widthNone 1s forwards;animation:widthNone 1s forwards;transition:all 0.3s ease-in-out;}
.heading.after-none span{opacity:1;transition:opacity 0.1s 0.4s ease-in-out;}
.heading::after{content:"";display:block;width:0;height:100%;background:#e3e3e3;position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
@media screen and (min-width: 1364px) {
.heading{font-size:6rem;}
}
@media screen and (min-width: 768px) {
.heading{transform:translateX(-20px);}
}
@media screen and (max-width: 768px) {
.heading{font-size:2.5rem;margin-bottom:6px;color:#9d9c9c;}
}
.first-container-info-heading span,
.first-container-info-heading-pre span{opacity:0;}
.first-container-info-heading.after-none:after,
.first-container-info-heading-pre.after-none:after{width:0;-webkit-animation:widthNone 1s forwards;animation:widthNone 1s forwards;transition:all 0.3s ease-in-out;}
.first-container-info-heading.after-none span,
.first-container-info-heading-pre.after-none span{opacity:1;transition:opacity 0.1s 0.4s ease-in-out;}
.first-container-info-heading::after,
.first-container-info-heading-pre::after{content:"";display:block;width:0;height:100%;background:#999999;position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
.first-container-info-heading-pre::after{background:#7a879a;}
body{overflow-x:hidden;}
body.no-scroll{overflow:hidden;height:100vh;}
.lib-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;height:auto;max-height:0;overflow:hidden;visibility:hidden;z-index:1000;}
@media screen and (max-width: 780px) {
.lib-modal{align-items:flex-end;}
}
.lib-modal[data-modal-open]{max-height:inherit;visibility:visible;transition:0.3s ease-in-out;}
.lib-modal[data-modal-open] .lib-modal__content{transform:scale(1);opacity:1;}
@media screen and (max-width: 780px) {
.lib-modal[data-modal-open] .lib-modal__content{transform:translateY(0);transition:0.2s ease-in-out;}
}
.lib-modal[data-modal-open=close] .lib-modal__content{transform:scale(0.8);opacity:0;}
@media screen and (max-width: 780px) {
.lib-modal[data-modal-open=open] .lib-modal__content{transition:none;position:fixed;bottom:0;transition:0.3s ease-in-out;}
.lib-modal[data-modal-open=close] .lib-modal__content{transform:translateY(100%);}
}
@media screen and (min-width: 781px) {
.lib-modal.modal-right{justify-content:flex-end;}
.lib-modal.modal-right .lib-modal-close{top:0;right:auto;left:-56px;}
.lib-modal.modal-right .lib-modal__content{display:flex;position:relative;margin:10px;padding:20px;height:100%;max-height:calc(100vh - 20px);align-content:center;box-sizing:border-box;}
}
.lib-modal .lib-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:1;transition:background-color 0.2s ease-in-out;}
.lib-modal .lib-modal-close{width:46px;height:46px;position:absolute;top:-15.3333333333px;right:-15.3333333333px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);border-radius:50%;color:#000;cursor:pointer;z-index:2;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 780px) {
.lib-modal .lib-modal-close{display:none;}
}
.lib-modal .lib-modal-close::before, .lib-modal .lib-modal-close::after{content:"";position:absolute;left:20%;width:60%;height:2px;background-color:currentColor;border-radius:30px;}
.lib-modal .lib-modal-close::before{transform:rotate(-135deg);top:50%;}
.lib-modal .lib-modal-close::after{transform:rotate(135deg);top:50%;}
.lib-modal .lib-modal-close:hover{background-color:#fafafa;color:#6A7A81;}
.lib-modal .lib-modal__content-header{padding-top:20px;}
@media screen and (max-width: 780px) {
.lib-modal .lib-modal__content-header{padding-top:0;}
}
.lib-modal .lib-modal__content-header-title{display:block;width:100%;font-size:28px;font-weight:600;text-align:center;}
@media screen and (max-width: 780px) {
.lib-modal .lib-modal__content-header-title{font-size:24px;}
}
.lib-modal .lib-modal__content{display:grid;grid-template-columns:1fr;position:relative;align-items:center;max-width:500px;width:100%;margin:30px;padding:0 20px 40px;border-radius:10px;background-color:#fff;transform:scale(0.8);opacity:0;transition:all 0.2s ease-in-out;z-index:2;}
@media screen and (max-width: 780px) {
.lib-modal .lib-modal__content{display:block;margin:0;margin-top:20px;max-height:90%;transform:translateY(100%);align-items:flex-start;}
}
.lib-modal .lib-modal__content-scroll{display:grid;gap:20px;width:100%;height:100%;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lib-modal.modal-right .lib-modal__content-scroll{max-height:inherit;}
@media screen and (max-width: 780px) {
.lib-modal.modal-right .lib-modal__content-scroll{max-height:70vh;padding-bottom:20px;}
}
.lib-modal .lib-modal__container{max-height:inherit;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
@media screen and (max-width: 780px) {
.lib-modal .lib-modal__container{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;}
}
.lib-modal .lib-modal__content-header-line{display:none;}
@media screen and (max-width: 780px) {
.lib-modal .lib-modal__content-header-line{display:flex;align-items:center;justify-content:center;padding:20px 0;}
.lib-modal .lib-modal__content-header-line::before{content:"";display:block;width:10%;height:5px;border-radius:10px;background-color:#444;}
}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;opacity:1;transition:0.2s;width:auto;height:auto;overflow:inherit;}
.lightbox.opacity_0{position:inherit;opacity:0;width:0;height:0;overflow:hidden;}
.lightbox.opacity_0 *{display:none;}
.lightbox_block{width:100vw;z-index:1;}
.lightbox_container{display:flex;flex-direction:column;align-items:center;}
.lightbox_body{display:flex;align-items:center;width:100%;max-height:90vh;}
.lightbox_body .swiper-wrapper{align-items:center;}
.lightbox_body .swiper-slide{display:flex;justify-content:center;}
.lightbox_body .swiper-slide img{max-height:70vh;max-width:90vw;}
.lightbox_body .swiper-slide iframe, .lightbox_body .swiper-slide video{display:block;height:500px;width:100%;max-height:70vh;max-width:900px;}
.lightbox_body .swiper-pagination{bottom:5vh;font-size:18px;font-weight:bold;color:#fff;}
.lightbox_bg{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(8, 23, 33, 0.8);cursor:zoom-out;}
.lightbox-button{position:absolute;width:60px;height:60px;z-index:1;cursor:pointer;}
.lightbox-button:hover{opacity:0.9;}
.lightbox-button.swiper-button-disabled{display:none;}
.lightbox-button_prev{transform:scale(-1);left:30px;}
.lightbox-button_next{right:30px;}
.no_scroll_lightbox{overflow:hidden;}
.burger_lightbox_container{width:100%;text-align:center;}
.burger_lightbox_circle{position:fixed;top:20px;right:20px;display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:100%;box-shadow:0px 2px 4px rgba(109, 119, 131, 0.3);background:#fff;cursor:pointer;}
.burger_lightbox_circle:hover .burger_lightbox{transform:rotate(135deg) translate(1px, -1px);transition:0.25s ease-in;}
.burger_lightbox{width:30px;height:30px;position:relative;transform:rotate(45deg);}
.burger_lightbox::before, .burger_lightbox::after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:30px;background:#000;}
.burger_lightbox--active::before{transform:rotate(90deg);top:50%;}
.burger_lightbox--active::after{top:50%;}
@media screen and (max-width: 780px) {
.lightbox_body .swiper-slide iframe, .lightbox_body .swiper-slide video{max-width:90vw;height:300px;}
.lightbox-button{width:45px;height:45px;}
.lightbox-button_next{right:14px;}
.lightbox-button_prev{left:14px;}
}
.modal_block_right,
.modal_block{display:flex;position:fixed;top:0;right:0;bottom:0;max-width:0px;left:0;transition:0.4s ease-in;overflow:hidden;z-index:99;}
.modal_block_right .modal_body,
.modal_block .modal_body{padding:0 30px;max-width:550px;width:100%;min-width:150px;height:100%;background:#fff;overflow-y:auto;overflow-x:hidden;transition:0.25s ease-in;}
.modal_block_right .heading,
.modal_block .heading{font-size:32px;font-weight:bold;text-align:center;margin-bottom:25px;}
.modal_block_right.modal_block_open,
.modal_block.modal_block_open{width:100vw;max-width:inherit;height:100vh;}
.modal_block_right.modal_block_open .modal_block_bg,
.modal_block.modal_block_open .modal_block_bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11, 13, 23, 0.5);opacity:1;z-index:1;transition:0.4s ease-in;cursor:zoom-out;}
.modal_block_right.modal_block_open .modal_block_bg:hover,
.modal_block.modal_block_open .modal_block_bg:hover{background:rgba(11, 13, 23, 0.3);}
.modal_block_right.modal_block_open .modal_container,
.modal_block.modal_block_open .modal_container{position:relative;margin:auto;z-index:2;}
.modal_block_right.modal_block_open form,
.modal_block.modal_block_open form{opacity:1;transform:translateY(0);}
.modal_block_right label,
.modal_block label{margin-bottom:20px;}
.modal_block.big .modal_container{max-width:1105px;}
.modal_block .modal_container{width:100%;max-width:550px;}
.modal_block .modal_body{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0;transform:translateY(50px) scale(0.4);background:none;max-width:initial;}
.modal_block .modal_block_close{opacity:0;border-radius:100px;}
.modal_block.modal_block_open .modal_block_close{top:0;right:inherit;opacity:1;transition:0.6s 0.4s;}
.modal_block.modal_block_open .modal_body{max-height:90vh;overflow:hidden;transform:translateY(0) scale(1);}
.modal_block.modal_block_open .modal_block_bg{transition:0.25s ease-in;}
.no_scroll{overflow:hidden;}
.modal_body_scroll{position:relative;margin-top:20px;padding:40px 30px 40px;background:#fff;border-radius:10px;max-width:1105px;width:100%;overflow-y:auto;}
.modal_block_right .modal_body{position:fixed;top:0;right:-340px;bottom:0;padding:30px;max-width:340px;}
.modal_block_right.modal_block_open{justify-content:flex-end;}
.modal_block_right.modal_block_open .modal_container{margin:0;}
.modal_block_right.modal_block_open .modal_body{right:0;}
.burger_circle{display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer;box-shadow:0px 2px 4px rgba(109, 119, 131, 0.3);}
.burger_circle:hover .burger_modal{transform:rotate(135deg) translate(1px, -1px);transition:0.25s ease-in;}
.burger_modal{width:30px;height:30px;position:relative;transform:rotate(45deg);}
.burger_modal::before, .burger_modal::after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:30px;}
.burger_modal--active::before{transform:rotate(90deg);top:50%;}
.burger_modal--active::after{top:50%;}
.modal_block_right .burger_circle{position:absolute;top:16px;right:16px;background-color:#2d2d2d;width:35px;height:35px;}
.modal_block_right .burger_modal{width:16px;height:16px;}
.modal_block_right .burger_modal::before, .modal_block_right .burger_modal::after{background-color:#fff;}
.modal_block .burger_circle{position:relative;background-color:#fff;width:50px;height:50px;flex:none;}
.modal_block .burger_modal{width:30px;height:30px;color:#000;}
.modal_block .burger_modal::before, .modal_block .burger_modal::after{background-color:#000;}
@media screen and (max-width: 768px) {
.modal_block{padding:0;padding-top:60px;}
.modal_block .modal_body{transform:translateY(100%);}
.modal_block.modal_block_open .modal_container{margin:auto auto 0;position:fixed;bottom:0;max-height:100vh;max-width:inherit;}
.modal_block.modal_block_open .modal_body{padding:0;transform:translateY(0);max-height:85vh;}
.modal_body_scroll{border-radius:30px 30px 0 0;}
}
#toast{position:fixed;bottom:5px;right:5px;max-width:300px;max-height:350px;display:flex;flex-flow:column;gap:10px;overflow:auto;z-index:1000;}
#toast div{position:relative;padding:10px 20px;padding-bottom:15px;color:#fff;border-radius:3px;font-size:14px;font-weight:500;}
#toast div:after{content:"";position:absolute;width:100%;height:5px;background:rgba(0, 0, 0, 0.5);bottom:0;left:0;-webkit-animation:WidthTimeOut 6s;animation:WidthTimeOut 6s;}
#toast .t-ok{background-color:#4caf50;}
#toast .t-error{background-color:#f44336;}
#toast .t-danger{background-color:#ff9800;color:#000;}
#toast .t-info{background-color:#03a9f4;}
@-webkit-keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
@keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
:root{--color:#E30613;--color2:#111213;--color3:#6A7A81;--color3:#E6E7E6;--color4:#F9A826;--color4:#189D02;--gradi:radial-gradient(100% 138.06% at 100% 100%, #DFAE31 0%, #E30613 48.96%, #9231DF 100%);--burger-height:18px;--burger-width:43px;--burger-line-height:3px;}
@media screen and (max-width: 768px) {
:root{--burger-height:16px;--burger-width:36px;}
}
@-webkit-keyframes swing {
0%{transform:rotate(0deg);}
10%{transform:rotate(5deg);}
30%{transform:rotate(-5deg);}
50%{transform:rotate(2deg);}
70%{transform:rotate(-2deg);}
100%{transform:rotate(0deg);}
}
@keyframes swing {
0%{transform:rotate(0deg);}
10%{transform:rotate(5deg);}
30%{transform:rotate(-5deg);}
50%{transform:rotate(2deg);}
70%{transform:rotate(-2deg);}
100%{transform:rotate(0deg);}
}
@-webkit-keyframes infinitiOpacityTransform {
0%{opacity:1;transform:translateY(0);}
50%{opacity:0;transform:translateY(5px);}
100%{opacity:1;transform:translateY(0);}
}
@keyframes infinitiOpacityTransform {
0%{opacity:1;transform:translateY(0);}
50%{opacity:0;transform:translateY(5px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes widthNone {
0%, 100%{width:0;}
50%{width:100%;}
}
@keyframes widthNone {
0%, 100%{width:0;}
50%{width:100%;}
}
html{box-sizing:border-box;}
*,
*::before,
*::after{box-sizing:inherit;-webkit-appearance:none;line-height:130%;font-feature-settings:"pnum" on, "lnum" on;}
body{overflow-anchor:none;font-family:"Montserrat", sans-serif, -apple-system, BlinkMacSystemFont;scroll-behavior:smooth;font-feature-settings:"pnum" on, "lnum" on;background-color:var(--color-bg);color:#000;}
input[type=text]::-ms-clear{display:none;width:0;height:0;}
input[type=text]::-ms-reveal{display:none;width:0;height:0;}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none;}
textarea, input, select, option{font-family:-apple-system, BlinkMacSystemFont, "Open Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;-webkit-appearance:none;}
img {
max-width: 100%;
} a{text-decoration:none;color:inherit;}
.site-container{overflow:hidden;}
.is-hidden{display:none !important;}
.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden;}
.btn-reset{border:none;padding:0;background:transparent;cursor:pointer;}
.list-reset{list-style-type:none;margin:0;padding:0;}
.js-focus-visible :focus:not(.focus-visible){outline:none;}
select{cursor:pointer;}
option{font-family:Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
td, th{padding:0;text-align:left;}
table{width:100%;color:#666;font-size:14px;background:#eaebec;border-collapse:separate;border-radius:3px;box-shadow:0 1px 2px #d1d1d1;}
th{font-weight:bold;padding:21px 25px 22px 25px;border-bottom:1px solid #e0e0e0;text-align:center;background:#ededed;}
th:first-child{text-align:left;padding-left:20px;}
tr:first-child th:first-child{border-top-left-radius:3px;}
tr:first-child th:last-child{border-top-right-radius:3px;}
tr{text-align:center;padding-left:20px;}
tr td:first-child{text-align:left;padding-left:20px;border-left:0;}
tr td{padding:18px;border-left:1px solid #e0e0e0;background:#e5e8ed;}
tr:nth-child(even) td{background:#f3f4fa;}
tr:last-child td{border-bottom:0;}
tr:last-child td:first-child{border-bottom-left-radius:3px;}
tr:last-child td:last-child{border-bottom-right-radius:3px;}
tr:hover td{background:#d8dbe1;}
.search-form{position:relative;display:flex;align-items:center;}
.search-form label{display:block;width:100%;}
.search-form label span{position:absolute;left:20px;top:0;bottom:0;display:flex;align-items:center;transition:all 0.1s ease-in-out;cursor:pointer;}
.search-form label span:hover{transform:scale(1.1);}
@media screen and (max-width: 768px) {
.search-form label span{left:14px;}
}
.search-form input{display:block;width:100%;border-radius:6px;padding:20px 180px 20px 70px;font-size:1.3rem;font-weight:500;transition:all 0.1s ease-in-out;background:#E6E7E6;}
@media screen and (max-width: 1024px) {
.search-form input{font-size:1.2rem;padding:16px 180px 16px 70px;}
}
@media screen and (max-width: 768px) {
.search-form input{font-size:1rem;padding:14px 120px 14px 44px;}
}
.search-form input:focus{outline:none;}
.search-form button{position:absolute;padding:9px 40px;right:20px;}
@media screen and (max-width: 1024px) {
.search-form button{right:10px;font-size:1.1rem;}
}
@media screen and (max-width: 768px) {
.search-form button{padding:7px 20px;font-size:1rem;}
}
body{background:#f4f4f4;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
@media screen and (max-width: 768px) {
body{padding-bottom:54px;}
}
h1,
.h1{font-weight:600;line-height:1.2;font-size:2.5rem;}
@media screen and (max-width: 768px) {
h1,
.h1{font-size:2rem;}
}
h2,
.h2{font-weight:600;line-height:1.2;font-size:1.9rem;}
@media screen and (max-width: 768px) {
h2,
.h2{font-size:1.7rem;}
}
h3,
.h3{font-weight:600;line-height:1.2;font-size:1.8rem;}
@media screen and (max-width: 768px) {
h3,
.h3{font-size:1.5rem;}
}
h4,
.h4{font-weight:600;line-height:1.2;font-size:1.6rem;}
@media screen and (max-width: 768px) {
h4,
.h4{font-size:1.3rem;}
}
input::-moz-placeholder{color:#858585;}
input::placeholder{color:#858585;}
.container-block{width:100%;max-width:1250px;padding-left:80px;padding-right:80px;margin-left:auto;margin-right:auto;margin-top:90px;}
@media screen and (max-width: 768px) {
.container-block{padding-left:15px;padding-right:15px;margin-top:60px;}
}
.first-container{padding-top:70px;}
.first-container .container-block{margin-top:0;}
@media screen and (max-width: 768px) {
.first-container{padding-top:56px;}
}
.first-container.no-padding{padding:0;}
.first-container-info{position:relative;z-index:1;}
@media screen and (max-width: 768px) {
.first-container-info{padding:7vh 0;}
}
.first-container-info div{position:relative;}
.first-container-block{display:grid;grid-template-columns:2fr 1fr;}
@media screen and (max-width: 1024px) {
.first-container-block{grid-template-columns:1fr;}
}
.first-container-img{position:absolute;top:50%;transform:translate(100%, -50%);right:-100%;height:100vh;max-height:777px;width:100%;max-width:100vw;z-index:-1;transition:all 0.6s 1s ease;}
.first-container-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 1024px) {
.first-container-img img{top:0;}
}
.first-container-img.animate-block{transform:translate(40%, -50%);right:0;}
@media screen and (min-width: 2200px) {
.first-container-img{transform:translateX(100%) translateY(-50%);right:-25%;}
.first-container-img.animate-block{transform:translateX(25%) translateY(-50%);}
}
@media screen and (max-width: 1363px) {
.first-container-img{transform:translateX(100%) translateY(-50%);}
.first-container-img.animate-block{transform:translateX(51%) translateY(-50%);}
}
@media screen and (max-width: 1024px) {
.first-container-img{transform:translateX(100%) translateY(-50%) rotate(-90deg);}
.first-container-img.animate-block{transform:translateX(65%) translateY(-50%) rotate(-90deg);}
}
@media screen and (max-width: 768px) {
.first-container-img{display:none;}
}
.first-container-info__buttons{display:grid;max-width:500px;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:48px;opacity:0;}
.first-container-info__buttons.animate-block{opacity:1;transition:all 0.5s 0.3s ease-in-out;}
@media screen and (max-width: 768px) {
.first-container-info__buttons{margin-top:30px;}
}
.first-container-info__buttons button{padding:14px 40px;}
.first-container-info__buttons input{padding:14px 40px;padding-left:14px;border-radius:5px;background:#CFCFCF;}
@media screen and (max-width: 500px) {
.first-container-info__buttons{max-width:100%;grid-template-columns:1fr;}
}
.burger{width:var(--burger-width);height:var(--burger-height);position:relative;color:#000;cursor:pointer;}
.burger__line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:var(--burger-line-height);background-color:currentColor;transition:transform 0.2s ease-in-out;border-radius:30px;}
.burger::before, .burger::after{content:"";position:absolute;left:0;width:100%;height:var(--burger-line-height);background-color:currentColor;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;border-radius:30px;}
.burger::before{top:0;}
.burger::after{top:calc(100% - var(--burger-line-height));}
@media screen and (min-width: 1201px) {
.burger:hover::before{top:25%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger:hover .burger__line{transform:scale(0);transition:transform 0.2s ease-in-out;}
.burger:hover::after{top:75%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
}
.burger--no-active:hover::before, .burger--no-active:hover::after{left:0;}
.burger--no-active:hover::before{top:0;}
.burger--no-active:hover::after{top:calc(100% - var(--burger-line-height));}
.burger--no-active:hover .burger__line{opacity:1;transform:translateY(-50%);}
.burger--active .burger__line{transform:scale(0);transition:transform 0.2s ease-in-out;}
.burger--active::before{transform:rotate(-135deg);top:50%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger--active::after{transform:rotate(135deg);top:50%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger--active:hover::before{transform:rotate(-135deg);top:50%;}
.burger--active:hover::after{transform:rotate(135deg);top:50%;}
@media screen and (min-width: 768px) {
.no-mobile{display:none !important;}
}
@media screen and (max-width: 1024px) {
.ipad{display:none !important;}
}
@media screen and (max-width: 768px) {
.mobile{display:none !important;}
}
.d-none{display:none !important;}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background-color:#E30613;color:#fff;border-radius:6px;padding:10px;font-size:18px;font-weight:600;transition:all 0.1s ease-in-out;white-space:nowrap;cursor:pointer;}
.btn:hover{background-color:#c00510;}
.btn.btn-big{font-size:24px;padding:20px 60px;}
.btn.btn-small{font-size:14px;padding:5px 20px;}
.btn.btn-gray{background:#DADADA;color:#000;}
.btn.btn-gray:hover{background:#C4C4C4;}
.btn.btn-black{background:#000;}
.btn.btn-black:hover{background:#2d2d2d;}
.btn.btn-border{padding:12px 30px;box-shadow:0 0 0 2.5px #C4C4C4;background:#c4c4c400;color:#858585;transition:all 0.3s ease-in-out;}
.btn.btn-border:hover{box-shadow:0 0 0 2.5px #4d4d4d;color:#000;background:rgba(0, 0, 0, 0.1);}
@media screen and (max-width: 768px) {
.btn.btn-border{width:100%;padding:10px;}
}
#header{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(244, 244, 244, 0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;}
@media screen and (max-width: 768px) {
#header{height:56px;padding:0 14px;}
}
#header.header--active{background:#fff;}
.logo{width:150px;height:40px;}
@media screen and (max-width: 768px) {
.logo{width:140px;}
}
.logo img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;}
.header-right__items{margin-right:100px;}
@media screen and (max-width: 1024px) {
.header-right__items{margin-right:50px;}
}
a.logo{transition:all 0.1s ease-in-out;cursor:pointer;}
a.logo:hover{transform:scale(1.05);}
.menu:hover span{transform:scale(1.1);}
.menu span{transition:all 0.1s ease-in-out;}
.order-a-call{grid-template-columns:16px 1fr;}
.order-a-call:hover{opacity:0.6;}
.order-a-call:hover span::before{width:0;left:auto;right:0;}
.order-a-call span::before{content:"";position:absolute;left:0;bottom:2px;height:1px;width:100%;background-color:#000;transition:all 0.4s ease-in-out;}
.header-right__item{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:left;grid-gap:10px;transition:all 0.1s ease-in-out;cursor:pointer;}
.header-right__item a{white-space:nowrap;transition:all 0.1s ease-in-out;}
.header-right__item a:hover{opacity:0.6;}
.header-right__item img{width:21px;height:21px;-o-object-fit:contain;object-fit:contain;}
.header-right__item span{position:relative;font-size:18px;font-weight:600;transition:all 0.1s ease-in-out;}
.header-right__item .order-a-call img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;}
.header-right__item.phone-big img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;}
.header-right__item.phone-big span{font-size:24px;}
.modal-list-menu{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-rows:140px;grid-gap:20px;}
@media screen and (max-width: 1363px) {
.modal-list-menu{grid-template-columns:repeat(6, minmax(0, 1fr));}
}
@media screen and (max-width: 1024px) {
.modal-list-menu{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media screen and (max-width: 768px) {
.modal-list-menu{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:120px;grid-gap:14px;}
}
.modal-list-menu__item{position:relative;transition:cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;}
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
@media screen and (max-width: 1363px) {
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
.modal-list-menu__item:last-child{grid-column-start:4;grid-column-end:7;}
.modal-list-menu__item:last-child span{font-size:21px;}
}
@media screen and (max-width: 1024px) {
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
.modal-list-menu__item:last-child{grid-column-start:inherit;grid-column-end:inherit;}
.modal-list-menu__item:last-child span{font-size:inherit;}
}
.modal-list-menu__item span{display:block;position:relative;font-size:16px;font-weight:bold;color:#fff;margin:10px 12px;z-index:2;}
.modal-list-menu__item:hover{transform:scale(0.95);}
.modal-list-menu__item:hover .modal-list-menu-bg:before{background:rgba(158, 152, 152, 0.2);}
.modal-list-menu__item:hover .modal-list-menu-bg:after{left:calc(100% - 60px);}
.modal-list-menu-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:5px;cursor:pointer;}
.modal-list-menu-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;transition:all 0.2s ease-in-out;}
.modal-list-menu-bg::after{content:"";position:absolute;top:calc(100% - 50px);left:calc(100% - 70px);right:0;bottom:0;background:url(//petarda.by/wp-content/uploads/2022/10/arrow-link.svg) no-repeat center;z-index:2;transition:all 0.4s ease-in-out;}
.modal-list-menu-bg img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;}
.menu-list__items a{display:block;margin-top:8px;font-size:14px;color:#6A7A81;}
.menu-list__items a:hover{color:#111213;text-decoration:underline;}
#menu-modal{position:fixed;right:0;top:70px;bottom:0;overflow:hidden;width:0;height:100vh;z-index:99;background:#fff;transition:width 0.5s 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);}
#menu-modal .modal__menu{opacity:0;transform:translateY(100px);transition:all 0.2s ease-in-out;}
#menu-modal.modal--open{width:100vw;transition:width 0.4s ease-out;}
#menu-modal.modal--open .modal__menu{opacity:1;height:100%;transform:translateY(0);overflow-y:auto;transition:all 0.4s 0.3s ease-out;}
@media screen and (max-width: 768px) {
#menu-modal{top:50px;transition:none;}
#menu-modal .modal__menu{transition:all 0.3s ease-out;}
#menu-modal.modal--open{transition:none;}
#menu-modal.modal--open .modal__menu{transition:all 0.3s ease-out;}
}
.modal__content{height:calc(100% - 70px);}
@media screen and (max-width: 768px) {
.modal__content{height:calc(100% - 50px);padding-bottom:50px;}
}
.menu-button{display:grid;gap:5px;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:8;}
@media screen and (max-width: 768px) {
.menu-button{height:54px;top:auto;bottom:0;right:0;transform:translateY(0);display:grid;gap:0;grid-template-columns:repeat(4, 1fr);box-shadow:0 0 5px #6d77834d;}
}
.menu-button > div, .menu-button > a{opacity:0;transform:scale(0.6);transition:all 0.3s ease-in-out;}
@media screen and (max-width: 768px) {
.menu-button > div, .menu-button > a{opacity:1;transform:scale(1);}
}
.menu-button__item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px;position:relative;display:flex;align-items:center;background-color:#111213;border-radius:0 6px 6px 0;transition:all 0.3s ease-in-out;cursor:pointer;}
@media screen and (max-width: 768px) {
.menu-button__item{padding:6px;}
}
.menu-button__item:hover{background:#35383b;}
.menu-button__item:hover span{opacity:1;transform:scale(1);max-width:100%;}
.menu-button__item img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;filter:invert(1) brightness(2);}
@media screen and (max-width: 768px) {
.menu-button__item img{width:24px;height:24px;filter:invert(0) brightness(1);}
}
.menu-button__item.red{background:#E30613;}
.menu-button__item.red:hover{background:#c00510;}
.menu-button__item.red img{filter:invert(0) brightness(1);}
.menu-button__item.red small{color:#fff;background:#111213;}
.menu-button__item span{color:#fff;width:100%;max-width:0;overflow:hidden;opacity:0;transform:scale(0.7);margin-left:4px;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out, max-width 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.menu-button__item span{display:block;width:100%;font-size:12px;text-align:center;visibility:visible;color:#111213;}
}
.menu-button__item small{position:absolute;top:0;right:0;padding:3px;background:#fff;color:#111213;font-weight:700;font-size:15px;line-height:100%;border-radius:0px 5px 3px 3px;}
@media screen and (max-width: 768px) {
.menu-button__item small{font-size:13px;}
}
@media screen and (max-width: 768px) {
.menu-button__item{border-radius:0;width:100%;display:grid;justify-items:center;justify-content:center;background:#f4f4f4;padding:8px;}
.menu-button__item:hover{background:#fff;}
.menu-button__item.red span{color:#fff;}
.menu-button__item span{display:flex !important;text-align:center;overflow:visible;opacity:1;transform:scale(1);max-width:100%;font-weight:600;}
.menu-button__item small{color:#fff;background:#111213;padding:4px;border-radius:5px;}
}
.price-content{display:flex;margin-top:5px;}
@media screen and (max-width: 1024px) {
.price-content{margin-top:0;}
}
.price-content .price-content__price-old{position:relative;color:#6A7A81;margin-left:4px;font-size:1rem;font-weight:bold;}
.price-content .price-content__price-old:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-10deg);width:100%;height:2px;background:#E30613;}
.price-content .price-content__price{font-weight:bold;font-size:1.3rem;}
.slider-block .swiper-button{opacity:0;pointer-events:none;}
.slider-block:hover .swiper-button{opacity:1;pointer-events:visible;}
.slider-block:hover .swiper-button.swiper-button-disabled{opacity:0;pointer-events:none;}
@media screen and (max-width: 768px) {
.slider-block:hover .swiper-button{opacity:0;pointer-events:none;}
}
.swiper-button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:56px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;box-shadow:0 0 3px rgba(79, 87, 100, 0.7);}
.swiper-button:hover{box-shadow:0 0 10px #727e91;transform:scale(1.1) translateY(-50%);}
.swiper-button.swiper-button-prev{left:0;}
.swiper-button.swiper-button-next{right:0;}
.swiper-button.swiper-button-disabled{opacity:0;pointer-events:none;}
.box-color{display:inline-block;width:26px;height:26px;box-shadow:inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);border-radius:5px;vertical-align:middle;}
.box-color.box-small{width:12px;height:12px;}
.cart-item__img-box:hover{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.products-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.products-container{grid-template-columns:repeat(3, 1fr);gap:10px;}
}
@media screen and (max-width: 768px) {
.products-container{grid-template-columns:repeat(2, 1fr);}
}
.product{display:grid;grid-template-rows:250px 1fr;align-items:stretch;padding:7px;background:#FFFFFF;border-radius:10px;transition:all 0.4s ease-in-out;}
@media screen and (max-width: 1363px) {
.product{grid-template-rows:200px 1fr;}
}
@media screen and (max-width: 768px) {
.product{grid-template-rows:150px 1fr;}
}
.product .sales{display:grid;gap:3px;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;}
.product .product-info{margin-top:6px;display:grid;gap:4px;grid-template-rows:auto 1fr auto auto 40px;}
@media screen and (max-width: 768px) {
.product .product-info{grid-template-rows:auto 1fr auto auto 34px;}
}
.product .product-img{display:flex;align-items:center;position:relative;}
.product .product-img .hover-video{display:flex;align-items:stretch;width:100%;height:100%;overflow:hidden;border-radius:5px;background:#fff;cursor:pointer;}
.product .product-img .hover-video.active{background:url(//petarda.by/wp-content/uploads/2022/10/loader.svg) no-repeat center center/36px, #fff;}
.product .product-img .hover-video-youtube{cursor:pointer;}
.product .product-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:5px;}
.product .product-img iframe{width:100%;height:100%;border-radius:5px;cursor:pointer;}
.product .product-img:hover img{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.product .product-info__title{font-weight:600;font-size:1.2rem;transition:0.2s ease-in-out;}
.product .product-info__title:hover{opacity:0.7;}
@media screen and (max-width: 1363px) {
.product .product-info__title{font-size:1rem;}
}
.product .product-info__text{font-size:0.8rem;color:#404040;}
.product .product-info__text b{font-weight:500;color:#111213;}
@media screen and (max-width: 768px) {
.product .product-info__text{font-size:0.7rem;font-weight:600;color:#747474;}
.product .product-info__text b{font-weight:600;}
}
.product .product-info__buttons{display:grid;grid-template-columns:1fr 38px;gap:5px;}
@media screen and (max-width: 768px) {
.product .product-info__buttons{grid-template-columns:1fr 34px;}
}
.product .product-info__buttons button img{width:20px;transition:0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.product .product-info__buttons button img{width:18px;}
}
.product .product-info__buttons button[data-favorite-btn]:hover img{filter:brightness(0.4);}
.product .btn{display:flex;align-items:center;justify-content:center;padding:8px;font-size:15px;}
@media screen and (max-width: 768px) {
.product .btn{font-size:14px;padding:6px;}
}
@media screen and (max-width: 1100px) {
.product .price-content{display:flex;flex-direction:column-reverse;}
.product .price-content__price-old-block{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.product .price-content__price-old{margin-left:0;}
}
@media screen and (max-width: 1024px) {
.product .price-content__price{font-size:18px;}
}
@media screen and (max-width: 1024px) {
.product .price-content__price-old{font-size:14px;}
}
.sales_block{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;font-size:0.8rem;font-weight:700;color:#fff;background:#E30613;padding:5px 10px;border-radius:5px;}
@media screen and (max-width: 768px) {
.sales_block{font-size:0.7rem;padding:4px 8px;}
}
.sales__category{color:#000;background:#F9A826;}
.product-availability{margin-top:6px;font-weight:600;font-size:0.8rem;color:#189D02;}
.product-availability.no-availability{color:#E30613;}
@media screen and (max-width: 1024px) {
.product-availability{margin-top:0;font-size:0.7rem;}
}
.review{display:grid;grid-template-rows:auto 1fr auto;gap:15px;padding:10px;background:#E6E7E6;border-radius:6px;}
.review-title{display:flex;justify-content:space-between;align-items:flex-start;}
.review-title a{font-size:1.1rem;font-weight:600;transition:all 0.2s ease-in-out;}
.review-title a:hover{opacity:0.6;}
.review-title img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;}
.review-content{font-size:0.9rem;color:#828282;}
.review-content .review-content-all{display:block;margin-top:10px;font-size:0.8rem;font-weight:500;text-decoration:underline;}
.review-content .review-content-all:hover{color:#000;}
.review-footer{display:flex;justify-content:space-between;align-items:flex-end;}
.review-footer small{font-size:0.8rem;color:#000;font-weight:600;}
.review-footer a img{transition:all 0.2s ease-in-out;}
.review-footer a:hover img{transform:translateX(3px);}
.heading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.heading-header .heading{margin-bottom:0;}
.arrows-slider{display:inline-grid;grid-template-columns:auto auto;gap:6px;flex:none;}
.arrow-slider{transition:all 0.2s ease-in-out;opacity:1;cursor:pointer;}
.arrow-slider.swiper-button-disabled{opacity:0;visibility:hidden;cursor:default;}
.arrow-slider:hover{transform:scale(1.1);}
.cart-modal__product-colors-item{width:36px;height:36px;border-radius:10px;margin-right:5px;margin-bottom:5px;transition:all 0.2s ease-in-out;box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.4);cursor:pointer;}
.cart-modal__product-colors-item:hover{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.8);}
.cart-modal__product-colors-item.active{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.8);transform:scale(0.9);}
.cart-modal__product-colors-item.active:hover{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.4);}
.cart-modal__product-colors-list{display:flex;align-items:center;flex-wrap:wrap;}
.block-col-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.block-col-4{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
.block-col-4{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.block-col-4{grid-template-columns:1fr;}
}
.block-col-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
@media screen and (max-width: 768px) {
.block-col-3{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.block-col-3{grid-template-columns:1fr;}
}
.work{display:block;border-radius:6px;background:#fff;height:100%;cursor:pointer;transition:all 0.2s ease-in-out;}
.work:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);transform:translateY(-5px);}
.work:hover .work-img img{transform:scale(1.1);}
.work-title{padding:10px;display:grid;grid-template-columns:1fr auto;font-size:1.1rem;font-weight:600;margin-bottom:10px;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.work-title{font-size:1rem;}
}
.work-title img{width:45px;height:28px;transition:all 0.2s ease-in-out;}
.work-title img:hover{transform:translateX(3px);}
.work-img{width:100%;height:175px;border-radius:6px;overflow:hidden;}
@media screen and (max-width: 768px) {
.work-img{height:160px;}
}
.work-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all 0.2s ease-in-out;}
.contacts-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media screen and (max-width: 768px) {
.contacts-block{grid-template-columns:1fr;}
}
.links-btn-row{display:flex;flex-wrap:wrap;}
.link-btn{display:flex;align-items:flex-end;align-self:stretch;margin-bottom:10px;min-height:90px;padding:10px;background:#FFFFFF;border-radius:6px;margin-right:10px;transition:all 0.2s ease-in-out;font-weight:600;cursor:pointer;}
.link-btn span{height:100%;margin-right:10px;}
.link-btn:hover{transform:scale(0.95);}
.link-btn.no-arrow{padding:10px 20px;min-height:auto;align-items:center;}
.link-btn.no-arrow span{height:auto;font-size:0.9rem;}
.link-btn.no-arrow img{width:30px;}
.contacts-img{display:flex;align-items:center;height:100%;}
.contacts-img img{width:100%;height:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 768px) {
.contacts-img img{width:auto;}
}
.map{height:400px;width:100%;overflow:hidden;border-radius:20px;}
.text-block{margin-top:120px;}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.text-block .h1,
.text-block .h2,
.text-block .h3,
.text-block .h4,
.text-block .h5,
.text-block .h6{margin-top:1rem;margin-bottom:1rem;}
.text-block p,
.text-block b,
.text-block strong,
.text-block i,
.text-block em,
.text-block small,
.text-block mark,
.text-block del,
.text-block ins,
.text-block sub,
.text-block sup{line-height:1.3;margin:20px 0;color:#404040;}
.text-block a{color:#E30613;font-weight:500;}
.text-block a:hover{text-decoration:underline;}
.text-block ul,
.text-block ol{margin:20px 0;padding-left:20px;list-style:inherit;}
.text-block ol{list-style:auto;}
.text-block li{margin:10px 0;}
@media screen and (max-width: 768px) {
.text-block{margin-top:60px;}
}
#footer{position:relative;padding-bottom:60px;}
.footer-list{margin-bottom:40px;}
.footer-list li{position:relative;margin-bottom:10px;font-weight:600;}
.footer-list a{display:flex;align-items:center;color:#6A7A81;font-weight:500;transition:all 0.2s ease-in-out;}
.footer-list a:hover{color:#0e1011;}
.footer-img{position:absolute;right:0;bottom:0;width:450px;z-index:-1;}
@media screen and (max-width: 1024px) {
.footer-img{display:none;}
}
.footer-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.footer-container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;z-index:1;}
@media screen and (max-width: 768px) {
.footer-container{grid-template-columns:1fr;}
}
#copyright{margin-top:40px;font-size:0.8rem;color:#6A7A81;max-width:700px;}
.shop-products-block{margin-top:40px;grid-area:products;}
.shop-container{display:grid;grid-template-columns:1fr 260px;gap:20px;grid-template-areas:"products sidebar";}
@media screen and (max-width: 1363px) {
.shop-container{grid-template-columns:1fr 240px;}
}
@media screen and (max-width: 1024px) {
.shop-container{display:block;grid-template-columns:1fr;}
}
.shop-container .products-container{grid-template-columns:1fr 1fr 1fr;}
@media screen and (max-width: 768px) {
.shop-container .products-container{grid-template-columns:1fr 1fr;}
}
.shop-container-header{background:radial-gradient(100.68% 139.64% at -0.68% 0%, #DFAE31 0%, #E30613 48.96%, #9231DF 100%);color:#fff;}
.shop-container-header .container-block{margin-top:0;padding-top:120px;padding-bottom:40px;opacity:0;}
@media screen and (max-width: 1024px) {
.shop-container-header .container-block{padding-top:100px;padding-bottom:30px;}
}
.breadcrumbs{display:flex;align-items:center;font-size:1rem;font-weight:600;overflow-x:auto;}
.breadcrumbs span > span{opacity:0.8;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs a,
.breadcrumbs span{flex:0 0 auto;}
.breadcrumbs .dot{margin:0 10px;height:5px;width:5px;background-color:#fff;border-radius:100%;}
.breadcrumbs-black .dot{background:#000;}
.sidebar{position:relative;grid-area:sidebar;}
@media screen and (max-width: 1024px) {
.sidebar{margin-bottom:20px;}
}
.sidebar .sidebar-block{background:#fff;display:block;width:100%;padding:20px;border-radius:10px;}
.sidebar .sidebar-block a,
.sidebar .sidebar-block span{display:block;margin-right:10px;font-size:1rem;font-weight:500;transition:all 0.2s ease-in-out;}
.sidebar .sidebar-block a:hover,
.sidebar .sidebar-block span:hover{color:#E30613;}
.sidebar .sidebar-block a.active,
.sidebar .sidebar-block span.active{color:#E30613;}
.sidebar .sidebar-block a.active:hover,
.sidebar .sidebar-block span.active:hover{color:#80030b;}
@media screen and (max-width: 1024px) {
.sidebar .sidebar-block a,
.sidebar .sidebar-block span{padding:10px;font-weight:600;background:#f2f2f2;border-radius:5px;flex:0 0 auto;}
.sidebar .sidebar-block a.active,
.sidebar .sidebar-block span.active{color:#fff;background:#E30613;}
.sidebar .sidebar-block a.active:hover,
.sidebar .sidebar-block span.active:hover{color:#fff;background:#ca0511;}
}
.sidebar .sidebar-block span.active:hover{color:#E30613;}
.sidebar nav{display:grid;gap:10px;}
.sidebar .sidebar-tags{margin-top:20px;}
.sidebar .sidebar-tags nav{display:flex;flex-wrap:wrap;gap:inherit;}
.sidebar .sidebar-tags a{display:flex;flex:0 0 auto;padding:7px 12px;margin:2px;border-radius:5px;background:#F2F2F2;font-size:0.8rem;font-weight:600;color:#000;transition:all 0.2s ease-in-out;}
.sidebar .sidebar-tags a:hover{background:#d9d9d9;color:#000;}
.sidebar .sidebar-tags__title{font-size:1.2rem;font-weight:600;margin-bottom:10px;}
.viewed-products{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.viewed-products{grid-template-columns:repeat(4, 1fr);}
}
@media screen and (max-width: 768px) {
.viewed-products{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 500px) {
.viewed-products{grid-template-columns:repeat(2, 1fr);}
}
.viewed-products__item{transition:all 0.3s ease-in-out;}
.viewed-products__item:hover .viewed-products__item-img{-webkit-animation:swing 0.5s ease-in-out;animation:swing 0.5s ease-in-out;}
.viewed-products__item:hover .viewed-products__item-title{opacity:0.7;}
.viewed-products__item-img{position:relative;overflow:hidden;border-radius:10px;transition:all 0.2s ease-in-out;}
.viewed-products__item-title{font-size:1rem;font-weight:600;margin-top:10px;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.viewed-products__item-title{font-size:0.9rem;}
}
.blog-container{margin-top:40px;}
.blog-block{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.blog-block{grid-template-columns:repeat(3, 1fr);gap:14px;}
.blog-block .blog-post{min-height:120px;}
.blog-block .blog-post-title{font-size:1rem;}
}
@media screen and (max-width: 768px) {
.blog-block{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.blog-block{grid-template-columns:repeat(1, 1fr);}
}
.blog-post{padding:10px;padding-bottom:40px;position:relative;border-radius:6px;min-height:140px;overflow:hidden;}
.blog-post small{font-size:0.8rem;font-weight:600;}
.blog-post .arrow-link{width:45px;height:28px;-o-object-fit:contain;object-fit:contain;}
.blog-post.blog-post-no-bg .blog-post-title,
.blog-post.blog-post-no-bg .blog-post-footer{color:#000;}
.blog-post.blog-post-no-bg .blog-post-bg::before{background:#c4c4c4;}
.blog-post.blog-post-no-bg:hover .blog-post-bg::before{background:#ababab;}
.blog-post:hover .blog-post-bg{transform:scale(1.15);}
.blog-post-title{position:relative;font-weight:600;font-size:1.2rem;color:#FFFFFF;margin-bottom:30px;z-index:1;}
.blog-post-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;transition:all 0.2s ease-in-out;}
.blog-post-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.blog-post-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;transition:all 0.2s ease-in-out;}
.blog-post-footer{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:1;}
.reviews-header{margin-bottom:60px;}
@media screen and (max-width: 768px) {
.reviews-header .heading{font-size:1.8rem;margin:20px 0;}
}
.reviews-center{display:grid;grid-template-columns:1fr;gap:5px;justify-items:center;}
@media screen and (max-width: 1024px) {
.reviews-center{justify-items:flex-start;}
}
.reviews-center h1{text-align:center;}
@media screen and (max-width: 1024px) {
.reviews-center h1{text-align:left;}
}
@media screen and (max-width: 768px) {
.reviews-center h1{font-size:1.8rem;margin:10px 0;}
}
.reviews-center .h4{font-size:1.2rem;font-weight:600;margin-bottom:20px;}
@media screen and (max-width: 1024px) {
.reviews-center .h4{text-align:left;}
}
.reviews-center .breadcrumbs .dot{background:#000;}
.reviews-block{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.reviews-block{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
.reviews-block{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.reviews-block{grid-template-columns:repeat(1, 1fr);}
}
.reviews-check{display:flex;}
.reviews-check label{margin-left:3px;margin-right:5px;position:relative;cursor:pointer;}
.reviews-check label span{display:flex;align-items:center;justify-content:center;padding:9px;border-radius:5px;transition:all 0.2s ease-in-out;}
.reviews-check label img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;}
.reviews-check label input{opacity:0;width:0;height:0;position:absolute;top:0;left:0;}
.reviews-check label input:checked + span{color:#fff;box-shadow:0 0 0 2px #404040;}
.reviews-check label:hover span{transform:scale(0.9);}
.reviews-check .green span{background:#48DF22;}
.reviews-check .green-lite span{background:#8CDF22;}
.reviews-check .yellow span{background:#F9A826;}
.reviews-check .orange span{background:#FD4D02;}
.reviews-check .red span{background:#EA4949;}
.text-page-head .btn{padding:10px 20px;margin:2px;margin-bottom:40px;}
@media screen and (max-width: 768px) {
.text-page-head .btn{width:inherit;}
}
.text-page-head .btn svg{stroke:#858585;margin-right:5px;transition:all 0.2s ease-in-out;}
.text-page-head .btn:hover svg{stroke:#000;}
.text-page-head .btn span{vertical-align:middle;}
.text-page-head .breadcrumbs{margin-bottom:20px;}
.product-page{display:grid;grid-template-columns:1fr 1.7fr;gap:20px;margin-top:25px;}
@media screen and (max-width: 1024px) {
.product-page{grid-template-columns:1fr 1.3fr;}
}
@media screen and (max-width: 650px) {
.product-page{grid-template-columns:1fr;}
}
.product-page .gallery{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;gap:20px;}
.product-page .gallery .gallery-item:first-child{grid-column-start:1;grid-column-end:4;}
.product-page .gallery-item{position:relative;width:100%;height:100%;transition:all 0.2s ease-in-out;overflow:hidden;border-radius:10px;cursor:pointer;}
.product-page .gallery-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.product-page .gallery-item:hover{transform:scale(0.95);}
.product-page .open-modalbox-item{opacity:0;transform:scale(0.6);}
.product-page-block{display:flex;justify-content:space-between;padding:20px;margin-bottom:20px;margin-top:20px;background:#fff;border-radius:10px;}
@media screen and (max-width: 1024px) {
.product-page-block{flex-direction:column;}
.product-page-block .product-page-block__cart-button .btn{justify-content:center;}
}
.product-page-container .sales{display:flex;}
.product-page-container .sales > div{margin-right:5px;}
.product-page-container .sales > div:last-child{margin-right:0;}
.product-page-container .product-availability{font-size:0.9rem;margin:0;}
.product-page-block .price-content,
.product-kit-block .price-content{display:grid;grid-template-columns:1fr;margin:0;}
.product-page-block .price-content .price-content__price,
.product-kit-block .price-content .price-content__price{font-size:1.8rem;white-space:nowrap;}
.product-page-block .price-content .price-content__price-old-block,
.product-kit-block .price-content .price-content__price-old-block{display:flex;}
.product-page-block .price-content .price-content__price-old,
.product-kit-block .price-content .price-content__price-old{font-size:1.35rem;white-space:nowrap;margin-left:0;}
.lib-modal__content-footer-btn{justify-content:center;}
.product-page-block__info{margin-top:40px;}
.product-page-block__info-text{color:#5b5b5b;font-weight:500;}
.product-page-block__info-text .box-color{vertical-align:bottom;}
.product-page-block__info-text b{font-weight:600;color:#1b1b1b;}
.product-page-block__cart-button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch;}
.product-page-block__cart-btn{display:flex;flex-direction:column;justify-content:center;height:100%;}
.product-page-block-video__item{position:relative;width:100%;height:120px;overflow:hidden;border-radius:10px;cursor:pointer;}
.product-page-block-video__item:hover span img{transform:scale(1.2);}
.product-page-block-video__item > img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.product-page-block-video__item span{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.product-page-block-video__item span img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 1024px) {
.product-page-block__cart{margin-top:20px;}
}
.products-kit-block{display:flex;align-items:flex-start;margin-top:20px;}
@media screen and (max-width: 865px) {
.products-kit-block{align-items:center;flex-direction:column;}
}
.product-kit-plus,
.product-kit-equally{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8rem;padding:20px;}
@media screen and (max-width: 1363px) {
.product-kit-plus,
.product-kit-equally{font-size:6rem;padding:10px;}
}
@media screen and (max-width: 1024px) {
.product-kit-plus,
.product-kit-equally{font-size:4rem;padding:0 10px;line-height:100%;}
}
@media screen and (max-width: 865px) {
.product-kit-plus,
.product-kit-equally{padding:5px;}
}
.products-kit{display:flex;align-self:flex-start;}
@media screen and (max-width: 865px) {
.products-kit{width:100%;justify-content:center;}
}
.products-kit .product-kit{width:auto;height:100%;margin-right:20px;}
@media screen and (max-width: 1024px) {
.products-kit .product-kit{margin-right:10px;}
}
.products-kit .product-kit:last-child{margin-right:0;}
@media screen and (max-width: 865px) {
.product-kit{width:100%;display:grid;justify-items:center;}
}
.product-kit .product-kit-products__item-title{margin-top:10px;font-size:1rem;font-weight:600;}
.product-kit .product-kit-products__item-img{width:100%;max-width:200px;height:100%;max-height:200px;border-radius:10px;overflow:hidden;}
@media screen and (max-width: 768px) {
.product-kit .product-kit-products__item-img{max-width:150px;max-height:150px;}
}
.product-kit .product-kit-products__item-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
a.product-kit:hover .product-kit-products__item-img{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.product-kit-block{display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:10px;padding:20px;}
@media screen and (max-width: 1024px) {
.product-kit-block{padding:10px;}
.product-kit-block .price-content .price-content__price{font-size:1.5rem;white-space:nowrap;}
.product-kit-block .price-content .price-content__price-old-block{font-size:1.35rem;}
}
@media screen and (max-width: 865px) {
.product-kit-container .h3{text-align:center;margin-bottom:30px;}
}
.page-product{margin-top:120px;}
@media screen and (max-width: 1024px) {
.page-product{margin-top:80px;}
}
.no-img::before{background:#858585;}
.pagination .pagination_block{display:flex;align-items:center;justify-content:center;overflow-x:auto;padding:5px 0;}
@media screen and (max-width: 1024px) {
.pagination .pagination_block{justify-content:flex-start;}
}
.pagination a,
.pagination .pagination_block > span{display:inline-block;box-shadow:0 0 0 2px #ccc;padding:10px 16px;border-radius:6px;margin:0 5px;transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;flex:0 0 auto;font-weight:600;}
.pagination a:hover{box-shadow:0 0 0 2px #000;background:#e4e4e4;}
.pagination .page-numbers{display:inline-block;}
.pagination .page-numbers.current{box-shadow:0 0 0 2px #000;}
.pagination .page-numbers.dots{display:inline-block;box-shadow:none;background:none;}
.phone-block{display:grid;gap:2px;}
.phone-block img{width:24px;height:24px;-o-object-fit:content;object-fit:content;}
.phone-block a{transition:all 0.2s ease-in-out;}
.phone-block a:hover{opacity:0.7;}
.phone-block.phone-big{font-size:1.5rem;}
.phone-block.phone-big img{width:28px;height:28px;}
.heading{display:inline-block;position:relative;font-weight:700;font-size:8vw;margin-bottom:20px;color:#BFBFBF;}
.heading span{opacity:0;}
.heading.after-none:after{width:0;-webkit-animation:widthNone 1s forwards;animation:widthNone 1s forwards;transition:all 0.3s ease-in-out;}
.heading.after-none span{opacity:1;transition:opacity 0.1s 0.4s ease-in-out;}
.heading::after{content:"";display:block;width:0;height:100%;background:#e3e3e3;position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
@media screen and (min-width: 1364px) {
.heading{font-size:6rem;}
}
@media screen and (min-width: 768px) {
.heading{transform:translateX(-20px);}
}
@media screen and (max-width: 768px) {
.heading{font-size:2.5rem;margin-bottom:6px;color:#9d9c9c;}
}
.first-container-info-heading span,
.first-container-info-heading-pre span{opacity:0;}
.first-container-info-heading.after-none:after,
.first-container-info-heading-pre.after-none:after{width:0;-webkit-animation:widthNone 1s forwards;animation:widthNone 1s forwards;transition:all 0.3s ease-in-out;}
.first-container-info-heading.after-none span,
.first-container-info-heading-pre.after-none span{opacity:1;transition:opacity 0.1s 0.4s ease-in-out;}
.first-container-info-heading::after,
.first-container-info-heading-pre::after{content:"";display:block;width:0;height:100%;background:#999999;position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
.first-container-info-heading-pre::after{background:#7a879a;}
.lib-modal.modal-right.cart-modal .lib-modal__content-footer{padding-bottom:20px;}
.lib-modal.modal-right.cart-modal .cart-title{text-align:left;}
@media screen and (max-width: 768px) {
.lib-modal.modal-right.cart-modal .cart-title{font-size:1.5rem;}
}
.lib-modal.modal-right.cart-modal .lib-modal__content{height:inherit;}
@media screen and (min-width: 768px) {
[data-modal-block=cart].modal-right .lib-modal__content{align-content:inherit;width:100%;}
[data-modal-block=cart].modal-right .lib-modal__content-scroll{grid-template-rows:auto 1fr auto;}
}
@media screen and (max-width: 1024px) {
[data-modal-block=cart] .lib-modal .lib-modal__content{display:block;width:100%;}
[data-modal-block=cart] .lib-modal .lib-modal__content-scroll{display:block;height:100%;}
}
.cart-block{display:grid;}
#gift .cart-item{border-top:2px solid #D9D9D9;}
.cart-item{position:relative;display:grid;grid-template-columns:100px 1fr;gap:14px;padding:10px;border-bottom:2px solid #D9D9D9;}
@media screen and (max-width: 768px) {
.cart-item{grid-template-columns:85px 1fr;}
.cart-item .price-content .price-content__price{font-size:1rem;}
.cart-item .price-content .price-content__price-old{font-size:0.8rem;}
.cart-item .cart-item__count{margin-top:5px;}
.cart-item .cart-item__delete{bottom:10px;width:26px;height:26px;}
}
.cart-item:last-child{border-bottom:none;}
.cart-item__info-title{display:block;margin-top:3px;font-size:1rem;line-height:1.2;font-weight:700;}
.cart-item__additional-product{margin-top:3px;font-weight:500;font-size:13px;line-height:17px;color:#6A7A81;}
.cart-item__additional-product a{display:inline-flex;align-items:center;color:#111213;}
.cart-item__additional-product a::after{content:"+";margin:0 5px;font-weight:bold;color:#000;}
.cart-item__additional-product a:last-child::after{content:"";}
.cart-item__additional-product a:hover{color:#111213;text-decoration:underline;}
.cart-item__additional-product .box-color{width:16px;height:16px;vertical-align:middle;margin-left:3px;}
.cart-item__img-box{position:relative;}
.cart-item__img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px;}
.cart-item__img .box-color{position:absolute;left:0;bottom:0;}
.cart-item__count{display:inline-flex;align-items:center;justify-content:space-between;margin-top:10px;background:#D9D9D9;border-radius:32px;font-size:1rem;color:#111213;font-weight:bold;}
.cart-item__count-btn{padding:4px;cursor:pointer;transition:all 0.2s ease-in-out;}
.cart-item__count-btn:hover{background:var(--color3);border-radius:100%;box-shadow:inset 0 0 0px 2px #00000033;}
.cart-item__count-text{padding:4px;}
.cart-item__delete{position:absolute;bottom:14px;right:5px;width:30px;height:30px;padding:3px;border-radius:5px;z-index:1;cursor:pointer;transition:all 0.2s ease-in-out;}
.cart-item__delete:hover{background:#CFCFCF;}
.cart-price-block.price-content{display:block;text-align:right;}
.cart-price-block.price-content .price-content__price-old{display:inline-block;margin-left:0;font-size:1.5rem;line-height:100%;font-weight:bold;}
.cart-price-block.price-content .price-content__price-old:before{height:3px;}
.cart-price-block.price-content .price-content__price{font-size:2rem;line-height:100%;}
.cart-additional-products{position:relative;width:100%;max-width:460px;padding:20px;overflow:hidden;background:#E6E6E6;box-shadow:inset 0px -2px 2px rgba(138, 154, 180, 0.25), inset 0px 2px 2px rgba(0, 0, 0, 0.25);border-radius:10px;}
.cart-additional-products-slider{position:relative;}
.cart-additional-products__item{display:grid;grid-template-columns:78px 1fr;gap:15px;align-items:center;background-color:#fff;box-shadow:0px 4px 15px rgba(138, 154, 180, 0.25);border-radius:5px;cursor:pointer;transition:box-shadow 0.2s ease-in-out !important;}
.cart-additional-products__item:hover{box-shadow:0px 8px 15px rgba(138, 154, 180, 0.8);}
.cart-additional-products__item-img{width:100%;height:78px;border-radius:10px;margin:10px 0 10px 10px;overflow:hidden;}
.cart-additional-products__item-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 768px) {
.cart-additional-products__item-img{height:60px;margin:5px 0 5px 5px;}
}
.cart-additional-products__item-info{margin:10px 10px 10px 0;}
@media screen and (max-width: 768px) {
.cart-additional-products__item-info{margin:5px 5px 5px 0;}
}
.cart-additional-products__item-info-title{font-size:1rem;line-height:1.2rem;color:#111213;font-weight:500;margin-bottom:5px;}
@media screen and (max-width: 768px) {
.cart-additional-products__item-info-title{font-size:0.875rem;line-height:1rem;}
}
.cart-additional-products__item-info-price{font-size:1rem;line-height:100%;font-weight:600;}
.cart-render-block{margin-bottom:15px;}
.gift{position:relative;width:100%;padding:11px 20px;margin-top:20px;background:#E6E6E6;border-radius:10px;}
.gift::after{content:"";width:153px;height:94px;display:block;position:absolute;bottom:0;right:0;background:url(//petarda.by/wp-content/uploads/2022/11/gift.png) no-repeat center/contain;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.gift::after{width:120px;height:80px;}
}
.gift-block{position:relative;z-index:1;}
.gift.gift--active{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #F2B451;animation:gift-animation 700s linear infinite;-webkit-animation:gift-animation 700s linear infinite;transition:all 0.2s ease-in-out;cursor:pointer;}
.gift.gift--active:hover{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #f6c880;}
.gift.gift--active:hover::after{transform:scale(0.95);}
.gift.gift--active::after{background:url(//petarda.by/wp-content/uploads/2022/11/gift2.png) no-repeat center/contain;}
.gift.gift--active.gift--middle{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #988DDA;}
.gift.gift--active.gift--middle::after{background:url(//petarda.by/wp-content/uploads/2022/11/gift3.png) no-repeat center/contain;}
.gift.gift--active.gift--middle:hover{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #bbb4e6;}
.gift.gift--active.gift--max{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #8EDA8D;}
.gift.gift--active.gift--max::after{background:url(//petarda.by/wp-content/uploads/2022/11/gift4.png) no-repeat center/contain;}
.gift.gift--active.gift--max:hover{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #b4e6b4;}
.gift.gift--active.gift--end{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #cdcdcd;}
.gift.gift--active.gift--end::after{background:url(//petarda.by/wp-content/uploads/2022/11/gift.png) no-repeat center/contain;}
.gift.gift--active.gift--end:hover{background:url(//petarda.by/wp-content/uploads/2022/10/starts.svg) repeat 0 center, #b4b4b4;}
.gift.gift--active .gift__text{font-size:1.5rem;padding:18px 0;}
@media screen and (max-width: 768px) {
.gift.gift--active .gift__text{font-size:1.25rem;}
}
.gift__text{font-weight:700;font-size:1.125rem;line-height:115%;color:#000000;}
@media screen and (max-width: 768px) {
.gift__text{font-size:1rem;}
}
.gift__btn{display:inline-block;margin-top:6px;padding:5px 11px;border-radius:5px;background:#6A7A81;color:#fff;font-weight:600;font-size:14px;cursor:pointer;}
.gift__btn:hover{background:#536065;}
@-webkit-keyframes gift-animation {
from{background-position-y:-20000%;}
to{background-position-y:0;}
}
@keyframes gift-animation {
from{background-position-y:-20000%;}
to{background-position-y:0;}
}
.gift-container{display:grid;}
.gift-item{display:flex;align-items:center;justify-content:space-between;padding:6px;box-shadow:0px 2px 4px #ccc;margin:6px;border-radius:5px;}
@media screen and (max-width: 768px) {
.gift-item{display:block;}
.gift-item .add-gift-block{margin-top:8px;}
}
.gift-item__img{width:90px;height:90px;border-radius:10px;margin-right:10px;overflow:hidden;flex:none;}
.gift-item__img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.gift-block{margin-right:10px;}
.add-gift-block{flex:none;}
.add-gift-block .btn{display:flex;align-items:center;justify-content:center;font-size:14px;height:36px;width:166px;}
.add-gift-block .btn.btn-gray{cursor:inherit;}
.add-gift-block .btn.btn-gray:hover{background:#DADADA;}
.add-gift-block .btn img{width:23px;height:23px;-o-object-fit:contain;object-fit:contain;}
.add-gift-block .btn span{margin-left:4px;}
.gift-text-red{display:inline-block;background:#E30613;color:#fff;font-weight:500;padding:3px 7px;border-radius:5px;margin-top:5px;}
.gift-container-block{display:flex;align-items:center;}
#toast{position:fixed;bottom:5px;right:5px;max-width:300px;max-height:350px;display:flex;flex-flow:column;gap:10px;overflow:auto;z-index:10000;}
#toast div{position:relative;padding:10px 20px;padding-bottom:15px;color:#fff;border-radius:3px;font-size:14px;font-weight:500;}
#toast div:after{content:"";position:absolute;width:100%;height:5px;background:rgba(0, 0, 0, 0.5);bottom:0;left:0;-webkit-animation:WidthTimeOut 6s;animation:WidthTimeOut 6s;}
#toast .t-ok{background-color:#4caf50;}
#toast .t-error{background-color:#f44336;}
#toast .t-danger{background-color:#ff9800;color:#000;}
#toast .t-info{background-color:#03a9f4;}
@-webkit-keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
@keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
@media screen and (max-width: 768px) {
#toast{bottom:65px !important;}
}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;opacity:1;transition:0.2s;width:auto;height:auto;overflow:inherit;}
.lightbox.opacity_0{position:inherit;opacity:0;width:0;height:0;overflow:hidden;}
.lightbox.opacity_0 *{display:none;}
.lightbox_block{width:100vw;z-index:1;}
.lightbox_container{display:flex;flex-direction:column;align-items:center;}
.lightbox_body{display:flex;align-items:center;width:100%;max-height:90vh;}
.lightbox_body .swiper-wrapper{align-items:center;}
.lightbox_body .swiper-slide{display:flex;justify-content:center;}
.lightbox_body .swiper-slide img{max-height:70vh;max-width:90vw;}
.lightbox_body .swiper-slide iframe, .lightbox_body .swiper-slide video{display:block;height:500px;width:100%;max-height:70vh;max-width:900px;}
.lightbox_body .swiper-pagination{bottom:5vh;font-size:18px;font-weight:bold;color:#fff;}
.lightbox_bg{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(8, 23, 33, 0.8);cursor:zoom-out;}
.lightbox-button{position:absolute;width:60px;height:60px;z-index:1;cursor:pointer;}
.lightbox-button:hover{opacity:0.9;}
.lightbox-button.swiper-button-disabled{display:none;}
.lightbox-button_prev{transform:scale(-1);left:30px;}
.lightbox-button_next{right:30px;}
.no_scroll_lightbox{overflow:hidden;}
.burger_lightbox_container{width:100%;text-align:center;}
.burger_lightbox_circle{position:fixed;top:20px;right:20px;display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:100%;box-shadow:0px 2px 4px rgba(109, 119, 131, 0.3);background:#fff;cursor:pointer;}
.burger_lightbox_circle:hover .burger_lightbox{transform:rotate(135deg) translate(1px, -1px);transition:0.25s ease-in;}
.burger_lightbox{width:30px;height:30px;position:relative;transform:rotate(45deg);}
.burger_lightbox::before, .burger_lightbox::after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:30px;background:#000;}
.burger_lightbox--active::before{transform:rotate(90deg);top:50%;}
.burger_lightbox--active::after{top:50%;}
@media screen and (max-width: 780px) {
.lightbox_body .swiper-slide iframe, .lightbox_body .swiper-slide video{max-width:90vw;height:300px;}
.lightbox-button{width:45px;height:45px;}
.lightbox-button_next{right:14px;}
.lightbox-button_prev{left:14px;}
}
.modal_block_right,
.modal_block{display:flex;position:fixed;top:0;right:0;bottom:0;max-width:0px;left:0;transition:0.4s ease-in;overflow:hidden;z-index:99;}
.modal_block_right .modal_body,
.modal_block .modal_body{padding:0 30px;max-width:550px;width:100%;min-width:150px;height:100%;background:#fff;overflow-y:auto;overflow-x:hidden;transition:0.25s ease-in;}
.modal_block_right .heading,
.modal_block .heading{font-size:32px;font-weight:bold;text-align:center;margin-bottom:25px;}
.modal_block_right.modal_block_open,
.modal_block.modal_block_open{width:100vw;max-width:inherit;height:100vh;}
.modal_block_right.modal_block_open .modal_block_bg,
.modal_block.modal_block_open .modal_block_bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11, 13, 23, 0.5);opacity:1;z-index:1;transition:0.4s ease-in;cursor:zoom-out;}
.modal_block_right.modal_block_open .modal_block_bg:hover,
.modal_block.modal_block_open .modal_block_bg:hover{background:rgba(11, 13, 23, 0.3);}
.modal_block_right.modal_block_open .modal_container,
.modal_block.modal_block_open .modal_container{position:relative;margin:auto;z-index:2;}
.modal_block_right.modal_block_open form,
.modal_block.modal_block_open form{opacity:1;transform:translateY(0);}
.modal_block_right label,
.modal_block label{margin-bottom:20px;}
.modal_block.big .modal_container{max-width:1105px;}
.modal_block .modal_container{width:100%;max-width:550px;}
.modal_block .modal_body{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0;transform:translateY(50px) scale(0.4);background:none;max-width:initial;}
.modal_block .modal_block_close{opacity:0;border-radius:100px;}
.modal_block.modal_block_open .modal_block_close{top:0;right:inherit;opacity:1;transition:0.6s 0.4s;}
.modal_block.modal_block_open .modal_body{max-height:90vh;overflow:hidden;transform:translateY(0) scale(1);}
.modal_block.modal_block_open .modal_block_bg{transition:0.25s ease-in;}
.no_scroll{overflow:hidden;}
.modal_body_scroll{position:relative;margin-top:20px;padding:40px 30px 40px;background:#fff;border-radius:10px;max-width:1105px;width:100%;overflow-y:auto;}
.modal_block_right .modal_body{position:fixed;top:0;right:-340px;bottom:0;padding:30px;max-width:340px;}
.modal_block_right.modal_block_open{justify-content:flex-end;}
.modal_block_right.modal_block_open .modal_container{margin:0;}
.modal_block_right.modal_block_open .modal_body{right:0;}
.burger_circle{display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer;box-shadow:0px 2px 4px rgba(109, 119, 131, 0.3);}
.burger_circle:hover .burger_modal{transform:rotate(135deg) translate(1px, -1px);transition:0.25s ease-in;}
.burger_modal{width:30px;height:30px;position:relative;transform:rotate(45deg);}
.burger_modal::before, .burger_modal::after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:30px;}
.burger_modal--active::before{transform:rotate(90deg);top:50%;}
.burger_modal--active::after{top:50%;}
.modal_block_right .burger_circle{position:absolute;top:16px;right:16px;background-color:#2d2d2d;width:35px;height:35px;}
.modal_block_right .burger_modal{width:16px;height:16px;}
.modal_block_right .burger_modal::before, .modal_block_right .burger_modal::after{background-color:#fff;}
.modal_block .burger_circle{position:relative;background-color:#fff;width:50px;height:50px;flex:none;}
.modal_block .burger_modal{width:30px;height:30px;color:#000;}
.modal_block .burger_modal::before, .modal_block .burger_modal::after{background-color:#000;}
@media screen and (max-width: 768px) {
.modal_block{padding:0;padding-top:60px;}
.modal_block .modal_body{transform:translateY(100%);}
.modal_block.modal_block_open .modal_container{margin:auto auto 0;position:fixed;bottom:0;max-height:100vh;max-width:inherit;}
.modal_block.modal_block_open .modal_body{padding:0;transform:translateY(0);max-height:85vh;}
.modal_body_scroll{border-radius:30px 30px 0 0;}
}
#toast{position:fixed;bottom:5px;right:5px;max-width:300px;max-height:350px;display:flex;flex-flow:column;gap:10px;overflow:auto;z-index:1000;}
#toast div{position:relative;padding:10px 20px;padding-bottom:15px;color:#fff;border-radius:3px;font-size:14px;font-weight:500;}
#toast div:after{content:"";position:absolute;width:100%;height:5px;background:rgba(0, 0, 0, 0.5);bottom:0;left:0;-webkit-animation:WidthTimeOut 6s;animation:WidthTimeOut 6s;}
#toast .t-ok{background-color:#4caf50;}
#toast .t-error{background-color:#f44336;}
#toast .t-danger{background-color:#ff9800;color:#000;}
#toast .t-info{background-color:#03a9f4;}
@-webkit-keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
@keyframes WidthTimeOut {
0%{width:0;}
100%{width:100%;}
}
:root{--color:#E30613;--color2:#111213;--color3:#6A7A81;--color3:#E6E7E6;--color4:#F9A826;--color4:#189D02;--gradi:radial-gradient(100% 138.06% at 100% 100%, #DFAE31 0%, #E30613 48.96%, #9231DF 100%);--burger-height:18px;--burger-width:43px;--burger-line-height:3px;}
@media screen and (max-width: 768px) {
:root{--burger-height:16px;--burger-width:36px;}
}
@-webkit-keyframes swing {
0%{transform:rotate(0deg);}
10%{transform:rotate(5deg);}
30%{transform:rotate(-5deg);}
50%{transform:rotate(2deg);}
70%{transform:rotate(-2deg);}
100%{transform:rotate(0deg);}
}
@keyframes swing {
0%{transform:rotate(0deg);}
10%{transform:rotate(5deg);}
30%{transform:rotate(-5deg);}
50%{transform:rotate(2deg);}
70%{transform:rotate(-2deg);}
100%{transform:rotate(0deg);}
}
@-webkit-keyframes infinitiOpacityTransform {
0%{opacity:1;transform:translateY(0);}
50%{opacity:0;transform:translateY(5px);}
100%{opacity:1;transform:translateY(0);}
}
@keyframes infinitiOpacityTransform {
0%{opacity:1;transform:translateY(0);}
50%{opacity:0;transform:translateY(5px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes widthNone {
0%, 100%{width:0;}
50%{width:100%;}
}
@keyframes widthNone {
0%, 100%{width:0;}
50%{width:100%;}
}
html{box-sizing:border-box;}
*,
*::before,
*::after{box-sizing:inherit;-webkit-appearance:none;line-height:130%;font-feature-settings:"pnum" on, "lnum" on;}
body{overflow-anchor:none;font-family:"Montserrat", sans-serif, -apple-system, BlinkMacSystemFont;scroll-behavior:smooth;font-feature-settings:"pnum" on, "lnum" on;background-color:var(--color-bg);color:#000;}
input[type=text]::-ms-clear{display:none;width:0;height:0;}
input[type=text]::-ms-reveal{display:none;width:0;height:0;}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none;}
textarea, input, select, option{font-family:-apple-system, BlinkMacSystemFont, "Open Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;-webkit-appearance:none;}
img {
max-width: 100%;
} a{text-decoration:none;color:inherit;}
.site-container{overflow:hidden;}
.is-hidden{display:none !important;}
.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden;}
.btn-reset{border:none;padding:0;background:transparent;cursor:pointer;}
.list-reset{list-style-type:none;margin:0;padding:0;}
.js-focus-visible :focus:not(.focus-visible){outline:none;}
select{cursor:pointer;}
option{font-family:Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
td, th{padding:0;text-align:left;}
table{width:100%;color:#666;font-size:14px;background:#eaebec;border-collapse:separate;border-radius:3px;box-shadow:0 1px 2px #d1d1d1;}
th{font-weight:bold;padding:21px 25px 22px 25px;border-bottom:1px solid #e0e0e0;text-align:center;background:#ededed;}
th:first-child{text-align:left;padding-left:20px;}
tr:first-child th:first-child{border-top-left-radius:3px;}
tr:first-child th:last-child{border-top-right-radius:3px;}
tr{text-align:center;padding-left:20px;}
tr td:first-child{text-align:left;padding-left:20px;border-left:0;}
tr td{padding:18px;border-left:1px solid #e0e0e0;background:#e5e8ed;}
tr:nth-child(even) td{background:#f3f4fa;}
tr:last-child td{border-bottom:0;}
tr:last-child td:first-child{border-bottom-left-radius:3px;}
tr:last-child td:last-child{border-bottom-right-radius:3px;}
tr:hover td{background:#d8dbe1;}
.search-form{position:relative;display:flex;align-items:center;}
.search-form label{display:block;width:100%;}
.search-form label span{position:absolute;left:20px;top:0;bottom:0;display:flex;align-items:center;transition:all 0.1s ease-in-out;cursor:pointer;}
.search-form label span:hover{transform:scale(1.1);}
@media screen and (max-width: 768px) {
.search-form label span{left:14px;}
}
.search-form input{display:block;width:100%;border-radius:6px;padding:20px 180px 20px 70px;font-size:1.3rem;font-weight:500;transition:all 0.1s ease-in-out;background:#E6E7E6;}
@media screen and (max-width: 1024px) {
.search-form input{font-size:1.2rem;padding:16px 180px 16px 70px;}
}
@media screen and (max-width: 768px) {
.search-form input{font-size:1rem;padding:14px 120px 14px 44px;}
}
.search-form input:focus{outline:none;}
.search-form button{position:absolute;padding:9px 40px;right:20px;}
@media screen and (max-width: 1024px) {
.search-form button{right:10px;font-size:1.1rem;}
}
@media screen and (max-width: 768px) {
.search-form button{padding:7px 20px;font-size:1rem;}
}
body{background:#f4f4f4;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
@media screen and (max-width: 768px) {
body{padding-bottom:54px;}
}
h1,
.h1{font-weight:600;line-height:1.2;font-size:2.5rem;}
@media screen and (max-width: 768px) {
h1,
.h1{font-size:2rem;}
}
h2,
.h2{font-weight:600;line-height:1.2;font-size:1.9rem;}
@media screen and (max-width: 768px) {
h2,
.h2{font-size:1.7rem;}
}
h3,
.h3{font-weight:600;line-height:1.2;font-size:1.8rem;}
@media screen and (max-width: 768px) {
h3,
.h3{font-size:1.5rem;}
}
h4,
.h4{font-weight:600;line-height:1.2;font-size:1.6rem;}
@media screen and (max-width: 768px) {
h4,
.h4{font-size:1.3rem;}
}
input::-moz-placeholder{color:#858585;}
input::placeholder{color:#858585;}
.container-block{width:100%;max-width:1250px;padding-left:80px;padding-right:80px;margin-left:auto;margin-right:auto;margin-top:90px;}
@media screen and (max-width: 768px) {
.container-block{padding-left:15px;padding-right:15px;margin-top:60px;}
}
.first-container{padding-top:70px;}
.first-container .container-block{margin-top:0;}
@media screen and (max-width: 768px) {
.first-container{padding-top:56px;}
}
.first-container.no-padding{padding:0;}
.first-container-info{position:relative;z-index:1;}
@media screen and (max-width: 768px) {
.first-container-info{padding:7vh 0;}
}
.first-container-info div{position:relative;}
.first-container-block{display:grid;grid-template-columns:2fr 1fr;}
@media screen and (max-width: 1024px) {
.first-container-block{grid-template-columns:1fr;}
}
.first-container-img{position:absolute;top:50%;transform:translate(100%, -50%);right:-100%;height:100vh;max-height:777px;width:100%;max-width:100vw;z-index:-1;transition:all 0.6s 1s ease;}
.first-container-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 1024px) {
.first-container-img img{top:0;}
}
.first-container-img.animate-block{transform:translate(40%, -50%);right:0;}
@media screen and (min-width: 2200px) {
.first-container-img{transform:translateX(100%) translateY(-50%);right:-25%;}
.first-container-img.animate-block{transform:translateX(25%) translateY(-50%);}
}
@media screen and (max-width: 1363px) {
.first-container-img{transform:translateX(100%) translateY(-50%);}
.first-container-img.animate-block{transform:translateX(51%) translateY(-50%);}
}
@media screen and (max-width: 1024px) {
.first-container-img{transform:translateX(100%) translateY(-50%) rotate(-90deg);}
.first-container-img.animate-block{transform:translateX(65%) translateY(-50%) rotate(-90deg);}
}
@media screen and (max-width: 768px) {
.first-container-img{display:none;}
}
.first-container-info__buttons{display:grid;max-width:500px;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:48px;opacity:0;}
.first-container-info__buttons.animate-block{opacity:1;transition:all 0.5s 0.3s ease-in-out;}
@media screen and (max-width: 768px) {
.first-container-info__buttons{margin-top:30px;}
}
.first-container-info__buttons button{padding:14px 40px;}
.first-container-info__buttons input{padding:14px 40px;padding-left:14px;border-radius:5px;background:#CFCFCF;}
@media screen and (max-width: 500px) {
.first-container-info__buttons{max-width:100%;grid-template-columns:1fr;}
}
.burger{width:var(--burger-width);height:var(--burger-height);position:relative;color:#000;cursor:pointer;}
.burger__line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:var(--burger-line-height);background-color:currentColor;transition:transform 0.2s ease-in-out;border-radius:30px;}
.burger::before, .burger::after{content:"";position:absolute;left:0;width:100%;height:var(--burger-line-height);background-color:currentColor;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;border-radius:30px;}
.burger::before{top:0;}
.burger::after{top:calc(100% - var(--burger-line-height));}
@media screen and (min-width: 1201px) {
.burger:hover::before{top:25%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger:hover .burger__line{transform:scale(0);transition:transform 0.2s ease-in-out;}
.burger:hover::after{top:75%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
}
.burger--no-active:hover::before, .burger--no-active:hover::after{left:0;}
.burger--no-active:hover::before{top:0;}
.burger--no-active:hover::after{top:calc(100% - var(--burger-line-height));}
.burger--no-active:hover .burger__line{opacity:1;transform:translateY(-50%);}
.burger--active .burger__line{transform:scale(0);transition:transform 0.2s ease-in-out;}
.burger--active::before{transform:rotate(-135deg);top:50%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger--active::after{transform:rotate(135deg);top:50%;transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;}
.burger--active:hover::before{transform:rotate(-135deg);top:50%;}
.burger--active:hover::after{transform:rotate(135deg);top:50%;}
@media screen and (min-width: 768px) {
.no-mobile{display:none !important;}
}
@media screen and (max-width: 1024px) {
.ipad{display:none !important;}
}
@media screen and (max-width: 768px) {
.mobile{display:none !important;}
}
.d-none{display:none !important;}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background-color:#E30613;color:#fff;border-radius:6px;padding:10px;font-size:18px;font-weight:600;transition:all 0.1s ease-in-out;white-space:nowrap;cursor:pointer;}
.btn:hover{background-color:#c00510;}
.btn.btn-big{font-size:24px;padding:20px 60px;}
.btn.btn-small{font-size:14px;padding:5px 20px;}
.btn.btn-gray{background:#DADADA;color:#000;}
.btn.btn-gray:hover{background:#C4C4C4;}
.btn.btn-black{background:#000;}
.btn.btn-black:hover{background:#2d2d2d;}
.btn.btn-border{padding:12px 30px;box-shadow:0 0 0 2.5px #C4C4C4;background:#c4c4c400;color:#858585;transition:all 0.3s ease-in-out;}
.btn.btn-border:hover{box-shadow:0 0 0 2.5px #4d4d4d;color:#000;background:rgba(0, 0, 0, 0.1);}
@media screen and (max-width: 768px) {
.btn.btn-border{width:100%;padding:10px;}
}
#header{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(244, 244, 244, 0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;}
@media screen and (max-width: 768px) {
#header{height:56px;padding:0 14px;}
}
#header.header--active{background:#fff;}
.logo{width:150px;height:40px;}
@media screen and (max-width: 768px) {
.logo{width:140px;}
}
.logo img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;}
.header-right__items{margin-right:100px;}
@media screen and (max-width: 1024px) {
.header-right__items{margin-right:50px;}
}
a.logo{transition:all 0.1s ease-in-out;cursor:pointer;}
a.logo:hover{transform:scale(1.05);}
.menu:hover span{transform:scale(1.1);}
.menu span{transition:all 0.1s ease-in-out;}
.order-a-call{grid-template-columns:16px 1fr;}
.order-a-call:hover{opacity:0.6;}
.order-a-call:hover span::before{width:0;left:auto;right:0;}
.order-a-call span::before{content:"";position:absolute;left:0;bottom:2px;height:1px;width:100%;background-color:#000;transition:all 0.4s ease-in-out;}
.header-right__item{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:left;grid-gap:10px;transition:all 0.1s ease-in-out;cursor:pointer;}
.header-right__item a{white-space:nowrap;transition:all 0.1s ease-in-out;}
.header-right__item a:hover{opacity:0.6;}
.header-right__item img{width:21px;height:21px;-o-object-fit:contain;object-fit:contain;}
.header-right__item span{position:relative;font-size:18px;font-weight:600;transition:all 0.1s ease-in-out;}
.header-right__item .order-a-call img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;}
.header-right__item.phone-big img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;}
.header-right__item.phone-big span{font-size:24px;}
.modal-list-menu{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-rows:140px;grid-gap:20px;}
@media screen and (max-width: 1363px) {
.modal-list-menu{grid-template-columns:repeat(6, minmax(0, 1fr));}
}
@media screen and (max-width: 1024px) {
.modal-list-menu{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media screen and (max-width: 768px) {
.modal-list-menu{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:120px;grid-gap:14px;}
}
.modal-list-menu__item{position:relative;transition:cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;}
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
@media screen and (max-width: 1363px) {
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
.modal-list-menu__item:last-child{grid-column-start:4;grid-column-end:7;}
.modal-list-menu__item:last-child span{font-size:21px;}
}
@media screen and (max-width: 1024px) {
.modal-list-menu__item:first-child{grid-column-start:1;grid-column-end:3;}
.modal-list-menu__item:first-child span{font-size:21px;}
.modal-list-menu__item:last-child{grid-column-start:inherit;grid-column-end:inherit;}
.modal-list-menu__item:last-child span{font-size:inherit;}
}
.modal-list-menu__item span{display:block;position:relative;font-size:16px;font-weight:bold;color:#fff;margin:10px 12px;z-index:2;}
.modal-list-menu__item:hover{transform:scale(0.95);}
.modal-list-menu__item:hover .modal-list-menu-bg:before{background:rgba(158, 152, 152, 0.2);}
.modal-list-menu__item:hover .modal-list-menu-bg:after{left:calc(100% - 60px);}
.modal-list-menu-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:5px;cursor:pointer;}
.modal-list-menu-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;transition:all 0.2s ease-in-out;}
.modal-list-menu-bg::after{content:"";position:absolute;top:calc(100% - 50px);left:calc(100% - 70px);right:0;bottom:0;background:url(//petarda.by/wp-content/uploads/2022/10/arrow-link.svg) no-repeat center;z-index:2;transition:all 0.4s ease-in-out;}
.modal-list-menu-bg img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;}
.menu-list__items a{display:block;margin-top:8px;font-size:14px;color:#6A7A81;}
.menu-list__items a:hover{color:#111213;text-decoration:underline;}
#menu-modal{position:fixed;right:0;top:70px;bottom:0;overflow:hidden;width:0;height:100vh;z-index:99;background:#fff;transition:width 0.5s 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);}
#menu-modal .modal__menu{opacity:0;transform:translateY(100px);transition:all 0.2s ease-in-out;}
#menu-modal.modal--open{width:100vw;transition:width 0.4s ease-out;}
#menu-modal.modal--open .modal__menu{opacity:1;height:100%;transform:translateY(0);overflow-y:auto;transition:all 0.4s 0.3s ease-out;}
@media screen and (max-width: 768px) {
#menu-modal{top:50px;transition:none;}
#menu-modal .modal__menu{transition:all 0.3s ease-out;}
#menu-modal.modal--open{transition:none;}
#menu-modal.modal--open .modal__menu{transition:all 0.3s ease-out;}
}
.modal__content{height:calc(100% - 70px);}
@media screen and (max-width: 768px) {
.modal__content{height:calc(100% - 50px);padding-bottom:50px;}
}
.menu-button{display:grid;gap:5px;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:8;}
@media screen and (max-width: 768px) {
.menu-button{height:54px;top:auto;bottom:0;right:0;transform:translateY(0);display:grid;gap:0;grid-template-columns:repeat(4, 1fr);box-shadow:0 0 5px #6d77834d;}
}
.menu-button > div, .menu-button > a{opacity:0;transform:scale(0.6);transition:all 0.3s ease-in-out;}
@media screen and (max-width: 768px) {
.menu-button > div, .menu-button > a{opacity:1;transform:scale(1);}
}
.menu-button__item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px;position:relative;display:flex;align-items:center;background-color:#111213;border-radius:0 6px 6px 0;transition:all 0.3s ease-in-out;cursor:pointer;}
@media screen and (max-width: 768px) {
.menu-button__item{padding:6px;}
}
.menu-button__item:hover{background:#35383b;}
.menu-button__item:hover span{opacity:1;transform:scale(1);max-width:100%;}
.menu-button__item img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;filter:invert(1) brightness(2);}
@media screen and (max-width: 768px) {
.menu-button__item img{width:24px;height:24px;filter:invert(0) brightness(1);}
}
.menu-button__item.red{background:#E30613;}
.menu-button__item.red:hover{background:#c00510;}
.menu-button__item.red img{filter:invert(0) brightness(1);}
.menu-button__item.red small{color:#fff;background:#111213;}
.menu-button__item span{color:#fff;width:100%;max-width:0;overflow:hidden;opacity:0;transform:scale(0.7);margin-left:4px;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out, max-width 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.menu-button__item span{display:block;width:100%;font-size:12px;text-align:center;visibility:visible;color:#111213;}
}
.menu-button__item small{position:absolute;top:0;right:0;padding:3px;background:#fff;color:#111213;font-weight:700;font-size:15px;line-height:100%;border-radius:0px 5px 3px 3px;}
@media screen and (max-width: 768px) {
.menu-button__item small{font-size:13px;}
}
@media screen and (max-width: 768px) {
.menu-button__item{border-radius:0;width:100%;display:grid;justify-items:center;justify-content:center;background:#f4f4f4;padding:8px;}
.menu-button__item:hover{background:#fff;}
.menu-button__item.red span{color:#fff;}
.menu-button__item span{display:flex !important;text-align:center;overflow:visible;opacity:1;transform:scale(1);max-width:100%;font-weight:600;}
.menu-button__item small{color:#fff;background:#111213;padding:4px;border-radius:5px;}
}
.price-content{display:flex;margin-top:5px;}
@media screen and (max-width: 1024px) {
.price-content{margin-top:0;}
}
.price-content .price-content__price-old{position:relative;color:#6A7A81;margin-left:4px;font-size:1rem;font-weight:bold;}
.price-content .price-content__price-old:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-10deg);width:100%;height:2px;background:#E30613;}
.price-content .price-content__price{font-weight:bold;font-size:1.3rem;}
.slider-block .swiper-button{opacity:0;pointer-events:none;}
.slider-block:hover .swiper-button{opacity:1;pointer-events:visible;}
.slider-block:hover .swiper-button.swiper-button-disabled{opacity:0;pointer-events:none;}
@media screen and (max-width: 768px) {
.slider-block:hover .swiper-button{opacity:0;pointer-events:none;}
}
.swiper-button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:56px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;box-shadow:0 0 3px rgba(79, 87, 100, 0.7);}
.swiper-button:hover{box-shadow:0 0 10px #727e91;transform:scale(1.1) translateY(-50%);}
.swiper-button.swiper-button-prev{left:0;}
.swiper-button.swiper-button-next{right:0;}
.swiper-button.swiper-button-disabled{opacity:0;pointer-events:none;}
.box-color{display:inline-block;width:26px;height:26px;box-shadow:inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);border-radius:5px;vertical-align:middle;}
.box-color.box-small{width:12px;height:12px;}
.cart-item__img-box:hover{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.products-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.products-container{grid-template-columns:repeat(3, 1fr);gap:10px;}
}
@media screen and (max-width: 768px) {
.products-container{grid-template-columns:repeat(2, 1fr);}
}
.product{display:grid;grid-template-rows:250px 1fr;align-items:stretch;padding:7px;background:#FFFFFF;border-radius:10px;transition:all 0.4s ease-in-out;}
@media screen and (max-width: 1363px) {
.product{grid-template-rows:200px 1fr;}
}
@media screen and (max-width: 768px) {
.product{grid-template-rows:150px 1fr;}
}
.product .sales{display:grid;gap:3px;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;}
.product .product-info{margin-top:6px;display:grid;gap:4px;grid-template-rows:auto 1fr auto auto 40px;}
@media screen and (max-width: 768px) {
.product .product-info{grid-template-rows:auto 1fr auto auto 34px;}
}
.product .product-img{display:flex;align-items:center;position:relative;}
.product .product-img .hover-video{display:flex;align-items:stretch;width:100%;height:100%;overflow:hidden;border-radius:5px;background:#fff;cursor:pointer;}
.product .product-img .hover-video.active{background:url(//petarda.by/wp-content/uploads/2022/10/loader.svg) no-repeat center center/36px, #fff;}
.product .product-img .hover-video-youtube{cursor:pointer;}
.product .product-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:5px;}
.product .product-img iframe{width:100%;height:100%;border-radius:5px;cursor:pointer;}
.product .product-img:hover img{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.product .product-info__title{font-weight:600;font-size:1.2rem;transition:0.2s ease-in-out;}
.product .product-info__title:hover{opacity:0.7;}
@media screen and (max-width: 1363px) {
.product .product-info__title{font-size:1rem;}
}
.product .product-info__text{font-size:0.8rem;color:#404040;}
.product .product-info__text b{font-weight:500;color:#111213;}
@media screen and (max-width: 768px) {
.product .product-info__text{font-size:0.7rem;font-weight:600;color:#747474;}
.product .product-info__text b{font-weight:600;}
}
.product .product-info__buttons{display:grid;grid-template-columns:1fr 38px;gap:5px;}
@media screen and (max-width: 768px) {
.product .product-info__buttons{grid-template-columns:1fr 34px;}
}
.product .product-info__buttons button img{width:20px;transition:0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.product .product-info__buttons button img{width:18px;}
}
.product .product-info__buttons button[data-favorite-btn]:hover img{filter:brightness(0.4);}
.product .btn{display:flex;align-items:center;justify-content:center;padding:8px;font-size:15px;}
@media screen and (max-width: 768px) {
.product .btn{font-size:14px;padding:6px;}
}
@media screen and (max-width: 1100px) {
.product .price-content{display:flex;flex-direction:column-reverse;}
.product .price-content__price-old-block{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.product .price-content__price-old{margin-left:0;}
}
@media screen and (max-width: 1024px) {
.product .price-content__price{font-size:18px;}
}
@media screen and (max-width: 1024px) {
.product .price-content__price-old{font-size:14px;}
}
.sales_block{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;font-size:0.8rem;font-weight:700;color:#fff;background:#E30613;padding:5px 10px;border-radius:5px;}
@media screen and (max-width: 768px) {
.sales_block{font-size:0.7rem;padding:4px 8px;}
}
.sales__category{color:#000;background:#F9A826;}
.product-availability{margin-top:6px;font-weight:600;font-size:0.8rem;color:#189D02;}
.product-availability.no-availability{color:#E30613;}
@media screen and (max-width: 1024px) {
.product-availability{margin-top:0;font-size:0.7rem;}
}
.review{display:grid;grid-template-rows:auto 1fr auto;gap:15px;padding:10px;background:#E6E7E6;border-radius:6px;}
.review-title{display:flex;justify-content:space-between;align-items:flex-start;}
.review-title a{font-size:1.1rem;font-weight:600;transition:all 0.2s ease-in-out;}
.review-title a:hover{opacity:0.6;}
.review-title img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;}
.review-content{font-size:0.9rem;color:#828282;}
.review-content .review-content-all{display:block;margin-top:10px;font-size:0.8rem;font-weight:500;text-decoration:underline;}
.review-content .review-content-all:hover{color:#000;}
.review-footer{display:flex;justify-content:space-between;align-items:flex-end;}
.review-footer small{font-size:0.8rem;color:#000;font-weight:600;}
.review-footer a img{transition:all 0.2s ease-in-out;}
.review-footer a:hover img{transform:translateX(3px);}
.heading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.heading-header .heading{margin-bottom:0;}
.arrows-slider{display:inline-grid;grid-template-columns:auto auto;gap:6px;flex:none;}
.arrow-slider{transition:all 0.2s ease-in-out;opacity:1;cursor:pointer;}
.arrow-slider.swiper-button-disabled{opacity:0;visibility:hidden;cursor:default;}
.arrow-slider:hover{transform:scale(1.1);}
.cart-modal__product-colors-item{width:36px;height:36px;border-radius:10px;margin-right:5px;margin-bottom:5px;transition:all 0.2s ease-in-out;box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.4);cursor:pointer;}
.cart-modal__product-colors-item:hover{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.8);}
.cart-modal__product-colors-item.active{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.8);transform:scale(0.9);}
.cart-modal__product-colors-item.active:hover{box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.4);}
.cart-modal__product-colors-list{display:flex;align-items:center;flex-wrap:wrap;}
.block-col-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.block-col-4{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
.block-col-4{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.block-col-4{grid-template-columns:1fr;}
}
.block-col-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
@media screen and (max-width: 768px) {
.block-col-3{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.block-col-3{grid-template-columns:1fr;}
}
.work{display:block;border-radius:6px;background:#fff;height:100%;cursor:pointer;transition:all 0.2s ease-in-out;}
.work:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);transform:translateY(-5px);}
.work:hover .work-img img{transform:scale(1.1);}
.work-title{padding:10px;display:grid;grid-template-columns:1fr auto;font-size:1.1rem;font-weight:600;margin-bottom:10px;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.work-title{font-size:1rem;}
}
.work-title img{width:45px;height:28px;transition:all 0.2s ease-in-out;}
.work-title img:hover{transform:translateX(3px);}
.work-img{width:100%;height:175px;border-radius:6px;overflow:hidden;}
@media screen and (max-width: 768px) {
.work-img{height:160px;}
}
.work-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all 0.2s ease-in-out;}
.contacts-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media screen and (max-width: 768px) {
.contacts-block{grid-template-columns:1fr;}
}
.links-btn-row{display:flex;flex-wrap:wrap;}
.link-btn{display:flex;align-items:flex-end;align-self:stretch;margin-bottom:10px;min-height:90px;padding:10px;background:#FFFFFF;border-radius:6px;margin-right:10px;transition:all 0.2s ease-in-out;font-weight:600;cursor:pointer;}
.link-btn span{height:100%;margin-right:10px;}
.link-btn:hover{transform:scale(0.95);}
.link-btn.no-arrow{padding:10px 20px;min-height:auto;align-items:center;}
.link-btn.no-arrow span{height:auto;font-size:0.9rem;}
.link-btn.no-arrow img{width:30px;}
.contacts-img{display:flex;align-items:center;height:100%;}
.contacts-img img{width:100%;height:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;}
@media screen and (max-width: 768px) {
.contacts-img img{width:auto;}
}
.map{height:400px;width:100%;overflow:hidden;border-radius:20px;}
.text-block{margin-top:120px;}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.text-block .h1,
.text-block .h2,
.text-block .h3,
.text-block .h4,
.text-block .h5,
.text-block .h6{margin-top:1rem;margin-bottom:1rem;}
.text-block p,
.text-block b,
.text-block strong,
.text-block i,
.text-block em,
.text-block small,
.text-block mark,
.text-block del,
.text-block ins,
.text-block sub,
.text-block sup{line-height:1.3;margin:20px 0;color:#404040;}
.text-block a{color:#E30613;font-weight:500;}
.text-block a:hover{text-decoration:underline;}
.text-block ul,
.text-block ol{margin:20px 0;padding-left:20px;list-style:inherit;}
.text-block ol{list-style:auto;}
.text-block li{margin:10px 0;}
@media screen and (max-width: 768px) {
.text-block{margin-top:60px;}
}
#footer{position:relative;padding-bottom:60px;}
.footer-list{margin-bottom:40px;}
.footer-list li{position:relative;margin-bottom:10px;font-weight:600;}
.footer-list a{display:flex;align-items:center;color:#6A7A81;font-weight:500;transition:all 0.2s ease-in-out;}
.footer-list a:hover{color:#0e1011;}
.footer-img{position:absolute;right:0;bottom:0;width:450px;z-index:-1;}
@media screen and (max-width: 1024px) {
.footer-img{display:none;}
}
.footer-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.footer-container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;z-index:1;}
@media screen and (max-width: 768px) {
.footer-container{grid-template-columns:1fr;}
}
#copyright{margin-top:40px;font-size:0.8rem;color:#6A7A81;max-width:700px;}
.shop-products-block{margin-top:40px;grid-area:products;}
.shop-container{display:grid;grid-template-columns:1fr 260px;gap:20px;grid-template-areas:"products sidebar";}
@media screen and (max-width: 1363px) {
.shop-container{grid-template-columns:1fr 240px;}
}
@media screen and (max-width: 1024px) {
.shop-container{display:block;grid-template-columns:1fr;}
}
.shop-container .products-container{grid-template-columns:1fr 1fr 1fr;}
@media screen and (max-width: 768px) {
.shop-container .products-container{grid-template-columns:1fr 1fr;}
}
.shop-container-header{background:radial-gradient(100.68% 139.64% at -0.68% 0%, #DFAE31 0%, #E30613 48.96%, #9231DF 100%);color:#fff;}
.shop-container-header .container-block{margin-top:0;padding-top:120px;padding-bottom:40px;opacity:0;}
@media screen and (max-width: 1024px) {
.shop-container-header .container-block{padding-top:100px;padding-bottom:30px;}
}
.breadcrumbs{display:flex;align-items:center;font-size:1rem;font-weight:600;overflow-x:auto;}
.breadcrumbs span > span{opacity:0.8;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs a,
.breadcrumbs span{flex:0 0 auto;}
.breadcrumbs .dot{margin:0 10px;height:5px;width:5px;background-color:#fff;border-radius:100%;}
.breadcrumbs-black .dot{background:#000;}
.sidebar{position:relative;grid-area:sidebar;}
@media screen and (max-width: 1024px) {
.sidebar{margin-bottom:20px;}
}
.sidebar .sidebar-block{background:#fff;display:block;width:100%;padding:20px;border-radius:10px;}
.sidebar .sidebar-block a,
.sidebar .sidebar-block span{display:block;margin-right:10px;font-size:1rem;font-weight:500;transition:all 0.2s ease-in-out;}
.sidebar .sidebar-block a:hover,
.sidebar .sidebar-block span:hover{color:#E30613;}
.sidebar .sidebar-block a.active,
.sidebar .sidebar-block span.active{color:#E30613;}
.sidebar .sidebar-block a.active:hover,
.sidebar .sidebar-block span.active:hover{color:#80030b;}
@media screen and (max-width: 1024px) {
.sidebar .sidebar-block a,
.sidebar .sidebar-block span{padding:10px;font-weight:600;background:#f2f2f2;border-radius:5px;flex:0 0 auto;}
.sidebar .sidebar-block a.active,
.sidebar .sidebar-block span.active{color:#fff;background:#E30613;}
.sidebar .sidebar-block a.active:hover,
.sidebar .sidebar-block span.active:hover{color:#fff;background:#ca0511;}
}
.sidebar .sidebar-block span.active:hover{color:#E30613;}
.sidebar nav{display:grid;gap:10px;}
.sidebar .sidebar-tags{margin-top:20px;}
.sidebar .sidebar-tags nav{display:flex;flex-wrap:wrap;gap:inherit;}
.sidebar .sidebar-tags a{display:flex;flex:0 0 auto;padding:7px 12px;margin:2px;border-radius:5px;background:#F2F2F2;font-size:0.8rem;font-weight:600;color:#000;transition:all 0.2s ease-in-out;}
.sidebar .sidebar-tags a:hover{background:#d9d9d9;color:#000;}
.sidebar .sidebar-tags__title{font-size:1.2rem;font-weight:600;margin-bottom:10px;}
.viewed-products{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.viewed-products{grid-template-columns:repeat(4, 1fr);}
}
@media screen and (max-width: 768px) {
.viewed-products{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 500px) {
.viewed-products{grid-template-columns:repeat(2, 1fr);}
}
.viewed-products__item{transition:all 0.3s ease-in-out;}
.viewed-products__item:hover .viewed-products__item-img{-webkit-animation:swing 0.5s ease-in-out;animation:swing 0.5s ease-in-out;}
.viewed-products__item:hover .viewed-products__item-title{opacity:0.7;}
.viewed-products__item-img{position:relative;overflow:hidden;border-radius:10px;transition:all 0.2s ease-in-out;}
.viewed-products__item-title{font-size:1rem;font-weight:600;margin-top:10px;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
.viewed-products__item-title{font-size:0.9rem;}
}
.blog-container{margin-top:40px;}
.blog-block{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.blog-block{grid-template-columns:repeat(3, 1fr);gap:14px;}
.blog-block .blog-post{min-height:120px;}
.blog-block .blog-post-title{font-size:1rem;}
}
@media screen and (max-width: 768px) {
.blog-block{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.blog-block{grid-template-columns:repeat(1, 1fr);}
}
.blog-post{padding:10px;padding-bottom:40px;position:relative;border-radius:6px;min-height:140px;overflow:hidden;}
.blog-post small{font-size:0.8rem;font-weight:600;}
.blog-post .arrow-link{width:45px;height:28px;-o-object-fit:contain;object-fit:contain;}
.blog-post.blog-post-no-bg .blog-post-title,
.blog-post.blog-post-no-bg .blog-post-footer{color:#000;}
.blog-post.blog-post-no-bg .blog-post-bg::before{background:#c4c4c4;}
.blog-post.blog-post-no-bg:hover .blog-post-bg::before{background:#ababab;}
.blog-post:hover .blog-post-bg{transform:scale(1.15);}
.blog-post-title{position:relative;font-weight:600;font-size:1.2rem;color:#FFFFFF;margin-bottom:30px;z-index:1;}
.blog-post-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;transition:all 0.2s ease-in-out;}
.blog-post-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.blog-post-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;transition:all 0.2s ease-in-out;}
.blog-post-footer{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:1;}
.reviews-header{margin-bottom:60px;}
@media screen and (max-width: 768px) {
.reviews-header .heading{font-size:1.8rem;margin:20px 0;}
}
.reviews-center{display:grid;grid-template-columns:1fr;gap:5px;justify-items:center;}
@media screen and (max-width: 1024px) {
.reviews-center{justify-items:flex-start;}
}
.reviews-center h1{text-align:center;}
@media screen and (max-width: 1024px) {
.reviews-center h1{text-align:left;}
}
@media screen and (max-width: 768px) {
.reviews-center h1{font-size:1.8rem;margin:10px 0;}
}
.reviews-center .h4{font-size:1.2rem;font-weight:600;margin-bottom:20px;}
@media screen and (max-width: 1024px) {
.reviews-center .h4{text-align:left;}
}
.reviews-center .breadcrumbs .dot{background:#000;}
.reviews-block{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media screen and (max-width: 1024px) {
.reviews-block{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
.reviews-block{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
.reviews-block{grid-template-columns:repeat(1, 1fr);}
}
.reviews-check{display:flex;}
.reviews-check label{margin-left:3px;margin-right:5px;position:relative;cursor:pointer;}
.reviews-check label span{display:flex;align-items:center;justify-content:center;padding:9px;border-radius:5px;transition:all 0.2s ease-in-out;}
.reviews-check label img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;}
.reviews-check label input{opacity:0;width:0;height:0;position:absolute;top:0;left:0;}
.reviews-check label input:checked + span{color:#fff;box-shadow:0 0 0 2px #404040;}
.reviews-check label:hover span{transform:scale(0.9);}
.reviews-check .green span{background:#48DF22;}
.reviews-check .green-lite span{background:#8CDF22;}
.reviews-check .yellow span{background:#F9A826;}
.reviews-check .orange span{background:#FD4D02;}
.reviews-check .red span{background:#EA4949;}
.text-page-head .btn{padding:10px 20px;margin:2px;margin-bottom:40px;}
@media screen and (max-width: 768px) {
.text-page-head .btn{width:inherit;}
}
.text-page-head .btn svg{stroke:#858585;margin-right:5px;transition:all 0.2s ease-in-out;}
.text-page-head .btn:hover svg{stroke:#000;}
.text-page-head .btn span{vertical-align:middle;}
.text-page-head .breadcrumbs{margin-bottom:20px;}
.product-page{display:grid;grid-template-columns:1fr 1.7fr;gap:20px;margin-top:25px;}
@media screen and (max-width: 1024px) {
.product-page{grid-template-columns:1fr 1.3fr;}
}
@media screen and (max-width: 650px) {
.product-page{grid-template-columns:1fr;}
}
.product-page .gallery{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;gap:20px;}
.product-page .gallery .gallery-item:first-child{grid-column-start:1;grid-column-end:4;}
.product-page .gallery-item{position:relative;width:100%;height:100%;transition:all 0.2s ease-in-out;overflow:hidden;border-radius:10px;cursor:pointer;}
.product-page .gallery-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.product-page .gallery-item:hover{transform:scale(0.95);}
.product-page .open-modalbox-item{opacity:0;transform:scale(0.6);}
.product-page-block{display:flex;justify-content:space-between;padding:20px;margin-bottom:20px;margin-top:20px;background:#fff;border-radius:10px;}
@media screen and (max-width: 1024px) {
.product-page-block{flex-direction:column;}
.product-page-block .product-page-block__cart-button .btn{justify-content:center;}
}
.product-page-container .sales{display:flex;}
.product-page-container .sales > div{margin-right:5px;}
.product-page-container .sales > div:last-child{margin-right:0;}
.product-page-container .product-availability{font-size:0.9rem;margin:0;}
.product-page-block .price-content,
.product-kit-block .price-content{display:grid;grid-template-columns:1fr;margin:0;}
.product-page-block .price-content .price-content__price,
.product-kit-block .price-content .price-content__price{font-size:1.8rem;white-space:nowrap;}
.product-page-block .price-content .price-content__price-old-block,
.product-kit-block .price-content .price-content__price-old-block{display:flex;}
.product-page-block .price-content .price-content__price-old,
.product-kit-block .price-content .price-content__price-old{font-size:1.35rem;white-space:nowrap;margin-left:0;}
.lib-modal__content-footer-btn{justify-content:center;}
.product-page-block__info{margin-top:40px;}
.product-page-block__info-text{color:#5b5b5b;font-weight:500;}
.product-page-block__info-text .box-color{vertical-align:bottom;}
.product-page-block__info-text b{font-weight:600;color:#1b1b1b;}
.product-page-block__cart-button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch;}
.product-page-block__cart-btn{display:flex;flex-direction:column;justify-content:center;height:100%;}
.product-page-block-video__item{position:relative;width:100%;height:120px;overflow:hidden;border-radius:10px;cursor:pointer;}
.product-page-block-video__item:hover span img{transform:scale(1.2);}
.product-page-block-video__item > img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.product-page-block-video__item span{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.product-page-block-video__item span img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;transition:all 0.2s ease-in-out;}
@media screen and (max-width: 1024px) {
.product-page-block__cart{margin-top:20px;}
}
.products-kit-block{display:flex;align-items:flex-start;margin-top:20px;}
@media screen and (max-width: 865px) {
.products-kit-block{align-items:center;flex-direction:column;}
}
.product-kit-plus,
.product-kit-equally{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8rem;padding:20px;}
@media screen and (max-width: 1363px) {
.product-kit-plus,
.product-kit-equally{font-size:6rem;padding:10px;}
}
@media screen and (max-width: 1024px) {
.product-kit-plus,
.product-kit-equally{font-size:4rem;padding:0 10px;line-height:100%;}
}
@media screen and (max-width: 865px) {
.product-kit-plus,
.product-kit-equally{padding:5px;}
}
.products-kit{display:flex;align-self:flex-start;}
@media screen and (max-width: 865px) {
.products-kit{width:100%;justify-content:center;}
}
.products-kit .product-kit{width:auto;height:100%;margin-right:20px;}
@media screen and (max-width: 1024px) {
.products-kit .product-kit{margin-right:10px;}
}
.products-kit .product-kit:last-child{margin-right:0;}
@media screen and (max-width: 865px) {
.product-kit{width:100%;display:grid;justify-items:center;}
}
.product-kit .product-kit-products__item-title{margin-top:10px;font-size:1rem;font-weight:600;}
.product-kit .product-kit-products__item-img{width:100%;max-width:200px;height:100%;max-height:200px;border-radius:10px;overflow:hidden;}
@media screen and (max-width: 768px) {
.product-kit .product-kit-products__item-img{max-width:150px;max-height:150px;}
}
.product-kit .product-kit-products__item-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
a.product-kit:hover .product-kit-products__item-img{-webkit-animation:swing 0.6s forwards;animation:swing 0.6s forwards;}
.product-kit-block{display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:10px;padding:20px;}
@media screen and (max-width: 1024px) {
.product-kit-block{padding:10px;}
.product-kit-block .price-content .price-content__price{font-size:1.5rem;white-space:nowrap;}
.product-kit-block .price-content .price-content__price-old-block{font-size:1.35rem;}
}
@media screen and (max-width: 865px) {
.product-kit-container .h3{text-align:center;margin-bottom:30px;}
}
.page-product{margin-top:120px;}
@media screen and (max-width: 1024px) {
.page-product{margin-top:80px;}
}
.no-img::before{background:#858585;}
.pagination .pagination_block{display:flex;align-items:center;justify-content:center;overflow-x:auto;padding:5px 0;}
@media screen and (max-width: 1024px) {
.pagination .pagination_block{justify-content:flex-start;}
}
.pagination a,
.pagination .pagination_block > span{display:inline-block;box-shadow:0 0 0 2px #ccc;padding:10px 16px;border-radius:6px;margin:0 5px;transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;flex:0 0 auto;font-weight:600;}
.pagination a:hover{box-shadow:0 0 0 2px #000;background:#e4e4e4;}
.pagination .page-numbers{display:inline-block;}
.pagination .page-numbers.current{box-shadow:0 0 0 2px #000;}
.pagination .page-numbers.dots{display:inline-block;box-shadow:none;background:none;}
.phone-block{display:grid;gap:2px;}
.phone-block img{width:24px;height:24px;-o-object-fit:content;object-fit:content;}
.phone-block a{transition:all 0.2s ease-in-out;}
.phone-block a:hover{opacity:0.7;}
.phone-block.phone-big{font-size:1.5rem;}
.phone-block.phone-big img{width:28px;height:28px;}
.heading{display:inline-block;position:relative;font-weight:700;font-size:8vw;margin-bottom:20px;color:#BFBFBF;}
.heading span{opacity:0;}
.heading.after-none:after{width:0;-webkit-animation:widthNone 1s forwards;animation:widthNone 1s forwards;transition:all 0.3s ease-in-out;}
.heading.after-none span{opacity:1;transition:opacity 0.1s 0.4s ease-in-out;}
.heading::after{content:"";display:block;width:0;height:100%;background:#e3e3e3;position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
@media screen and (min-width: 1364px) {
.heading{font-size:6rem;}
}
@media screen and (min-width: 768px) {
.heading{transform:translateX(-20px);}
}
@media screen and (max-width: 768px) {
.heading{font-size:2.5rem;margin-bottom:6px;color:#9d9c9c;}
}
.first-container-info-heading span,
.first-container-info-heading-pre span{opacity:0;}
.first-container-info-heading.after-none:after,
.first-container-info-heading-pre.after-none:after{width:0;-webkit-animation:widthNone 1s forwards;animation:widthNone 1s forwards;transition:all 0.3s ease-in-out;}
.first-container-info-heading.after-none span,
.first-container-info-heading-pre.after-none span{opacity:1;transition:opacity 0.1s 0.4s ease-in-out;}
.first-container-info-heading::after,
.first-container-info-heading-pre::after{content:"";display:block;width:0;height:100%;background:#999999;position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
.first-container-info-heading-pre::after{background:#7a879a;}
.lib-modal.modal-right.favourites-modal .lib-modal__content{height:inherit;}
.lib-modal.modal-right.favourites-modal .lib-modal__container{max-height:initial;}
#favourites{display:grid;gap:15px;overflow:auto;margin-bottom:20px;overflow-x:hidden;}
#favourites .price-content{display:grid;align-content:end;}
@media screen and (max-width: 768px) {
#favourites .price-content{text-align:left;}
}
#favourites .price-content__price-old{display:inline-block;margin:0;font-size:0.9rem;line-height:100%;}
#favourites .price-content__price{display:block;font-size:1.1rem;line-height:1.4rem;}
#favourites .btn{display:flex;align-items:center;}
#favourites .btn--red{font-size:14px;}
#favourites .btn--smoke{background:#111213;}
#favourites .btn--smoke:hover{background:#35383b;}
#favourites .btn-gray{flex:none;}
.favourites-block__item{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:10px;border-bottom:2px solid #D9D9D9;}
.favourites-block__item:last-child{border-bottom:none;}
@media screen and (max-width: 768px) {
.favourites-block__item{grid-template-columns:80px 1fr;grid-template-rows:auto 1fr;padding:5px;gap:10px;}
.favourites-block__item:last-child{border-bottom:2px solid #D9D9D9;}
}
.favourites-block__item-info-title{display:block;font-size:0.9rem;font-weight:600;margin-bottom:6px;}
.favourites-block__item-info-title:hover{text-decoration:underline;}
.favorites-block-container{display:grid;grid-auto-rows:1fr auto;justify-content:flex-end;gap:5px;}
@media screen and (max-width: 768px) {
.favorites-block-container{justify-content:inherit;}
}
.favorites-block-container .price-content{margin:0;text-align:right;}
.favourites-block__item-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;}
@media screen and (max-width: 768px) {
.favourites-block__item-container{grid-template-columns:1fr;}
}
.favourites-block__item-info .box-color{width:13px;height:13px;vertical-align:middle;margin-bottom:2px;border-radius:100%;}
.favourites-block__item-img{height:100%;}
.favourites-block__item-img img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transition:0.2s ease-in-out;border-radius:10px;}
.favourites-block__item-img:hover img{transform:scale(1.1);}
@media screen and (max-width: 768px) {
.favourites-block__item-btn{justify-content:flex-start;}
.favourites-block__item-btn .flex{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:stretch;width:100%;}
.favourites-block__item-btn .btn--red{display:flex;justify-content:center;align-items:center;width:100%;padding:5px;}
.favourites-block__item-btn .btn-gray{margin-left:4px;}
}
@media screen and (max-width: 768px) {
.favourites-block__item-img{width:100%;height:150px;}
} .accordion_block{display:grid;gap:14px;margin-top:60px;}
.accordion-item{border-radius:6px;box-shadow:inset 0 0 0 4px #E6E7E6;overflow:hidden;}
.accordion-item.accordion--open .accordion-title{background:#E6E7E6;}
.accordion-item.accordion--open .accordion-title .accordion-arrow img{transform:rotate(180deg);}
.accordion-item.accordion--open .accordion-body{padding:5px 20px;max-height:inherit;}
.accordion-title{display:flex;justify-content:space-between;background:#E6E7E6;border-radius:6px;color:#111213;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.accordion-title:hover{color:#595f64;}
@media screen and (max-width: 768px) {
.accordion-title{font-size:16px;font-weight:500;}
}
.accordion-text{padding:16px 14px;}
.accordion-arrow{display:flex;justify-content:center;align-items:center;width:53px;flex:none;}
.accordion-arrow img{width:21px;margin:0;transition:all 0.3s ease;}
.accordion-body{overflow:hidden;height:100%;max-height:0;padding:0 20px;transition:all 0.3s ease;}
.lib-gallery{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;visibility:hidden;}
.lib-gallery.lib-gallery--close .lib-gallery__body{transform:scale(0.8) !important;opacity:0 !important;}
.lib-gallery[data-lib-gallery-open]{display:flex;justify-content:center;align-items:center;visibility:visible;}
.lib-gallery[data-lib-gallery-open] .lib-gallery__body{transform:scale(1);}
.lib-gallery .lib-gallery__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);transition:all 0.3s ease-in-out;}
.lib-gallery .lib-gallery__content{display:inline-flex;justify-content:center;align-items:center;overflow:hidden;transition:0.3s ease-in-out;}
.lib-gallery .lib-gallery__body{display:flex;position:relative;max-width:70vw;max-height:70vh;transform:scale(0.7);transition:all 0.3s ease-in-out;}
.lib-gallery .lib-gallery__body > div{display:none;}
.lib-gallery .lib-gallery__body > div.lib-gallery__active{display:block;}
.lib-gallery .lib-gallery__body iframe{width:100%;height:50vh;aspect-ratio:16/9;}
@media screen and (max-width: 600px) {
.lib-gallery .lib-gallery__body iframe{width:100%;height:280px;aspect-ratio:initial;}
}
.lib-gallery .lib-gallery__close{position:absolute;top:10px;right:10px;z-index:1000;cursor:pointer;}
.lib-gallery .lib-gallery__img{display:none;max-height:70vh;}
.lib-gallery .lib-gallery__img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.lib-gallery-arrows .lib-gallery__arrow-left{position:absolute;left:2.5%;top:50%;transform:translateY(-50%);}
.lib-gallery-arrows .lib-gallery__arrow-right{position:absolute;right:2.5%;top:50%;transform:translateY(-50%);}
.lib-gallery-arrows > div{padding:20px 4px;background-color:#fff;border-radius:6px;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);transition:all 0.2s ease-in-out;cursor:pointer;}
.lib-gallery-arrows > div.lib-gallery__arrow--disabled{visibility:hidden;opacity:0;}
@media screen and (max-width: 600px) {
.lib-gallery-arrows > div{padding:15px 0px;}
}
.lib-gallery-arrows > div:hover{background-color:#f5f5f5;}
.lib-gallery-arrows > div:hover img{transform:scale(1.3);}
.lib-gallery-arrows > div img{width:30px;height:30px;transition:all 0.2s ease-in-out;}
.lib-gallery__paginate{position:absolute;left:50%;bottom:40px;display:inline-flex;justify-content:center;align-items:center;transform:translateX(-50%);font-weight:600;padding:7px 10px;background-color:white;border-radius:10px;}
.lib-gallery__video{background-color:#000;}
@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-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.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{-webkit-margin-start:var(--swiper-centered-offset-before);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{-webkit-margin-before:var(--swiper-centered-offset-before);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-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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}
.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;-moz-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}