/* Start:/local/templates/main/css/normalize.css?17519478276485*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type='checkbox'],
[type='radio'] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* End */
/* Start:/local/templates/main/js/libs/fancybox/fancybox.css?175194782725343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */
/* Start:/local/templates/main/css/style.css?175306999052181*/
:root {
--first-family: 'Roboto', sans-serif;
--light-background: #ffffff;
--light-text: #ffffff;
--text-color: #2F2F30;
--brand-color: #D71412;
--hover-brand-color: #B7201A;
--grey-color: #CCCFD4;
--light-grey-color: #F2F2F2;
--text-description: rgba(47, 47, 48, 0.6);
--border-color: #e6e6e680;
}
body{
font-family: var(--first-family);
font-size: 16px;
font-weight: 400;
color: var(--text-color);
box-sizing: border-box;
padding: 0;
margin: 0 auto;
overflow-x: hidden;
background-color: var( --light-background);
}
body * {
box-sizing: border-box;
}
svg {
flex-shrink: 0;
max-width: 100%;
height: auto;
}
img {
max-width: 100%;
}
main p>img{
border-radius: 20px;
margin-right: 50px;
margin-bottom: 50px;
float:left;
}
main p:has(img):after{
content: '';
display: block;
clear: both;
}
@media (max-width: 1440px) {
main p>img{
margin-right: 30px;
margin-bottom: 10px;
}
}
@media (max-width: 992px) {
main p>img{
margin-right: 0;
float: none!important;
width: 100%;
margin-bottom: 10px;
}
}
a {
text-decoration: none;
cursor: pointer;
color: var(--brand-color);
outline: none!important;
}
a[disabled]{
pointer-events: none;
cursor: default;
color: inherit;
}
button{
padding: 0;
margin: 0;
border: 0;
cursor: pointer;
background: none;
font-family: var(--first-family);
outline: none!important;
}
input:focus-visible {
outline: none;
}
.container {
width: 100%;
max-width: 1720px;
padding: 0 20px;
margin: 0 auto;
}
.btn-brand {
color: #fff;
background-color: var(--brand-color);
padding: 10px 20px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
border-radius: 30px;
transition: background-color .3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.btn-big {
font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
line-height: 140%;
padding: 20px 60px;
}
.btn-icon {
display: flex;
align-items: center;
justify-content: center;
column-gap: 10px;
}
.btn-icon path {
transition: fill .3s ease-in-out;
}
.btn-icon.btn-big svg{
margin-top: -2px;
}
.btn-white {
background-color: #fff;
color: var(--text-color);
padding: 10px 20px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
border-radius: 30px;
border: 1px solid var(--grey-color);
transition: all .3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
max-width: max-content;
}
.icon-list ul {
list-style: none;
padding: 0!important;
margin: 0;
}
.icon-list li{
display: flex;
align-items: center;
column-gap: 13px;
font-weight: 400;
font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
line-height: 150%;
letter-spacing: -0.36px;
color: inherit;
padding-left: 0!important;
}
.icon-list {
margin-bottom: 25px;
}
.icon-list__icon {
display: flex;
align-items: center;
}
.banner-text .icon-list.link-list a{
font-weight: 400;
font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);
line-height: 150%;
letter-spacing: -0.36px;
text-decoration-line: underline;
color: var(--text-color);
display: flex;
align-items: start;
column-gap: 13px;
max-width: 255px;
}
.link-list .icon-list__icon {
display: flex;
align-items: center;
margin-top: 1px;
}
body .js-phone-mask::placeholder, .js-phone-mask-1::placeholder{
font-size: 0!important;
}
.marker {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100px;
padding: 5px 20px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-align: center;
max-width: max-content;
}
.white-border-marker{
color: #FFFFFF;
border: 1px solid #E6E6E6;
}
.btn-white .svg-box path[fill="currentColor"]{
fill: #FFF;
}
/*404page*/
.columns404-box-2{
display: flex;
}
.columns404-box_item__text{
max-width: 690px;
padding: 30px 0 0 0;
}
.columns404-box_item__btns{
margin-top: 50px;
}
.columns404-box_item__btns .btn-brand{
max-width: max-content;
}
b {
font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
}
.columns.bg-tile-items{
border-top: 1px solid rgba(230, 230, 230, 0.5);
padding-top: 50px;
}
.columns .bg-tile_item__title {
font-weight: 700;
font-size: clamp(1.25rem, 1.1286rem + 0.5178vw, 1.75rem);
line-height: 120%;
color: #2F2F30;
margin-bottom: 30px;
}
.columns .bg-tile_item__info-label {
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.32px;
color: #9A9A9B;
margin-bottom: 10px;
}
.columns .bg-tile_item__info-text, .columns .bg-tile_item__info-text a {
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.32px;
color: #2F2F30;
}
.columns .bg-tile_item {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 50px;
max-width: 526px;
background: #FAFAFC;
border-radius: 20px;
padding: 50px;
justify-content: space-between;
overflow: hidden;
}
.columns .bg-tile_item p{
margin: 0 0 20px 0;
}
.columns .bg-tile_item p:last-child{
margin-bottom: 0;
}
.columns .bg-tile_item-content+img {
margin: 30px -50px -50px -50px;
min-width: calc(100% + 100px);
aspect-ratio: 2.129554656;
display: block;
height: 247px;
object-fit: cover;
}
@media (min-width: 992px) {
.columns.bg-tile-items{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
.columns .bg-tile_item {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 50px;
max-width: 526px;
background: #FAFAFC;
border-radius: 20px;
padding: 50px;
}
}
@media (min-width: 1140px){
.columns .bg-tile_item__info-text a:hover{
color: var(--brand-color);
}
.columns-2-md{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.actions__slider .actions__content{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (max-width: 1200px) {
.columns.bg-tile-items {
gap: 20px;
}
.columns .bg-tile_item{
padding: 30px;
}
}
@media (max-width: 1140px) {
.columns.bg-tile-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px){
.columns.bg-tile-items{
border-top: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.columns .bg-tile h2{
border-bottom: 1px solid rgba(230, 230, 230, 0.5);
padding-bottom: 17px;
}
.columns .bg-tile_item__title{
font-size: 18px;
line-height: 120%;
margin-bottom: 15px;
}
.columns .bg-tile_item__info-label{
margin-bottom: 3px;
}
.banner-text .icon-list.link-list a{
max-width: initial;
}
}
@media (max-width: 768px){
.columns.bg-tile-items{
grid-template-columns: 1fr;
padding-top: 30px;
}
.columns .bg-tile_item{
max-width: 100%;
}
}
@media (max-width: 992px) {
.columns404-box-2{
flex-direction: column-reverse;
align-items: center;
}
.columns404-box_item__text{
text-align: center;
padding-top: 0;
}
.columns404-box_item__btns{
display: flex;
justify-content: center;
margin-top: 30px;
}
}
@media (hover: hover) {
.btn-brand:hover:not(:disabled) {
background-color: var(--hover-brand-color);
}
.btn-white:hover:not(:disabled) {
color: #ffffff;
background-color: var(--brand-color);
border-color: var(--brand-color);
}
.btn-white.btn-icon:hover:not(:disabled) path {
fill: #fff;
stroke: #FFF;
}
.btn-white:hover:not(:disabled) .svg-box path[fill="currentColor"]{
fill: rgba(183, 32, 26, 1);
stroke: none;
}
}
.section-title {
margin: 0;
margin-bottom: 24px;
font-size: clamp(2.125rem, 1.9126rem + 0.9061vw, 3rem);
font-weight: 500;
line-height: 150%;
}
.section-descr {
margin: 0 auto;
margin-bottom: 48px;
max-width: 800px;
font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);
line-height: 150%;
letter-spacing: -0.32px;
}
.text-center {
text-align: center;
}
.btn-add {
position: relative;
background-image: url("/local/templates/main/css/../images/button-card-add.svg");
background-repeat: no-repeat;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
aspect-ratio: 7.795454545;
background-position: center;
max-width: 343px;
padding: 9px 4vw 9px 20px;
cursor: pointer;
}
.btn-add.border-add{
background-image: url("/local/templates/main/css/../images/button-card-add.svg");
}
.btn-add__text {
display: block;
text-align: center;
font-size: clamp(0.75rem, 0.659rem + 0.3883vw, 1.125rem);
color: var(--text-color);
font-weight: 700;
transition: color 0.1s ease-in-out;
}
.btn-add__text-xs{
display: none;
}
.fancybox__backdrop{
background: rgba(47, 47, 48, 0.4);
opacity: 1;
}
body .mfp-bg{
background: rgba(47, 47, 48, 0.9);
opacity: 1;
}
body .mfp-close, body .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
opacity: 1;
cursor: pointer!important;
}
.cart_img{
position: relative;
}
body .mfp-arrow:before, body .mfp-arrow:after{
content: none;
}
body img.mfp-img{
padding: 0;
border-radius: 20px;
}
body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {
width: 35px;
height: 35px;
padding: 0;
right: 10px;
top: 10px;
}
body .mfp-arrow{
width: 35px;
height: 35px;
opacity: 1;
top: 50%;
transform: translate(0, -50%);
margin-top: 0!important;
}
body .mfp-arrow-right img{
transform: rotate(-180deg);
}
body .mfp-bg, body .mfp-wrap {
position: fixed !important;
height: 100vh !important;
top: 0 !important;
overflow-y: auto;
}
body .mfp-iframe-holder {
padding-top: 0px;
padding-bottom: 0px;
}
.mt-3rem{
margin-top: 3rem;
}
.mr-0{
margin-right: 0;
}
.ml-0{
margin-left: 0;
}
@media (min-width: 940px) {
body img.mfp-img{
max-height: 80vh!important;
}
body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {
width: 44px;
height: 45px;
top: 50px;
right: 50px;
}
body .mfp-arrow{
top: 50%;
transform: translate(0, -50%);
width: 44px;
height: 45px;
}
body .mfp-arrow-left{
left: 50px;
}
body .mfp-arrow-right{
right: 50px;
}
}
.detail-container{
max-width: 1250px;
}
.cart-counter{
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
height: 15px;
left: calc(50% - 22px/2 + 11px);
background: var(--brand-color);
border-radius: 100px;
position: absolute;
color: var(--light-text);
top: -3px;
font-weight: 400;
font-size: 10px;
line-height: 150%;
text-align: center;
width: 22px;
overflow: hidden;
text-align: center;
}
.gray-bg {
background: #FAFAFC;
}
.main-page header{
border-bottom: 0;
}
.input-wrap input, .input-wrap textarea{
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
width: 100%;
border-radius: 8px;
border: 0;
font-weight: 400;
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
line-height: 1;
color: var(--text-color);
font-family: var(--first-family);
background: #FAFAFC;
height: 54px;
padding: 25px 20px 5px 20px;
}
.input-wrap textarea{
height: 135px;
padding-top: 30px;
}
.field-description {
font-weight: 400;
font-size: 13px;
line-height: 150%;
color: var(--text-color);
margin-top: 5px;
}
.form-row{
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.input-wrap {
position:relative;
overflow:hidden;
}
.form-row:last-child{
margin-bottom: 0;
}
.input-wrap input[type="text"] + label, .input-wrap input[type="tel"] + label, .input-wrap input[type="email"] + label, .input-wrap textarea + label{
font-weight: 400;
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
line-height: 1;
color: var(--text-description);
position: absolute;
width:100%;
height:100%;
bottom:0px;
left:0%;
pointer-events:none;
}
.input-wrap input[type="text"]:focus, .input-wrap input[type="tel"]:focus, .input-wrap input[type="email"]:focus, .input-wrap input.filled, .input-wrap textarea:focus {
outline: none;
border: 1px solid rgba(230, 230, 230, 1);
background: transparent;
}
.input-wrap input[type="text"]:focus-visible, .input-wrap input[type="tel"]:focus-visible, .input-wrap input[type="email"]:focus-visible,
.input-wrap textarea:focus-visible{
outline: none;
background: transparent;
border: 1px solid rgba(230, 230, 230, 1);
}
.label-name{
position:absolute;
top:50%;
left: 20px;
transition:all .3s ease;
transform: translate(0, -50%);
}
.input-wrap input:focus + label,.input-wrap textarea:focus + label, .input-wrap .filled +label > .label-name{
font-size: 13px;
}
.input-wrap textarea + label .label-name{
top: 30px;
transform: none;
}
.input-wrap input:focus + label .label-name,
.input-wrap textarea:focus + label .label-name, .input-wrap .filled +label > .label-name{
transform:translateY(-140%);
}
input.invalid{
background: rgba(215, 20, 18, 0.05);
}
.error-text{
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: var(--brand-color);
margin-top: 5px;
display: none;
}
.file-upload{
border: 1px dashed rgba(47, 47, 48, 1);
position: relative;
border-radius: 8px;
padding: 38px;
max-height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.file-upload input{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.file-upload label{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--text-description);
}
.file-upload-desc{
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: var(--text-description);
margin-top: 5px;
}
.file-upload label .file-upload-desktop_text>span{
text-decoration-line: underline;
color: var(--text-color);
}
.file-upload-mobile_text{
display: none;
}
.file-upload.active-file{
border: 1px solid rgba(230, 230, 230, 1);
}
.remove-file{
width: 15px;
height: 15px;
background-image: url("/local/templates/main/css/../images/close.svg");
background-repeat: no-repeat;
background-size: 15px;
}
.result-file{
display: flex;
align-items: center;
column-gap: 10px;
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
word-break: break-word;
flex-shrink: 0;
}
.result-file span{
color: var(--text-description);
font-size: clamp(0.8125rem, 0.7973rem + 0.0647vw, 0.875rem);
}
.wrap-modal-form{
background: #FFFFFF;
display: flex;
flex-direction: column;
row-gap: 20px;
}
.w-820, .modal-box.w-820.fancybox__content, .modal-box.w-820{
max-width: 820px;
}
.modal-box .border-form{
background: #FFFFFF;
display: flex;
flex-direction: column;
row-gap: 20px;
border: 0;
padding: 0;
}
.modal-box .border-form_btn button {
max-width: 320px;
padding: 10px 120px;
}
.title-description{
font-weight: 400;
font-size: 26px;
line-height: 120%;
color: var(--text-description);
margin-left: 10px;
display: inline-block;
}
@media (max-width: 992px) {
.file-upload{
padding: 40px 20px;
}
.file-upload-desktop_text{
display: none;
}
.file-upload-mobile_text{
display: inline-block;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-decoration-line: underline;
color: var(--text-color);
text-align: center;
}
}
.select-dropdown{
position: relative;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: left;
color: var(--text-color);
padding-left: 10px;
}
.select-dropdown_list ul{
list-style: none;
padding: 5px 0px;
margin: 0;
}
.select-dropdown_list {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
top: calc(100% + 5px);
max-height: 18vh;
overflow-y: auto;
}
.select-dropdown_list::-webkit-scrollbar {
width: 8px;
}
.select-dropdown_list::-webkit-scrollbar-track {
background: rgba(250, 250, 252, 1);
}
.select-dropdown_list::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 152, 1);
border-radius: 20px;
}
.select-dropdown_list li{
padding: 10px;
cursor: pointer;
}
.select-dropdown_list li:hover{
background: rgba(250, 250, 252, 1);
}
.select-dropdown_val {
display: flex;
align-items: center;
column-gap: 20px;
cursor: pointer;
padding-left: 10px;
}
.sort-dropdown_val__arr{
display: flex;
align-items: center;
}
.custom-dropdown{
position: relative;
max-width: max-content;
font-weight: 400;
font-size: 16px;
line-height: 24px;;
color: var( --text-description);
}
.custom-dropdown.selected .custom-dropdown-btn_text{
color: var( --text-color);
}
.custom-dropdown-list{
position: absolute;
top: calc(100% + 5px);
background: #FFF;
width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
max-height: 18vh;
overflow-y: auto;
display: none;
}
.custom-dropdown-list{
padding-left: 0;
margin: 0;
}
.custom-dropdown-list label{
padding: 10px 20px;
cursor: pointer;
}
.custom-dropdown-list label:hover{
background: rgba(250, 250, 252, 1);
}
.custom-dropdown-list label input{
display: none;
}
.custom-dropdown-list::-webkit-scrollbar {
width: 8px;
}
.custom-dropdown-list::-webkit-scrollbar-track {
background: rgba(250, 250, 252, 1);
}
.custom-dropdown-list::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 152, 1);
border-radius: 20px;
}
.custom-dropdown-btn{
cursor: pointer;
position: relative;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--text-description);
background: rgba(250, 250, 252, 1);
display: flex;
align-items: center;
justify-content: space-between;
max-width: max-content;
padding: 15px 20px;
width: 100%;
height: 54px;
}
.custom-dropdown-btn_label{
font-weight: 400;
font-size: 12.8984px;
line-height: 20px;
color: var(--text-description);
}
.checkbox-input {
display: none;
}
.custom-checkbox {
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
gap: 10px;
max-width: max-content;
}
.custom-dropdown-btn_wrap {
width: 288px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
}
.custom-dropdown-btn_text{
max-width: 320px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.checkbox-custom {
display: flex;
justify-content: center;
align-items: center;
background: #FAFAFC;
border-radius: 8px;
width: 30px;
min-width: 30px;
height: 30px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
border: 1px solid rgba(230, 230, 230, 1);
}
.checkbox-input:checked + .checkbox-custom::after {
content: url('data:image/svg+xml,');
}
.custom-checkbox_content {
display: flex;
align-items: center;
font-weight: 400;
font-size: 13px;
line-height: 150%;
color: #2F2F30;
}
.custom-checkbox svg{
margin-right: 10px;
}
.row-btn-menu_title{
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: var( --text-description);
}
.start-align{
align-items: flex-start;
}
.row-btn-menu{
margin: 50px 0;
}
.row-btn-menu ul{
display: flex;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
gap: 10px 5px;
}
.row-btn-menu_item {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 20px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 20px;
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-align: center;
color: var(--text-color);
}
.row-btn-menu_item:hover{
background: var(--hover-brand-color);
color: var(--light-background);
border: 1px solid var(--hover-brand-color);
}
.modal-box_title{
font-weight: 700;
font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem);
line-height: 120%;
color: var(--text-color);
padding-bottom: 20px;
border-bottom: 1px solid rgba(230, 230, 230, 0.5);
margin-bottom: 20px;
}
.modal-box_description {
font-weight: 400;
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
line-height: 150%;
letter-spacing: -0.32px;
color: var(--text-description);
margin-bottom: 30px;
}
.modal-box.fancybox__content, .modal-box{
padding: 80px;
border-radius: 20px;
max-width: 680px;
background: #fff;
margin: 20px auto;
position: relative;
}
.form-btns {
margin: 20px 0;
}
.w-100{
width: 100%;
max-width: 100%;
}
.close-modal {
width: 16px;
height: 16px;
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
input[type="radio"] {
display: none;
}
.custom-radio_box{
display: flex;
flex-direction: column;
row-gap: 15px;
padding: 20px 0px;
}
.custom-radio {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 24px;
max-width: max-content;
}
.custom-radio input:checked + .radio-dot:after {
content: '';
background-color: rgba(215, 20, 18, 1);
width: 15px;
height: 15px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.radio-dot {
position: relative;
width: 26px;
height: 26px;
border-radius: 50%;
background: #FAFAFC;
border: 1px solid #E6E6E6;
display: inline-block;
margin-right: 10px;
}
.fixed-bottom{
position: fixed;
bottom: 0;
right:0;
left:0;
width: 100vw;
height: 100vh;
z-index: 1000;
display: none;
align-items: end;
}
.fixed-bottom_bg{
background-color: rgba(47, 47, 48, 0.4);
position: fixed;
width: 100vw;
height: 100vh;
z-index: -1;
}
.fixed-bottom_content{
background-color: #fff;
width: 100%;
border-radius: 20px 20px 0 0;
position: absolute;
bottom: 0;
display: none;
}
.js-bottom_content_btn{
width: 30px;
height: 4px;
background: rgba(47, 47, 48, 0.2);
display: block;
position: absolute;
z-index: 1000;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.custom-dropdown-list label input{
display: none;
}
.custom-dropdown-list label{
display: flex;
align-items: center;
justify-content: start;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
column-gap: 10px;
}
.check{
background: #FAFAFC;
border: 1px solid #E6E6E6;
border-radius: 3px;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
flex-grow: 0;
}
.custom-dropdown-list input:checked + .check:after{
content: url('data:image/svg+xml,');
}
.text-center{
text-align: center;
}
.custom-dropdown-list .all-items{
display: none;
margin-top: 20px;
}
h1{
font-weight: 500;
font-size: clamp(2.125rem, 1.9126rem + 0.9061vw, 3rem);
line-height: 120%;
color: var(--text-color);
margin: 30px 0;
hyphens: manual;
font-family: var(--first-family);
}
h2:not([class]), h2.text-center{
font-weight: 500;
line-height: 120%;
color: var(--text-color);
font-size: clamp(2rem, 1.818rem + 0.7767vw, 2.75rem);
font-family: var(--first-family);
}
h3:not([class]), h3.text-center{
font-weight: 700;
font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem);
line-height: 150%;
color: var(--text-color);
font-family: var(--first-family);
}
h4:not([class]), h4.text-center{
font-weight: 700;
line-height: 120%;
color: var(--text-color);
font-size: clamp(1.375rem, 1.284rem + 0.3883vw, 1.75rem);
font-family: var(--first-family);
}
h5:not([class]), h5.text-center{
font-weight: 700;
line-height: 120%;
color: var(--text-color);
font-size: clamp(1.25rem, 1.159rem + 0.3883vw, 1.625rem);
font-family: var(--first-family);
}
h6:not([class]), h6.text-center{
font-weight: 700;
line-height: 120%;
color: var(--text-color);
font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
font-family: var(--first-family);
}
p{
font-weight: 400;
font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
line-height: 150%;
color: var(--text-color);
}
li>p{
margin: 0;
}
hr {
border-top: 1px solid rgba(230, 230, 230, 1);
}
main div:not([class="tab-box"])>ul:not([class]), main div:not([class="tab-box"])>ol:not([class]){
padding-left: 20px;
font-weight: 400;
font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
line-height: 150%;
color: var(--text-color);
}
main p+ul{
margin-top: -0.5em;
}
main div:not([class="map-popup-list"], [class="map-popup-list"])>ul:not([class])>li::marker {
content: '— ';
font-weight: bold;
font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
}
main div:not([class="map-popup-list"], [class="map-popup-list"])>ul:not([class])>li{
padding-left: 12px;
}
main div:not([class="tab-box"], [class="map-popup-list"])>ol:not([class])>li{
padding-left: 5px;
}
main div:not([class="tab-box"], [class="map-popup-list"])>ol:not([class])>li::marker{
color: rgba(215, 20, 18, 1);
margin-right: 5px;
}
.section-label{
font-weight: 500;
font-size: clamp(1.75rem, 1.5073rem + 1.0356vw, 2.75rem);
line-height: 120%;
color: #2F2F30;
padding-bottom: 10px;
border-bottom: 1px solid rgba(230, 230, 230, 0.5);
margin: 50px 0;
}
.table-btns{
display: flex;
align-items: center;
column-gap: 20px;
justify-content: end;
}
.table-box_row{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
justify-content: space-between;
column-gap: 30px;
padding: 15px 20px 15px 20px;
position: relative;
border-top: 1px solid rgba(230, 230, 230, 1);
}
.table-box_row:last-child{
border-bottom: 1px solid rgba(230, 230, 230, 1);
}
.table-header .table-box_td {
font-weight: 400;
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
line-height: 24px;
color: var(--text-description);
}
.file-box_name {
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-decoration-line: underline;
color: var(--text-color);
word-break: break-word;
}
.file-box_info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: var(--text-description);
display: block;
}
.table-box_label {
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
color: var(--text-description);
}
.download-btn {
width: 44px;
height: 44px;
border: 1px solid rgba(47, 47, 48, 0.2);
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 1;
}
.download-btn_text{
display: none;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: var(--text-description);
}
.file-box {
display: flex;
align-items: flex-start;
column-gap: 10px;
}
button:disabled{
opacity: 0.65;
cursor: default;
}
body .swiper-pagination-bullet{
cursor: pointer;
}
.border-form h3{
margin-top: 0;
padding-top: 0;
}
.count-btn {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
border: 1px solid #E6E6E6;
border-radius: 100px;
height: 44px;
width: 190px;
padding: 8.5px 20.5px;
background: #FFF;
}
.count-btn input{
border: 0;
max-width: 50px;
text-align: center;
height: 27px;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: var(--text-color);
}
.count-btn button{
display: flex;
align-items: center;
}
.response-box_text{
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.32px;
color: var(--text-color);
max-width: 295px;
}
.response-box {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
margin-bottom: -30px;
}
.button-top-box{
position: fixed;
bottom: 70px;
right: 50px;
margin: 0;
padding: 0;
display: none;
z-index: 1000;
}
.button-top {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(215, 20, 18, 1);
}
.doc-link {
display: flex;
align-items: start;
column-gap: 10px;
margin-bottom: 20px;
color: var(--text-color);
}
.doc-link:last-child{
margin-bottom: 0;
}
.doc-link_text-text{
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-decoration-line: underline;
color: var(--text-color);
}
.doc-link_text-info{
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: var(--text-description);
}
.doc-link:hover, .doc-link:hover .doc-link_text-text{
color: rgba(183, 32, 26, 1);
}
.product-detail_content_doc {
background-color: rgba(243, 244, 239, 1);
border-radius: 20px;
overflow: hidden;
padding: 50px 50px 50px 50px;
position: relative;
min-width: 20vw;
}
.product-detail_content_doc__img {
width: calc(100% + 100px);
height: auto;
display: flex;
justify-content: flex-end;
align-items: flex-end;
margin: -40px -50px -50px -50px;
}
.product-detail_content_doc h4{
margin-top: 0;
padding-top: 0;
margin-bottom: 30px;
}
main table {
border-collapse: collapse;
font-weight: 400;
font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
line-height: 150%;
color: var(--text-color);
border: 0;
border-color: rgba(230, 230, 230, 1);
max-width: 100%;
overflow: auto;
padding-bottom: 10px;
}
main table td, main table th {
padding: 5px 15px;
border-color: rgba(230, 230, 230, 1);
}
main table::-webkit-scrollbar {
width: 5px;
height: 5px;
border: none;
}
main table::-webkit-scrollbar-track {
background: rgba(250, 250, 252, 1);
}
main table::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 152, 1);
border-radius: 20px;
}
.mw-1265{
max-width: 1265px;
}
@media (max-width: 992px) {
main table{
display: inline-block;
}
}
@media (min-width: 1140px) {
.product-detail_content_doc{
min-width: 526px;
}
}
@media (max-width: 1440px) {
.product-detail_content_doc {;
padding: 20px 20px 20px 20px;
margin-bottom: 30px;
}
.product-detail_content_doc__img {
width: calc(100% + 40px);
margin: -20px -20px -20px -20px;
}
}
.tab-box {
border-bottom: 1px solid rgba(230, 230, 230, 0.5);
}
.tab-content {
display: none;
}
.tab-box ul {
padding-left: 0;
margin: 0;
display: flex;
align-items: center;
list-style: none;
column-gap: 25px;
overflow-x: auto;
overflow-y: hidden;
}
.tab-box li {
padding-bottom: 23px;
display: block;
}
.tab-box .active {
border-bottom: 2px solid rgba(183, 32, 26, 1);
}
.tab-box a {
font-weight: 400;
font-size: 18px;
line-height: 22px;
letter-spacing: -0.32px;
color: var(--text-color);
white-space: nowrap;
}
.tab-box .active a{
color: var(--brand-color);
}
.tab-content_wrap{
display: flex;
column-gap: 50px;
align-items: start;
}
.q-marker-wrap{
position: relative;
}
.q-marker{
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid rgba(230, 230, 230, 1);
display: inline-flex;
align-items: center;
justify-content: center;
background-color: rgba(250, 250, 252, 1);
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: var(--text-color);
flex-shrink: 0;
cursor: default;
}
.q-marker-text{
position: absolute;
border-radius: 10px;
background-color: rgba(250, 250, 252, 1);
font-weight: 400;
font-size: 14px;
line-height: 120%;
text-align: center;
color: var(--text-color);
max-width: 210px;
padding: 8px 15px;
bottom: calc(100% + 16px);
left: 50%;
transform: translate(-50%, 0);
z-index: 10;
border: 1px solid rgba(230, 230, 230, 1);
width: max-content;
min-height: max-content;
display: none;
}
.q-marker:hover{
background-color: #fff;
border: 1px solid rgba(183, 32, 26, 1);
color: rgba(183, 32, 26, 1);
}
.q-marker-text:after{
content: '';
border-width: 10px 10px;
border-style:solid;
border-color: rgba(250, 250, 252, 1) transparent transparent transparent;
display:block;
width:0;
height:0;
position:absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: -18.5px;
}
.q-marker-text:before{
content: '';
border-width: 10px 10px;
border-style:solid;
border-color: rgba(230, 230, 230, 1) transparent transparent transparent;
display:block;
width:0;
height:0;
position:absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: -20px;
}
.bottom .q-marker-text{
bottom: auto;
top: calc(100% + 16px);
}
.bottom .q-marker-text:before{
bottom:auto;
top: -20px;
border-color: transparent transparent rgba(230, 230, 230, 1) transparent;
}
.bottom .q-marker-text:after{
bottom:auto;
top: -18.5px;
border-color: transparent transparent rgba(250, 250, 252, 1) transparent;
}
.left .q-marker-text{
right: calc(100% + 16px);
top: 50%;
transform: translate(0%, -50%);
left: auto;
}
.left .q-marker-text:before{
bottom:auto;
right: auto;
border-color: transparent transparent transparent rgba(230, 230, 230, 1);
top: 50%;
transform: translate(0%, -50%);
left: 100%
}
.left .q-marker-text:after{
bottom:auto;
right: auto;
border-color: transparent transparent transparent rgba(250, 250, 252, 1);
top: 50%;
transform: translate(0%, -50%);
left: calc(100% - 1px);
}
.right .q-marker-text{
left: calc(100% + 10px);
right: auto;
top: 50%;
transform: translate(0%, -50%);
}
.right .q-marker-text:before{
bottom:auto;
left: auto;
border-color: transparent rgba(230, 230, 230, 1) transparent transparent;
top: 50%;
transform: translate(0%, -50%);
right: 100%
}
.right .q-marker-text:after{
bottom:auto;
left: auto;
border-color: transparent rgba(250, 250, 252, 1) transparent transparent;
top: 50%;
transform: translate(0%, -50%);
right: calc(100% - 1px);
}
.max-title{
font-weight: 700;
font-size: clamp(1.75rem, 1.2646rem + 2.0712vw, 3.75rem);
line-height: 120%;
text-align: center;
color: var(--brand-color);
margin: 50px 0;
}
@media (max-width: 992px) {
.max-title{
margin: 30px 0;
}
.mb-0-xs{
margin-bottom: 0;
}
}
@media (max-width: 540px) {
.response-box{
justify-content: center;
}
.response-box_text{
max-width: initial;
}
.response-box_text {
font-size: 16px;
}
.button-top-box{
bottom: 23vh;
right: 25px;
}
}
body .mfp-auto-cursor .mfp-content{
width: auto;
}
.product-detail_content_doc h4{
margin-top: 0!important;
padding-top: 0;
margin-bottom: 30px!important;
}
@media (max-width: 1445px) {
.count-btn{
gap: 0px;
width: 120px;
padding: 5px 6px;
height: 36px;
}
}
@media (max-width: 360px) {
.count-btn input{
font-size: 16px;
}
}
@media (max-width: 1140px) {
.download-btn-wrap{
display: flex;
align-items: center;
column-gap: 10px;
}
.download-btn_text{
display: block;
}
.table-box{
margin: 0px -20px;
}
.table-box_row{
display: block;
padding: 20px;
}
.table-btns {
justify-content: start;
}
.table-box_td{
margin-bottom: 10px;
}
.table-box_td:last-child{
margin-bottom: 0;
}
.table-box_row.table-header {
display: none;
}
.table-box_td:before {
content: attr(data-title);
display: block;
font-weight: 400;
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
line-height: 24px;
color: var(--text-description);
}
}
@media (max-width: 1700px) {
.btn-add__text{
line-height: 1;
min-height: initial;
aspect-ratio: initial;
}
.btn-add__text-xs{
display: block;
}
.btn-add__text-md{
display: none;
}
.production-card .production-card__btn{
min-height: 29px;
padding: 9px 4vw 9px 20px;
}
}
@media (hover: hover) {
.btn-add:hover, .production-card__wrap:hover .production-card__btn.btn-add{
background-image: url("/local/templates/main/css/../images/button-card-add-hover.svg");
}
.btn-add:hover .btn-add__text, .production-card__wrap:hover .production-card__btn.btn-add .btn-add__text {
color: var(--light-text);
}
body .swiper-pagination-bullet:hover{
background: var(--brand-color);
opacity: 1;
}
.button-top:hover{
background: rgba(183, 32, 26, 1);
}
}
@media (min-width: 992px) {
.btn-add-new .btn-add__text{
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px 8px 20px;
cursor: pointer;
background: #FFFFFF;
border: 1.4px solid rgba(47, 47, 48, 0.2);
border-radius: 40px 30px 30px 40px;
transition: none;
}
.btn-add-new{
position: relative;
display: flex;
align-items: center;
}
.btn-add-new::after{
content: url('/local/templates/main/css/../images/btn-add_right.svg');
position: relative;
top:0;
height: 100%;
z-index: 1;
margin-left: -2.5px;
display: flex;
align-items: center;
margin-top: 3.5px;
}
}
@media (hover: hover) and (min-width: 992px) {
.btn-add-new:hover::after{
content: url('/local/templates/main/css/../images/btn-add_right-hover.svg');
}
.btn-add-new:hover .btn-add__text{
background: #B7201A;
border-color: #B7201A;
color: #FFF;
}
.footer-social a:hover .hover-img{
transition: all 0.5 ease-in-out;
opacity: 1;
}
}
@media (max-width: 992px) {
.btn-add-new {
color: #fff;
background: var(--brand-color);
padding: 10px 50px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
border-radius: 30px;
transition: background-color .3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: initial;
}
.btn-add-new:after{
content: none;
}
.btn-add-new .btn-add__text {
color: #fff;
}
.tab-box li{
padding-bottom: 15px;
}
.q-marker-text{
max-width: 40vw;
padding: 4px 7px;
font-size: 12px;
}
}
@media (max-width: 1140px){
.filter-dropdown .custom-dropdown-btn, .filter-dropdown .mobile-checkbox-list{
width: 100%;
max-width: initial;
}
.filter-dropdown .custom-dropdown-list{
display: block;
overflow-y: hidden;
position: static;
box-shadow: none;
background: none;
max-height: initial;
}
.filter-dropdown .custom-dropdown-btn{
background: none;
}
.filter-dropdown .custom-dropdown-btn_text{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
}
.filter-dropdown .custom-dropdown-list .all-items{
display: block;
}
.filter-dropdown .custom-dropdown-btn_arr{
display: none;
}
.filter-dropdown .custom-dropdown-list label{
display: none;
}
.filter-dropdown .custom-dropdown-list_item:nth-child(1), .filter-dropdown .custom-dropdown-list_item:nth-child(2),.filter-dropdown .custom-dropdown-list_item:nth-child(3),.filter-dropdown .custom-dropdown-list_item:nth-child(4),.filter-dropdown .custom-dropdown-list_item:nth-child(5){
display: flex;
}
.filter-dropdown .custom-dropdown-list label:nth-child(-n+5){display: flex}
.filter-dropdown.show .custom-dropdown-list label{display: flex}
.filter-dropdown:not(.show) .hide-more{display: none}
.filter-dropdown.show .show-all{display: none}
}
@media (max-width: 992px) {
.btn-add{
background-image: url("/local/templates/main/css/../images/button-card-add-mob.svg");
aspect-ratio: 5.28;
}
@media (hover: hover) {
.btn-add:hover, .production-card__wrap:hover .production-card__btn.btn-add{
background-image: url("/local/templates/main/css/../images/button-card-add-hover-mob.svg");
}
}
.production-card .btn-add{
padding: 9px 8vw 9px 20px;
}
.btn-white {
padding: 10px 20px;
}
.icon-list li{
margin-bottom: 15px;
}
.icon-list li:last-child{
margin-bottom: 0px;
}
.modal-box.fancybox__content, .modal-box{
padding: 40px 30px;
margin-left: 20px;
margin-right: 20px;
}
.modal-box_title{
padding-right: 30px;
}
.modal-box.fancybox__content .custom-checkbox_content, .modal-box .custom-checkbox_content{
font-size: 13px;
line-height: 150%;
}
h1{
margin: 20px 0;
}
}
@media (max-width: 725px) {
.production-card .btn-add{
padding: 9px 11vw 9px 20px;
}
}
@media (max-width: 540px) {
.production-card .btn-add{
width: 100%;
padding: 9px 15vw 9px 20px;
}
}
@media(max-width: 440px){
.modal-box.fancybox__content, .modal-box{
margin-left: 0;
margin-right: 0;
padding: 40px 20px;
}
body .mfp-container {
padding-left: 0;
padding-right: 0;
}
}
footer{
margin-top: 100px;
}
.footer-columns{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 50px;
}
.footer-contacts_item{
padding-bottom: 30px;
border-bottom: 1px solid var(--border-color);
margin-bottom: 30px;
}
.footer-contacts_item a{
font-weight: 400;
font-size: clamp(1.375rem, 1.2053rem + 0.8486vw, 2.22363125rem);
line-height: 143%;
letter-spacing: -0.32px;
color: var(--text-color);
display: block;
margin-bottom: 10px;
}
.footer-contacts_item__descr, .footer-menu-title{
font-weight: 400;
font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
line-height: 143%;
letter-spacing: -0.32px;
text-transform: uppercase;
color: var(--text-description);
}
.footer-menu-title{
margin-bottom: 20px;
display: block;
}
.footer-menu-box{
max-width: 370px;
}
.footer-menu{
padding-left: 0;
list-style-type: none;
margin-bottom: 40px;
}
.footer-menu a, .footer-contacts_info{
font-weight: 400;
font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
line-height: 150%;
letter-spacing: -0.32px;
color: var( --text-color);
display: block;
margin-bottom: 7px;
}
.footer-contacts_info{
margin-bottom: 40px;
}
.footer-menu li:last-child a, .footer-menu-box:last-child .footer-contacts_info{
margin-bottom: 0;
}
.space-between-column{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer-social{
display: flex;
column-gap: 10px;
}
.footer-top{
padding-bottom: 70px;
}
.footer-bottom{
padding: 30px 0 27px 0;
border-top: 1px solid var(--border-color);
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.32px;
text-transform: uppercase;
color: var( --text-description);
}
.footer-bottom a{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.32px;
text-transform: uppercase;
color: var( --text-description);
}
footer a:hover{
color: var(--brand-color);
}
.overflow-hidden {
overflow: hidden;
}
.mobile-fix-bar{
display: none;
}
.footer-social a {
position: relative;
}
span.static-img{
position: relative;
}
.hover-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3 ease-in-out;
}
@media (max-width: 992px){
footer {
margin-top: 0;
padding-top: 125px;
position: relative;
}
.footer-logo{
position: absolute;
top: 50px;
max-height: 45px;
}
.footer-columns{
grid-template-columns: 1fr;
}
.footer-menu{
display: none;
}
.xs-row-3{
grid-row: 3;
}
.footer-social{
margin-top: 30px;
}
.footer-menu-box {
max-width: none;
}
.footer-top {
padding-bottom: 20px;
}
.footer-bottom .footer-columns{
row-gap: 10px;
}
.footer-menu-title {
font-size: 16px;
line-height: 20px;
}
.section-title{
margin-bottom: 10px;
}
.btn-big{
padding: 10px 60px;
}
.hidden-xs{
display: none;
}
.footer-social a{
max-width: 50px;
}
}
@media (max-width: 540px){
.catalogProduct__submit-block{
position: fixed;
bottom: 61px;
width: 100%;
padding: 20px;
margin: 0 -20px;
background-color: #fff;
z-index: 100;
}
.catalogProduct__submit-block .catalogProduct__submit{
position: static;
}
.mobile-fix-bar{
display: flex;
position: sticky;
bottom: 0;
width: 100%;
height: 61px;
align-items: center;
justify-content: space-between;
padding: 8px 25px;
background: #fff;
z-index: 99;
box-shadow: 0px -10px 30px rgba(47, 47, 48, 0.05);
}
.mobile-fix-bar_item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mobile-fix-bar_item__text{
font-weight: 400;
font-size: 12px;
line-height: 150%;
text-align: center;
color: var(--text-description);
}
}
.basketItemsPopup {
color: #fff;
background-color: var(--brand-color);
padding: 7px 10px;
font-weight: 700;
font-size: 14px;
line-height: 120%;
top: 70%;
position: fixed;
right: 0;
z-index: 40;
border-radius: 20px;
max-width: 150px;
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
opacity:0;
transition: opacity 0.3s linear;
}
.basketItemsPopup:hover{
background-color: var(--hover-brand-color);
}
.basketItemsPopup:before{
content: url('data:image/svg+xml,');
height: 21px;
}
.notEmptyBasket-box .modal-box_description b{
color: var(--text-color);
}
@media (max-width: 768px) {
.basketItemsPopup {
padding: 7px 10px;
font-size: 12px;
top: 75px;
max-width: 100px;
gap: 5px;
}
.notEmptyBasket-box .modal-btn-form-wrap {
flex-wrap: wrap;
}
.notEmptyBasket-box .btn{
width: 100%;
}
.basketItemsPopup .md-text{
display: none;
}
}
/* End */
/* Start:/local/templates/main/css/header.css?175214533015234*/
.header-top {
padding: 15px 0 14px 0;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 40px;
}
.header-top__info {
display: flex;
align-items: center;
column-gap: 50px;
flex-shrink: 0;
}
header {
position: sticky;
top: 0;
background: #fff;
border-bottom: 1px solid rgba(230, 230, 230, 0.5);
z-index: 999;
}
@media (max-width: 1500px) {
.header-top__info {
column-gap: 30px;
}
}
.header-top__btns {
display: flex;
align-items: center;
column-gap: 30px;
}
.header-top__btns a {
color: var(--text-color);
}
.header-top__wrap {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 30px;
}
.header-top__btns .btn-brand {
width: 340px;
padding: 10px 0;
}
@media (min-width: 1140px) {
.main-site-logo-mobile{
display: none;
}
.new-header .new-header_logo{
display: none;
}
.new-header .header__container{
display: flex;
align-items: center;
column-gap: 50px;
}
.new-header .header-top-right{
flex-grow: 1;
}
.new-header .new-header_logo-show{
flex-shrink: 0;
}
.new-header .main-site-logo {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.32px;
text-decoration-line: underline;
color: var(--text-description);
}
.new-header .dc-item_wrap {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 22px;
}
}
@media (max-width: 1700px) {
.header-top__btns .btn-brand {
padding: 10px 40px;
}
.new-header .dc-item_wrap {
column-gap: 10px;
}
.header-top__btns .btn-brand {
padding: 10px 20px;
}
}
@media (max-width: 1675px) {
.new-header .dc-item_wrap {
column-gap: 10px;
flex-direction: column;
align-items: start;
row-gap: 10px;
}
.new-header .dc-item_wrap .dc-item__separator{
display: none;
}
.new-header .dc-item {
column-gap: 20px;
}
}
.header-menu {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0px;
border-top: 1px solid var(--light-grey-color);
}
.header-nav__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
column-gap: 24px;
}
.header-nav__item {
position: relative;
}
.header-nav__link {
padding: 10px 0;
color: #2F2F30;
letter-spacing: -0.32px;
font-size: 18px;
font-weight: 400;
line-height: 22.4px;
position: relative;
transition: color .3s ease-in-out;
}
.active .header-nav__link, .header-nav__link:hover, .selected .header-nav__link, .header-subnav__link.selected, .selected .header-nav__link {
color: var(--brand-color)
}
.header-nav__item-wrap{
display: flex;
align-items: center;
column-gap: 10px;
}
.header-nav__link-arr {
background-image: url("/local/templates/main/css/../images/arr.svg");
background-repeat: no-repeat;
width: 7px;
height: 5px;
transition: background-image .3s ease-in-out;
display: block;
}
.active .header-nav__link-arr {
background-image: url("/local/templates/main/css/../images/arr-brand.svg");
transform: rotate(-180deg);
}
.header-menu .btn-white {
width: 340px;
padding: 10px 15px;
white-space: nowrap;
max-width: none;
}
.header-subnav {
display: none;
opacity: 0;
position: absolute;
z-index: 100;
top: 44px;
left: -20px;
background: #fff;
transition: opacity .3s ease-in-out;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
.header-subnav_wrap{
padding: 20px 10px 10px 20px;
}
.header-subnav ul{
list-style-type: none;
margin: 0;
padding: 0;
column-gap: 40px;
}
@media (min-width: 1140px) {
.header-subnav{
box-shadow: 0px 10px 30px rgba(47, 47, 48, 0.05);
border-radius: 20px;
max-width: 380px;
min-width: max-content;
overflow: hidden;
}
.header-subnav ul{
max-width: 380px;
}
.header-subnav_wrap{
overflow-y: auto;
overflow-x: hidden;
max-height: 350px;
}
.header-subnav_wrap::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.header-subnav_wrap::-webkit-scrollbar-track {
background: var(--border-color);
border-radius:20px;
}
.header-subnav_wrap::-webkit-scrollbar-thumb {
background-color: rgba(47, 47, 48, 0.6);
border-radius: 20px;
}
.header-mob__call{
display: none;
}
}
.multi-column ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.active .header-subnav{
display: block;
opacity: 1;
}
.header-subnav__item {
margin-bottom: 18px;
}
.header-subnav__item:last-child{
margin-bottom: 0;
}
.header-subnav__link {
color: var(--text-color);
}
.button-menu-mobile{
display: none;
}
/*dc*/
.dc-list {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 40px;
}
.dc-item {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 22px;
font-size: 18px;
line-height: 22.4px;
}
@media (min-width: 1500px) {
.dc-item {
line-height: 1;
}
}
@media (max-width: 1700px) {
.dc-item {
font-size: 16px;
column-gap: 10px;
}
}
@media (max-width: 1500px) {
.dc-item {
flex-direction: column;
align-items: flex-start;
row-gap: 10px;
}
}
@media (max-width: 1500px) and (min-width: 1140px){
.new-header .new-header_logo-show {
flex-shrink: initial;
position: absolute;
top: 20px;
width: 200px;
}
.new-header .header-top {
padding-left: 230px;
}
}
@media (max-width: 1400px) {
.dc-item {
font-size: 14px;
}
.header-bottom_btns{
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 20px;
margin-top: 40px;
}
}
.dc-item__tel {
font-weight: bold;
color: var(--text-color);
transition: color .3s ease-in-out;
}
@media (hover: hover) {
.dc-item__tel:hover {
color: var(--brand-color)
}
.header-top__btns a:hover,
.header-search button:hover {
color: var(--brand-color);
}
.header-search__btn:hover{
color: var(--brand-color);
}
}
.dc-item__separator {
color: rgba(230, 230, 230, 1);
font-size: 27px;
font-weight: 300;
vertical-align: middle;
line-height: 1;
}
@media (max-width: 1500px) {
.dc-item__separator {
display: none;
}
}
.dc-item__addr {
margin: 0;
color: var(--text-description);
}
.logo-header-mobile, .top-title-info{
display: none;
}
@media (max-width: 1140px) {
.dc-list {
display: none;
}
.new-header .new-header_logo-show{
display: none;
}
.logo-header-mobile{
display: block;
margin: 10px auto 30px auto;
}
.top-title {
font-family: 'Montserrat';
font-weight: 700;
font-size: 36px;
line-height: 120%;
text-align: center;
color: #D71412;
}
.top-title span{
font-family: 'Montserrat';
font-weight: 700;
font-size: 20px;
line-height: 120%;
text-align: center;
color: #D71412;
display: block;
}
.top-title_description{
font-weight: 600;
font-size: 16px;
line-height: 6px;
text-transform: uppercase;
color: #9B9B98;
text-align: center;
margin-top: 10px;
}
.top-title-info{
margin-top: 10px;
margin-bottom: 30px;
display: block;
}
body:not(.main-page) .header-top, .new-header .header-top{
border-bottom: 1px solid var(--light-grey-color);
}
.open-menu .header-top{
border-bottom: 1px solid var(--light-grey-color);
}
.new-header .new-header_logo{
display: flex;
align-items: center;
}
.new-header .header-menu{
border-top: none;
}
.header-menu{
border-top: 0;
}
header{
border-bottom: 0;
}
.main-site-logo-mobile a{
margin-top: 30px;
font-weight: 400;
font-size: 18px;
line-height: 120%;
padding: 15px 0px;
width: 100%;
display: block;
text-align: center;
text-decoration: underline;
}
}
/*lk/autorized*/
.header-lk.authorized {
display: flex;
align-items: center;
justify-content: flex-end;
column-gap: 18px;
}
.header-lk.authorized .header-lk__login{
display: none;
}
.header-lk__logout {
display: none;
}
.header-lk.authorized .header-lk__logout {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 10px;
color: var(--text-color);
transition: color .3s ease-in-out;
}
.header-lk__name {
display: none;
}
.header-lk.authorized .header-lk__name{
display: block;
color: var(--grey-color);
font-size: 18px;
line-height: 22.4px;
font-weight: 400;
text-decoration: underline;
transition: color .3s ease-in-out, border .3s ease-in-out;
}
.header-top__basket{
position: relative;
}
.count-basket {
padding: 0px 4.5px;
aspect-ratio: 1;
position: absolute;
background: rgba(215, 20, 18, 1);
border-radius: 50%;
min-width: 15px;
min-height: 15px;
font-weight: 400;
font-size: 10px;
line-height: 150%;
text-align: center;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
top: -7px;
right: -7px;
}
.header-top__btns .btn-brand{
max-width: initial;
}
@media(max-width: 1700px) {
.header-lk.authorized .header-lk__name {
font-size: 16px;
text-align: right;
}
}
@media(max-width: 1400px) {
.header-lk.authorized .header-lk__name {
display: none;
}
.header-lk.authorized .header-lk__login {
display: block;
}
.header-lk.authorized .header-lk__logout{
display: none;
}
.header-lk.authorized, .header-top__wrap{
column-gap: 25px;
}
}
@media(hover: hover) {
.header-lk.authorized .header-lk__name:hover {
color: var(--text-color);
}
.header-lk.authorized .header-lk__logout:hover {
color: var(--brand-color)
}
}
@media (hover: hover) {
.header-subnav__link:hover {
color: var(--brand-color);
}
}
@media (max-width: 1245px) {
.header-nav__link{
font-size: 16px;
}
.header-menu .btn-white {
width: auto;
padding: 10px 15px;
}
.header-top__btns .btn-brand{
width: auto;
}
}
@media (max-width: 1140px) {
.header-top__basket, .header-top__call{
display: none;
}
.button-menu-mobile{
display: block;
width: 30px;
height: 17.41px;
background-image: url("/local/templates/main/css/../images/burger.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: right;
}
.open-menu .button-menu-mobile{
background-image: url("/local/templates/main/css/../images/close.svg");
}
.open-menu .header-lk__login, .open-menu .header-search__btn{
display: none;
}
.header-nav__list, .header-menu{
flex-direction: column;
}
.header-nav__list{
align-items: start;
}
.header-nav{
width: 100%;
}
.header-nav__item-wrap{
border-bottom: 1px solid rgba(230, 230, 230, 0.5);
}
.header-nav__link {
font-weight: 400;
font-size: 18px;
line-height: 120%;
padding: 15px 0px;
width: 100%;
display: block;
}
.header-nav__link-arr{
width: 20px;
min-width: 20px;
height: 20px;
padding: 10px;
background-size: 12px 7px;
background-position: center;
cursor: pointer;
}
.header-nav__item{
width: 100%;
padding-right: 0;
}
.header-logo{
height: 30px;
}
.new-header .header-logo{
height: 50px;
}
.open-menu{
position: fixed;
z-index: 100;
background: #FFF;
top: 0;
}
.header-menu{
height: 0;
overflow: hidden;
transition: opacity 0.5s ease, max-height 0.5s ease;
opacity: 0;
row-gap: 20px;
margin-bottom: 0;
padding: 0 20px;
}
.open-menu .header-menu{
height: calc(100vh - 60px);
overflow-y: auto;
opacity: 1;
transition: opacity 0.5s ease, max-height 0.5s ease;
padding-bottom: 20px;
}
.header-top__wrap{
padding-right: 0;
position: static;
}
.header-search{
left: -50px;
right: auto;
}
.header-top__btns{
column-gap: 25px;
}
.header-top{
margin-bottom: 0;
}
.header-subnav{
position: static;
}
.header-subnav_wrap {
padding: 0px 10px 0px 20px;
}
.header-subnav ul{
column-count: initial;
}
.header-top{
padding: 14px 20px;
}
.header-menu::-webkit-scrollbar {
width: 5px;
}
.header-menu::-webkit-scrollbar-track {
background: #FAFAFC;
border-radius: 20px;
}
.header-menu::-webkit-scrollbar-thumb {
background-color: #D9D9D9;
border-radius: 20px;
}
.header__container{
padding: 0;
}
.header-subnav__item {
margin-bottom: 15px;
}
.header-subnav__item:last-child {
margin-bottom: 0;
}
.header-nav__item .header-subnav{
padding: 0;
transition: max-height .6s ease-in-out;
max-height: 0;
overflow: hidden;
display: block;
opacity: 1;
}
.active .header-subnav {
display: block;
max-height: 1000px;
}
.header-subnav__item:first-child{
margin-top: 20px;
}
.header-subnav__item:last-child{
margin-bottom: 15px;
}
}
@media (max-width: 480px) {
.header-menu .btn-white {
width: 100%;
}
}
@media (max-width: 340px) {
.header-top__info{
max-width: 35%;
}
.header-logo{
max-width: 100%;
}
.header-menu .btn-white{
white-space: initial;
}
}
/* End */
/* Start:/local/templates/main/fonts/fonts.css?17519478279011*/
@font-face {
font-family: 'Roboto';
src: local('Roboto'), local('Roboto/Roboto-Regular'),
url('/local/templates/main/fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
url('/local/templates/main/fonts/Roboto/Roboto-Regular.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto'), local('Roboto/Roboto-Medium'),
url('/local/templates/main/fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
url('/local/templates/main/fonts/Roboto/Roboto-Medium.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto'), local('Roboto/Roboto-Bold'),
url('/local/templates/main/fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
url('/local/templates/main/fonts/Roboto/Roboto-Bold.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Light.eot');
src: local('Montserrat Light'), local('Montserrat-Light'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Light.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.eot');
src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.eot');
src: local('Montserrat Thin'), local('Montserrat-Thin'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.eot');
src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.eot');
src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.eot');
src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.eot');
src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot');
src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.eot');
src: local('Montserrat Italic'), local('Montserrat-Italic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.eot');
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.eot');
src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.eot');
src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.eot');
src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.eot');
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.eot');
src: local('Montserrat Medium'), local('Montserrat-Medium'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.eot');
src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Black.eot');
src: local('Montserrat Black'), local('Montserrat-Black'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Black.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.eot');
src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
/* End */
/* Start:/local/templates/main/js/libs/magnific/magnific-popup.css?17519478276852*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/*# sourceMappingURL=magnific-popup.css.map */
/* End */
/* Start:/local/templates/main/components/bitrix/search.form/search/style.css?17519478272154*/
.hidden{
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
.header-search {
position: absolute;
width: 24px;
top: 50%;
right: 0;
transition: all 0.5s;
height: 40px;
display: flex;
align-items: center;
column-gap: 10px;
background-color: #fff;
}
@media (max-width: 1700px) {
.header-search.active{
width: 25vw;
}
}
.header-search__input{
padding: 10px;
padding-right: 30px;
border: none;
border-bottom: 1px solid var(--grey-color);
width: 100%;
}
@media (min-width: 1140px) {
.header-search {
width: 24px;
top: 50%;
right: 0;
overflow: hidden;
transform: translateY(-50%);
transition: all 0.5s;
visibility: hidden;
z-index: 0;
}
.header-search.active{
width: 482px;
visibility: visible;
z-index: 10;
}
.header-search.active + .header-search__btn{
visibility: hidden;
transition: all 0.5s;
}
.header-search__input::placeholder {
opacity: 0;
transition: opacity .3s ease-in-out;
}
.header-search.active .header-search__input::placeholder {
opacity: 1;
}
.header-search.active .header-search__input {
display: block;
opacity: 1;
}
.header-search__close {
opacity: 0;
transition: opacity 0.5s;
cursor: pointer;
}
.header-search.active .header-search__close {
opacity: 1;
}
}
@media (max-width: 1140px) {
.header-top__wrap{
position: static;
}
.header-top{
position: relative;
}
.header-search{
width: 100%;
left: 0;
z-index: 10;
padding: 20px;
height: auto;
top: -80px;
opacity: 0;
transition: top 0.2s ease-in-out, opacity 0.1s ease-in-out;
}
.header-search.active{
top: 100%;
opacity: 1;
width: 100%;
left: 0;
}
.header-top__lk.header-lk {
order: 3;
}
}
/* End */
/* Start:/local/templates/main/components/bitrix/menu/main_menu/style.css?175194782651*/
.header-subnav__link--none {
display: none;
}
/* End */
/* Start:/local/templates/main/components/bitrix/breadcrumb/breadcrumb/style.css?17519478261181*/
.breadcrumbs-box{
list-style: none;
margin: 0;
padding: 20px 0;
display: flex;
align-items: center;
column-gap: 10px;
}
.breadcrumbs-box a {
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: var( --text-description);
}
.breadcrumbs-box span{
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: var(--text-color);
}
.breadcrumbs-box li{
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumbs-box li:after {
content: '';
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
line-height: 1;
background-image: url("/local/templates/main/components/bitrix/breadcrumb/breadcrumb/images/breadcrumbs-arr.svg");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.breadcrumbs-box li:last-child:after{
content: none;
}
@media (max-width: 992px) {
.breadcrumbs-box{
overflow-x: auto;
}
.breadcrumbs-box a, .breadcrumbs-box span{
white-space: nowrap;
}
.breadcrumbs-box::-webkit-scrollbar {
height: 2px;
}
.breadcrumbs-box::-webkit-scrollbar-track {
background: #E6E6E680;
}
.breadcrumbs-box::-webkit-scrollbar-thumb {
background-color: #E6E6E680;
border-radius: 20px;
}
}
/* End */
/* Start:/local/templates/main/template_styles.css?17519478274315*/
.white-bg {
background-color: #ffffff;
}
.ymap-box{
background-color: #FAFAFC;
border-radius: 20px;
overflow: hidden;
}
.ymap-box_info{
padding: 50px;
max-width: 578px;
}
.ymap-box_info__title{
font-weight: 700;
font-size: clamp(1.125rem, 0.9733rem + 0.6472vw, 1.75rem);
line-height: 120%;
color: var(--text-color);
margin-bottom: 30px;
}
.ymap-box_info__item-label{
font-weight: 400;
font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
line-height: 140%;
letter-spacing: -0.32px;
text-transform: uppercase;
color: #9A9A9B;
margin-bottom: 10px;
}
.ymap-box_info__item{
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.32px;
color: var(--text-color);
margin-bottom: 30px;
}
.ymap-box_info__item a{
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.32px;
color: var(--text-color);
}
.mapbox {
width: 100%;
height: 708px;
max-width: 1102px;
}
.ymap-box {
display: flex;
margin: 80px 0px 100px 0;
}
@media (max-width: 992px) {
.ymap-box {
display: flex;
margin: 30px 0px 50px 0;
flex-direction: column;
}
.ymap-box_info {
padding: 30px 20px;
max-width: initial;
}
.mapbox {
height: 385px;
}
}
.property-error-404 h1.h1-page-title,
.property-error-404 p.section-descr,
.property-error-404 .breadcrumbs-box {
display: none;
}
.input-wrap textarea.invalid,
.file-upload.invalid{
background: rgba(215, 20, 18, 0.05);
}
.js-form-submit:disabled {
cursor: not-allowed;
}
.modal-btn-form-wrap{
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: center;
gap: 10px;
}
.text-line-through {
text-decoration: line-through;
}
.empty_filter {
width: 100%;
text-align: center;
margin-top: 50px;
background: var(--filter-background);
border-radius: var(--filter-border-radius);
border: 1px solid #E6E6E6;
padding: 25px;
}
.empty_filter_p {
color: rgba(215, 20, 18, 0.5);
}
.charity-block__container,
.charity-block__container {
margin: 20px;
}
.charity-block__body {
background: #F3FBFE;
border-radius: 20px;
padding: 3px;
}
.charity-block__items {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.charity-block__item:nth-child(even) {
background: #ffffff;
}
.charity-block__item {
min-width: 315px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 43px;
flex: 1 1 33.333%;
padding: 70px;
}
@media (max-width: 1140px) {
.charity-block__item {
padding: 50px;
}
}
@media (max-width: 768px) {
.charity-block__item {
min-width: unset;
flex: unset;
}
}
@media (max-width: 425px) {
.charity-block__item {
padding: 30px;
}
}
.charity-block__img {
max-width: 341px;
width: 100%;
}
.charity-block__content {
height: 100%;
display: flex;
align-items: center;
}
.charity-block__p {
font-weight: 700;
font-size: 20px;
line-height: 30px;
text-align: center;
}
.charity-block__btn-wrapper {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.charity-block__btn-wrapper a {
flex: 1 1 auto;
}
.charity-goals__body {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 10px;
}
.charity-goals__item {
flex: 0 1 auto;
}
.charity-header__container {
margin-bottom: 60px;
}
@media (max-width: 768px) {
.charity-header__container {
margin-bottom: 30px;
}
}
.charity-header__body {
display: flex;
align-items: center;
gap: 21px;
}
@media (max-width: 991px) {
.charity-header__body {
flex-direction: column;
}
}
.charity-header__img {
max-width: 341px;
width: 100%;
}
@media (max-width: 768px) {
.charity-header__title {
text-align: center;
}
}
/* End */
/* /local/templates/main/css/normalize.css?17519478276485 */
/* /local/templates/main/js/libs/fancybox/fancybox.css?175194782725343 */
/* /local/templates/main/css/style.css?175306999052181 */
/* /local/templates/main/css/header.css?175214533015234 */
/* /local/templates/main/fonts/fonts.css?17519478279011 */
/* /local/templates/main/js/libs/magnific/magnific-popup.css?17519478276852 */
/* /local/templates/main/components/bitrix/search.form/search/style.css?17519478272154 */
/* /local/templates/main/components/bitrix/menu/main_menu/style.css?175194782651 */
/* /local/templates/main/components/bitrix/breadcrumb/breadcrumb/style.css?17519478261181 */
/* /local/templates/main/template_styles.css?17519478274315 */