/* Start:/static/css/mmenu.css?178759510228781*/
/*!
* mmenu.js
* mmenujs.com
*
* Copyright (c) Fred Heusschen
* frebsite.nl
*
* License: CC-BY-NC-4.0
* http://creativecommons.org/licenses/by-nc/4.0/
*/:root{--mm-lineheight:22px}.mm-hidden{display:none !important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size)*.65 - var(--mm-lineheight))*.5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--mm-color-background-highlight)), to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3, 2, 1, 0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset), 0, 0);transform:translate3d(var(--mm-panel-child-offset), 0, 0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset), 0, 0);transform:translate3d(var(--mm-panel-parent-offset), 0, 0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none !important;-o-transition:none !important;transition:none !important;-webkit-transition-duration:0s !important;-o-transition-duration:0s !important;transition-duration:0s !important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size)*1.75);-ms-flex:calc(var(--mm-toggle-size)*1.75) 0 0px;flex:calc(var(--mm-toggle-size)*1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;border:none !important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * 0.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * 0.75));transform:translateX(calc(var(--mm-toggle-size) * 0.75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -0.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -0.75));transform:translateX(calc(var(--mm-toggle-size) * -0.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;-webkit-transition:none !important;-o-transition:none !important;transition:none !important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0, 0, 0, 0.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);transform:translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal), 0, 0);transform:translate3d(var(--mm-translate-horizontal), 0, 0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0*var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1*var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2*var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3*var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4*var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size)*.7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size)*.7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0 !important;right:0 !important;width:100% !important;border:none !important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1*var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media(hover: hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media(hover: hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size), 0, 0);transform:translate3d(var(--mm-sidebar-collapsed-size), 0, 0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size), 0, 0);transform:translate3d(var(--mm-sidebar-expanded-size), 0, 0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}
/* End */


/* Start:/static/css/jquery.fancybox.css?178759510213261*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:rgb(30, 30, 30);opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30, 30, 30, 0.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports(padding: max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, 0.25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0, 0, 0)}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(0.5, 0.5, 0.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1, 1, 1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1, 1, 1) translate3d(0, 0, 0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0, 0, 0) scale(1)}@media all and (max-height: 576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports(padding: max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0, 0, 0, 0.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/static/css/nouislider.css?17875951024242*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}
/* End */


/* Start:/static/css/font-awesome.css?178759510229606*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:"FontAwesome";src:url("/static/fonts/fontawesome-webfont.eot");src:url("/static/fonts/fontawesome-webfont.eot") format("embedded-opentype"),url("/static/fonts/fontawesome-webfont.woff2") format("woff2"),url("/static/fonts/fontawesome-webfont.woff") format("woff"),url("/static/fonts/fontawesome-webfont.ttf") format("truetype"),url("/static/images/fontawesome-webfont.svg") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}.fa-gitlab:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpforms:before{content:""}.fa-envira:before{content:""}.fa-universal-access:before{content:""}.fa-wheelchair-alt:before{content:""}.fa-question-circle-o:before{content:""}.fa-blind:before{content:""}.fa-audio-description:before{content:""}.fa-volume-control-phone:before{content:""}.fa-braille:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:""}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-signing:before,.fa-sign-language:before{content:""}.fa-low-vision:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-pied-piper:before{content:""}.fa-first-order:before{content:""}.fa-yoast:before{content:""}.fa-themeisle:before{content:""}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:""}.fa-fa:before,.fa-font-awesome:before{content:""}.fa-handshake-o:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-o:before{content:""}.fa-linode:before{content:""}.fa-address-book:before{content:""}.fa-address-book-o:before{content:""}.fa-vcard:before,.fa-address-card:before{content:""}.fa-vcard-o:before,.fa-address-card-o:before{content:""}.fa-user-circle:before{content:""}.fa-user-circle-o:before{content:""}.fa-user-o:before{content:""}.fa-id-badge:before{content:""}.fa-drivers-license:before,.fa-id-card:before{content:""}.fa-drivers-license-o:before,.fa-id-card-o:before{content:""}.fa-quora:before{content:""}.fa-free-code-camp:before{content:""}.fa-telegram:before{content:""}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:""}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:""}.fa-thermometer-2:before,.fa-thermometer-half:before{content:""}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:""}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:""}.fa-shower:before{content:""}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:""}.fa-podcast:before{content:""}.fa-window-maximize:before{content:""}.fa-window-minimize:before{content:""}.fa-window-restore:before{content:""}.fa-times-rectangle:before,.fa-window-close:before{content:""}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:""}.fa-bandcamp:before{content:""}.fa-grav:before{content:""}.fa-etsy:before{content:""}.fa-imdb:before{content:""}.fa-ravelry:before{content:""}.fa-eercast:before{content:""}.fa-microchip:before{content:""}.fa-snowflake-o:before{content:""}.fa-superpowers:before{content:""}.fa-wpexplorer:before{content:""}.fa-meetup:before{content:""}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* End */


/* Start:/static/css/tippy.css?17875951021414*/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/* End */


/* Start:/static/css/main.css?1787595102680704*/
:root {
    --accent-color-500: var(--custom-accent-color-500, #1c52ac);
    --accent-color-400: var(--custom-accent-color-400, #2363d1);
    --accent-color-300: var(--custom-accent-color-300, #B7CBE5);
    --accent-color-200: var(--custom-accent-color-200, #E5EFFF);
    --black-color: var(--custom-black-color, #000000);
    --white-color: var(--custom-white-color, #ffffff);
    --gray-color-800: var(--custom-gray-color-800, #222222);
    --gray-color-700: var(--custom-gray-color-700, #333333);
    --gray-color-600: var(--custom-gray-color-600, #ffffff1a);
    --gray-color-550: var(--custom-gray-color-550, #767676);
    --gray-color-540: var(--custom-gray-color-540, #7C8994);
    --gray-color-500: var(--custom-gray-color-500, #A7A7AB);
    --gray-color-450: var(--custom-gray-color-450, #BDBDBD);
    --gray-color-400: var(--custom-gray-color-400, #cccccc);
    --gray-color-300: var(--custom-gray-color-300, #dadada);
    --gray-color-260: var(--custom-gray-color-260, #D9D9DE);
    --gray-color-250: var(--custom-gray-color-250, #E4E4E4);
    --gray-color-200: var(--custom-gray-color-200, #E5E5EA);
    --gray-color-150: var(--custom-gray-color-150, #F3F3F3);
    --gray-color-100: var(--custom-gray-color-100, #f5f5f5);
    --hit-color: var(--custom-hit-color, #3ec28f);
    --sale-color: var(--custom-sale-color, #ff9500);
    --new-color: var(--custom-new-color, #30c2ff);
    --discount-color: var(--custom-discount-color, #c43228);
    --transparent-color: var(--custom-transparent-color, transparent);
    --green-color-400: var(--custom-green-color-400, #4FA22E);
    --green-color-200: var(--custom-green-color-200, #DCECD5)
}

button {
    background: none;
    border: none;
    cursor: pointer
}

body {
    background-color: #fff;
    font-family: Golos
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

@media(max-width: 1023px) {
    footer {
        padding-bottom: 74px !important
    }
}

.text {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0
}

.title {
    font-family: Golos;
    font-size: 30px;
    font-weight: 800;
    line-height: 110%;
    margin-bottom: 0
}

.sub-title {
    font-family: Golos;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 0
}

.text-elepsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.opacity-0 {
    opacity: 0
}

.text-no-wrap {
    text-wrap: nowrap
}

.font-golos {
    font-family: Golos
}

.size-11 {
    font-size: 11px
}

.size-12 {
    font-size: 12px
}

.size-14 {
    font-size: 14px
}

.size-16 {
    font-size: 16px
}

.size-18 {
    font-size: 18px
}

.size-20 {
    font-size: 20px
}

.size-22 {
    font-size: 22px
}

.weight-400 {
    font-weight: 400
}

.weight-500 {
    font-weight: 500
}

.weight-600 {
    font-weight: 600
}

.weight-700 {
    font-weight: 700
}

.weight-800 {
    font-weight: 800
}

.line-height-100 {
    line-height: 100%
}

.line-height-110 {
    line-height: 110%
}

.line-height-120 {
    line-height: 120%
}

.line-height-130 {
    line-height: 130%
}

.line-height-140 {
    line-height: 140%
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.color-black {
    color: var(--black-color)
}

.color-white {
    color: var(--white-color)
}

.color-accent-400 {
    color: var(--accent-color-400)
}

.color-gray-540 {
    color: var(--gray-color-540)
}

.color-gray-550 {
    color: var(--gray-color-550)
}

.color-gray-700 {
    color: var(--gray-color-700)
}

.color-gray-450 {
    color: var(--gray-color-450)
}

.hover-color-accent-400:hover {
    color: var(--accent-color-400)
}

.transition {
    transition: var(--trs-2)
}

.sticky {
    position: sticky;
    top: 90px
}

.bg-black {
    background-color: var(--black-color)
}

.bg-white {
    background-color: var(--white-color)
}

.bg-accent-400 {
    background-color: var(--accent-color-400)
}

.border-bottom-1 {
    border-bottom: 1px solid
}

.border-0 {
    border: 0
}

.border-color-gray-100 {
    border-color: var(--gray-color-100)
}

.border-color-gray-200 {
    border-color: var(--gray-color-200)
}

.p-20 {
    padding: 20px !important
}

.p-0 {
    padding: 0px !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-45 {
    width: 45% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-50 {
    max-width: 50% !important
}

.mw-45 {
    max-width: 45% !important
}

.mw-100 {
    max-width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-45 {
    height: 45% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-grid {
    gap: var(--grid-gutter-width) !important
}

.gap-0 {
    gap: 0 !important
}

.gap-2 {
    gap: 2px !important
}

.gap-5 {
    gap: 5px !important
}

.gap-10 {
    gap: 10px !important
}

.gap-15 {
    gap: 15px !important
}

.gap-20 {
    gap: 20px !important
}

.gap-25 {
    gap: 25px !important
}

.gap-30 {
    gap: 30px !important
}

.gap-35 {
    gap: 35px !important
}

.gap-40 {
    gap: 40px !important
}

.gap-45 {
    gap: 45px !important
}

.gap-50 {
    gap: 50px !important
}

.gap-55 {
    gap: 55px !important
}

.gap-60 {
    gap: 60px !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.mt-grid {
    margin-top: var(--grid-gutter-width) !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-auto {
    margin-top: auto !important
}

.me-grid {
    margin-right: var(--grid-gutter-width) !important
}

.me-0 {
    margin-right: 0 !important
}

.me-10 {
    margin-right: 10px !important
}

.me-15 {
    margin-right: 15px !important
}

.me-20 {
    margin-right: 20px !important
}

.me-25 {
    margin-right: 25px !important
}

.me-30 {
    margin-right: 30px !important
}

.me-35 {
    margin-right: 35px !important
}

.me-40 {
    margin-right: 40px !important
}

.me-45 {
    margin-right: 45px !important
}

.me-50 {
    margin-right: 50px !important
}

.me-auto {
    margin-right: auto !important
}

.mb-grid {
    margin-bottom: var(--grid-gutter-width) !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-grid {
    margin-left: var(--grid-gutter-width) !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-10 {
    margin-left: 10px !important
}

.ms-15 {
    margin-left: 15px !important
}

.ms-20 {
    margin-left: 20px !important
}

.ms-25 {
    margin-left: 25px !important
}

.ms-30 {
    margin-left: 30px !important
}

.ms-35 {
    margin-left: 35px !important
}

.ms-40 {
    margin-left: 40px !important
}

.ms-45 {
    margin-left: 45px !important
}

.ms-50 {
    margin-left: 50px !important
}

.ms-auto {
    margin-left: auto !important
}

.pt-grid {
    padding-top: var(--grid-gutter-width) !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pe-grid {
    padding-right: var(--grid-gutter-width) !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-10 {
    padding-right: 10px !important
}

.pe-15 {
    padding-right: 15px !important
}

.pe-20 {
    padding-right: 20px !important
}

.pe-25 {
    padding-right: 25px !important
}

.pe-30 {
    padding-right: 30px !important
}

.pe-35 {
    padding-right: 35px !important
}

.pe-40 {
    padding-right: 40px !important
}

.pe-45 {
    padding-right: 45px !important
}

.pe-50 {
    padding-right: 50px !important
}

.pb-grid {
    padding-bottom: var(--grid-gutter-width) !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.ps-grid {
    padding-left: var(--grid-gutter-width) !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-10 {
    padding-left: 10px !important
}

.ps-15 {
    padding-left: 15px !important
}

.ps-20 {
    padding-left: 20px !important
}

.ps-25 {
    padding-left: 25px !important
}

.ps-30 {
    padding-left: 30px !important
}

.ps-35 {
    padding-left: 35px !important
}

.ps-40 {
    padding-left: 40px !important
}

.ps-45 {
    padding-left: 45px !important
}

.ps-50 {
    padding-left: 50px !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.column-gap-grid {
    column-gap: var(--grid-gutter-width) !important
}

.column-gap-0 {
    column-gap: 0 !important
}

.column-gap-10 {
    column-gap: 10px !important
}

.column-gap-15 {
    column-gap: 15px !important
}

.column-gap-20 {
    column-gap: 20px !important
}

.column-gap-25 {
    column-gap: 25px !important
}

.column-gap-30 {
    column-gap: 30px !important
}

.column-gap-35 {
    column-gap: 35px !important
}

.column-gap-40 {
    column-gap: 40px !important
}

.column-gap-45 {
    column-gap: 45px !important
}

.column-gap-50 {
    column-gap: 50px !important
}

.row-gap-grid {
    row-gap: var(--grid-gutter-width) !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-10 {
    row-gap: 10px !important
}

.row-gap-15 {
    row-gap: 15px !important
}

.row-gap-20 {
    row-gap: 20px !important
}

.row-gap-25 {
    row-gap: 25px !important
}

.row-gap-30 {
    row-gap: 30px !important
}

.row-gap-35 {
    row-gap: 35px !important
}

.row-gap-40 {
    row-gap: 40px !important
}

.row-gap-45 {
    row-gap: 45px !important
}

.row-gap-50 {
    row-gap: 50px !important
}

.grid-columns-1 {
    grid-template-columns: repeat(1, 1fr) !important
}

.grid-columns-2 {
    grid-template-columns: repeat(2, 1fr) !important
}

.grid-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important
}

.grid-columns-4 {
    grid-template-columns: repeat(4, 1fr) !important
}

.grid-columns-5 {
    grid-template-columns: repeat(5, 1fr) !important
}

.grid-columns-6 {
    grid-template-columns: repeat(6, 1fr) !important
}

.grid-columns-7 {
    grid-template-columns: repeat(7, 1fr) !important
}

.grid-columns-8 {
    grid-template-columns: repeat(8, 1fr) !important
}

.grid-columns-9 {
    grid-template-columns: repeat(9, 1fr) !important
}

.grid-columns-10 {
    grid-template-columns: repeat(10, 1fr) !important
}

.grid-span-1 {
    grid-column: span 1 !important
}

.grid-span-2 {
    grid-column: span 2 !important
}

.grid-span-3 {
    grid-column: span 3 !important
}

.grid-span-4 {
    grid-column: span 4 !important
}

.grid-span-5 {
    grid-column: span 5 !important
}

.grid-span-6 {
    grid-column: span 6 !important
}

.grid-span-7 {
    grid-column: span 7 !important
}

.grid-span-8 {
    grid-column: span 8 !important
}

.svg-icon {
    --_size: 1rem;
    --_color: currentColor;
    width: var(--_size);
    height: var(--_size);
    color: var(--_color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.svg-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}

@media(min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-75 {
        width: 75% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .w-sm-auto {
        width: auto !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-grid {
        gap: var(--grid-gutter-width) !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-10 {
        gap: 10px !important
    }

    .gap-sm-15 {
        gap: 15px !important
    }

    .gap-sm-20 {
        gap: 20px !important
    }

    .gap-sm-25 {
        gap: 25px !important
    }

    .gap-sm-30 {
        gap: 30px !important
    }

    .gap-sm-35 {
        gap: 35px !important
    }

    .gap-sm-40 {
        gap: 40px !important
    }

    .gap-sm-45 {
        gap: 45px !important
    }

    .gap-sm-50 {
        gap: 50px !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .mt-sm-grid {
        margin-top: var(--grid-gutter-width) !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-10 {
        margin-top: 10px !important
    }

    .mt-sm-15 {
        margin-top: 15px !important
    }

    .mt-sm-20 {
        margin-top: 20px !important
    }

    .mt-sm-25 {
        margin-top: 25px !important
    }

    .mt-sm-30 {
        margin-top: 30px !important
    }

    .mt-sm-35 {
        margin-top: 35px !important
    }

    .mt-sm-40 {
        margin-top: 40px !important
    }

    .mt-sm-45 {
        margin-top: 45px !important
    }

    .mt-sm-50 {
        margin-top: 50px !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-grid {
        margin-right: var(--grid-gutter-width) !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-10 {
        margin-right: 10px !important
    }

    .me-sm-15 {
        margin-right: 15px !important
    }

    .me-sm-20 {
        margin-right: 20px !important
    }

    .me-sm-25 {
        margin-right: 25px !important
    }

    .me-sm-30 {
        margin-right: 30px !important
    }

    .me-sm-35 {
        margin-right: 35px !important
    }

    .me-sm-40 {
        margin-right: 40px !important
    }

    .me-sm-45 {
        margin-right: 45px !important
    }

    .me-sm-50 {
        margin-right: 50px !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-grid {
        margin-bottom: var(--grid-gutter-width) !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-10 {
        margin-bottom: 10px !important
    }

    .mb-sm-15 {
        margin-bottom: 15px !important
    }

    .mb-sm-20 {
        margin-bottom: 20px !important
    }

    .mb-sm-25 {
        margin-bottom: 25px !important
    }

    .mb-sm-30 {
        margin-bottom: 30px !important
    }

    .mb-sm-35 {
        margin-bottom: 35px !important
    }

    .mb-sm-40 {
        margin-bottom: 40px !important
    }

    .mb-sm-45 {
        margin-bottom: 45px !important
    }

    .mb-sm-50 {
        margin-bottom: 50px !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-grid {
        margin-left: var(--grid-gutter-width) !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-10 {
        margin-left: 10px !important
    }

    .ms-sm-15 {
        margin-left: 15px !important
    }

    .ms-sm-20 {
        margin-left: 20px !important
    }

    .ms-sm-25 {
        margin-left: 25px !important
    }

    .ms-sm-30 {
        margin-left: 30px !important
    }

    .ms-sm-35 {
        margin-left: 35px !important
    }

    .ms-sm-40 {
        margin-left: 40px !important
    }

    .ms-sm-45 {
        margin-left: 45px !important
    }

    .ms-sm-50 {
        margin-left: 50px !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .pt-sm-grid {
        padding-top: var(--grid-gutter-width) !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-10 {
        padding-top: 10px !important
    }

    .pt-sm-15 {
        padding-top: 15px !important
    }

    .pt-sm-20 {
        padding-top: 20px !important
    }

    .pt-sm-25 {
        padding-top: 25px !important
    }

    .pt-sm-30 {
        padding-top: 30px !important
    }

    .pt-sm-35 {
        padding-top: 35px !important
    }

    .pt-sm-40 {
        padding-top: 40px !important
    }

    .pt-sm-45 {
        padding-top: 45px !important
    }

    .pt-sm-50 {
        padding-top: 50px !important
    }

    .pe-sm-grid {
        padding-right: var(--grid-gutter-width) !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-10 {
        padding-right: 10px !important
    }

    .pe-sm-15 {
        padding-right: 15px !important
    }

    .pe-sm-20 {
        padding-right: 20px !important
    }

    .pe-sm-25 {
        padding-right: 25px !important
    }

    .pe-sm-30 {
        padding-right: 30px !important
    }

    .pe-sm-35 {
        padding-right: 35px !important
    }

    .pe-sm-40 {
        padding-right: 40px !important
    }

    .pe-sm-45 {
        padding-right: 45px !important
    }

    .pe-sm-50 {
        padding-right: 50px !important
    }

    .pb-sm-grid {
        padding-bottom: var(--grid-gutter-width) !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-10 {
        padding-bottom: 10px !important
    }

    .pb-sm-15 {
        padding-bottom: 15px !important
    }

    .pb-sm-20 {
        padding-bottom: 20px !important
    }

    .pb-sm-25 {
        padding-bottom: 25px !important
    }

    .pb-sm-30 {
        padding-bottom: 30px !important
    }

    .pb-sm-35 {
        padding-bottom: 35px !important
    }

    .pb-sm-40 {
        padding-bottom: 40px !important
    }

    .pb-sm-45 {
        padding-bottom: 45px !important
    }

    .pb-sm-50 {
        padding-bottom: 50px !important
    }

    .ps-sm-grid {
        padding-left: var(--grid-gutter-width) !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-10 {
        padding-left: 10px !important
    }

    .ps-sm-15 {
        padding-left: 15px !important
    }

    .ps-sm-20 {
        padding-left: 20px !important
    }

    .ps-sm-25 {
        padding-left: 25px !important
    }

    .ps-sm-30 {
        padding-left: 30px !important
    }

    .ps-sm-35 {
        padding-left: 35px !important
    }

    .ps-sm-40 {
        padding-left: 40px !important
    }

    .ps-sm-45 {
        padding-left: 45px !important
    }

    .ps-sm-50 {
        padding-left: 50px !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .column-gap-sm-grid {
        column-gap: var(--grid-gutter-width) !important
    }

    .column-gap-sm-0 {
        column-gap: 0 !important
    }

    .column-gap-sm-10 {
        column-gap: 10px !important
    }

    .column-gap-sm-15 {
        column-gap: 15px !important
    }

    .column-gap-sm-20 {
        column-gap: 20px !important
    }

    .column-gap-sm-25 {
        column-gap: 25px !important
    }

    .column-gap-sm-30 {
        column-gap: 30px !important
    }

    .column-gap-sm-35 {
        column-gap: 35px !important
    }

    .column-gap-sm-40 {
        column-gap: 40px !important
    }

    .column-gap-sm-45 {
        column-gap: 45px !important
    }

    .column-gap-sm-50 {
        column-gap: 50px !important
    }

    .row-gap-sm-grid {
        row-gap: var(--grid-gutter-width) !important
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-10 {
        row-gap: 10px !important
    }

    .row-gap-sm-15 {
        row-gap: 15px !important
    }

    .row-gap-sm-20 {
        row-gap: 20px !important
    }

    .row-gap-sm-25 {
        row-gap: 25px !important
    }

    .row-gap-sm-30 {
        row-gap: 30px !important
    }

    .row-gap-sm-35 {
        row-gap: 35px !important
    }

    .row-gap-sm-40 {
        row-gap: 40px !important
    }

    .row-gap-sm-45 {
        row-gap: 45px !important
    }

    .row-gap-sm-50 {
        row-gap: 50px !important
    }

    .grid-columns-sm-1 {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .grid-columns-sm-2 {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .grid-columns-sm-3 {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .grid-columns-sm-4 {
        grid-template-columns: repeat(4, 1fr) !important
    }

    .grid-columns-sm-5 {
        grid-template-columns: repeat(5, 1fr) !important
    }

    .grid-columns-sm-6 {
        grid-template-columns: repeat(6, 1fr) !important
    }

    .grid-span-sm-1 {
        grid-column: span 1 !important
    }

    .grid-span-sm-2 {
        grid-column: span 2 !important
    }

    .grid-span-sm-3 {
        grid-column: span 3 !important
    }

    .grid-span-sm-4 {
        grid-column: span 4 !important
    }

    .grid-span-sm-5 {
        grid-column: span 5 !important
    }

    .grid-span-sm-6 {
        grid-column: span 6 !important
    }
}

@media(min-width: 768px) {
    .size-md-22 {
        font-size: 22px
    }

    .size-md-30 {
        font-size: 30px
    }

    .size-md-18 {
        font-size: 18px
    }

    .size-md-16 {
        font-size: 16px
    }

    .size-md-14 {
        font-size: 14px
    }

    .size-md-12 {
        font-size: 12px
    }

    .p-md-20 {
        padding: 20px !important
    }

    .border-bottom-md-1 {
        border-bottom: 1px solid
    }

    .border-top-md-1 {
        border-top: 1px solid
    }

    .border-md-0 {
        border: 0
    }

    .border-color-md-gray-100 {
        border-color: var(--gray-color-100)
    }

    .border-color-md-gray-200 {
        border-color: var(--gray-color-200)
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .w-md-25 {
        width: 25% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-75 {
        width: 75% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .w-md-auto {
        width: auto !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-grid {
        gap: var(--grid-gutter-width) !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-10 {
        gap: 10px !important
    }

    .gap-md-15 {
        gap: 15px !important
    }

    .gap-md-20 {
        gap: 20px !important
    }

    .gap-md-25 {
        gap: 25px !important
    }

    .gap-md-30 {
        gap: 30px !important
    }

    .gap-md-35 {
        gap: 35px !important
    }

    .gap-md-40 {
        gap: 40px !important
    }

    .gap-md-45 {
        gap: 45px !important
    }

    .gap-md-50 {
        gap: 50px !important
    }

    .gap-md-55 {
        gap: 55px !important
    }

    .gap-md-60 {
        gap: 60px !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .mt-md-grid {
        margin-top: var(--grid-gutter-width) !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-10 {
        margin-top: 10px !important
    }

    .mt-md-15 {
        margin-top: 15px !important
    }

    .mt-md-20 {
        margin-top: 20px !important
    }

    .mt-md-25 {
        margin-top: 25px !important
    }

    .mt-md-30 {
        margin-top: 30px !important
    }

    .mt-md-35 {
        margin-top: 35px !important
    }

    .mt-md-40 {
        margin-top: 40px !important
    }

    .mt-md-45 {
        margin-top: 45px !important
    }

    .mt-md-50 {
        margin-top: 50px !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-grid {
        margin-right: var(--grid-gutter-width) !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-10 {
        margin-right: 10px !important
    }

    .me-md-15 {
        margin-right: 15px !important
    }

    .me-md-20 {
        margin-right: 20px !important
    }

    .me-md-25 {
        margin-right: 25px !important
    }

    .me-md-30 {
        margin-right: 30px !important
    }

    .me-md-35 {
        margin-right: 35px !important
    }

    .me-md-40 {
        margin-right: 40px !important
    }

    .me-md-45 {
        margin-right: 45px !important
    }

    .me-md-50 {
        margin-right: 50px !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-grid {
        margin-bottom: var(--grid-gutter-width) !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-10 {
        margin-bottom: 10px !important
    }

    .mb-md-15 {
        margin-bottom: 15px !important
    }

    .mb-md-20 {
        margin-bottom: 20px !important
    }

    .mb-md-25 {
        margin-bottom: 25px !important
    }

    .mb-md-30 {
        margin-bottom: 30px !important
    }

    .mb-md-35 {
        margin-bottom: 35px !important
    }

    .mb-md-40 {
        margin-bottom: 40px !important
    }

    .mb-md-45 {
        margin-bottom: 45px !important
    }

    .mb-md-50 {
        margin-bottom: 50px !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-grid {
        margin-left: var(--grid-gutter-width) !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-10 {
        margin-left: 10px !important
    }

    .ms-md-15 {
        margin-left: 15px !important
    }

    .ms-md-20 {
        margin-left: 20px !important
    }

    .ms-md-25 {
        margin-left: 25px !important
    }

    .ms-md-30 {
        margin-left: 30px !important
    }

    .ms-md-35 {
        margin-left: 35px !important
    }

    .ms-md-40 {
        margin-left: 40px !important
    }

    .ms-md-45 {
        margin-left: 45px !important
    }

    .ms-md-50 {
        margin-left: 50px !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .pt-md-grid {
        padding-top: var(--grid-gutter-width) !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-10 {
        padding-top: 10px !important
    }

    .pt-md-15 {
        padding-top: 15px !important
    }

    .pt-md-20 {
        padding-top: 20px !important
    }

    .pt-md-25 {
        padding-top: 25px !important
    }

    .pt-md-30 {
        padding-top: 30px !important
    }

    .pt-md-35 {
        padding-top: 35px !important
    }

    .pt-md-40 {
        padding-top: 40px !important
    }

    .pt-md-45 {
        padding-top: 45px !important
    }

    .pt-md-50 {
        padding-top: 50px !important
    }

    .pe-md-grid {
        padding-right: var(--grid-gutter-width) !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-10 {
        padding-right: 10px !important
    }

    .pe-md-15 {
        padding-right: 15px !important
    }

    .pe-md-20 {
        padding-right: 20px !important
    }

    .pe-md-25 {
        padding-right: 25px !important
    }

    .pe-md-30 {
        padding-right: 30px !important
    }

    .pe-md-35 {
        padding-right: 35px !important
    }

    .pe-md-40 {
        padding-right: 40px !important
    }

    .pe-md-45 {
        padding-right: 45px !important
    }

    .pe-md-50 {
        padding-right: 50px !important
    }

    .pe-md-55 {
        padding-right: 55px !important
    }

    .pe-md-65 {
        padding-right: 65px !important
    }

    .pe-md-70 {
        padding-right: 70px !important
    }

    .pe-md-75 {
        padding-right: 75px !important
    }

    .pe-md-80 {
        padding-right: 80px !important
    }

    .pb-md-grid {
        padding-bottom: var(--grid-gutter-width) !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-10 {
        padding-bottom: 10px !important
    }

    .pb-md-15 {
        padding-bottom: 15px !important
    }

    .pb-md-20 {
        padding-bottom: 20px !important
    }

    .pb-md-25 {
        padding-bottom: 25px !important
    }

    .pb-md-30 {
        padding-bottom: 30px !important
    }

    .pb-md-35 {
        padding-bottom: 35px !important
    }

    .pb-md-40 {
        padding-bottom: 40px !important
    }

    .pb-md-45 {
        padding-bottom: 45px !important
    }

    .pb-md-50 {
        padding-bottom: 50px !important
    }

    .ps-md-grid {
        padding-left: var(--grid-gutter-width) !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-10 {
        padding-left: 10px !important
    }

    .ps-md-15 {
        padding-left: 15px !important
    }

    .ps-md-20 {
        padding-left: 20px !important
    }

    .ps-md-25 {
        padding-left: 25px !important
    }

    .ps-md-30 {
        padding-left: 30px !important
    }

    .ps-md-35 {
        padding-left: 35px !important
    }

    .ps-md-40 {
        padding-left: 40px !important
    }

    .ps-md-45 {
        padding-left: 45px !important
    }

    .ps-md-50 {
        padding-left: 50px !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .column-gap-md-grid {
        column-gap: var(--grid-gutter-width) !important
    }

    .column-gap-md-0 {
        column-gap: 0 !important
    }

    .column-gap-md-10 {
        column-gap: 10px !important
    }

    .column-gap-md-15 {
        column-gap: 15px !important
    }

    .column-gap-md-20 {
        column-gap: 20px !important
    }

    .column-gap-md-25 {
        column-gap: 25px !important
    }

    .column-gap-md-30 {
        column-gap: 30px !important
    }

    .column-gap-md-35 {
        column-gap: 35px !important
    }

    .column-gap-md-40 {
        column-gap: 40px !important
    }

    .column-gap-md-45 {
        column-gap: 45px !important
    }

    .column-gap-md-50 {
        column-gap: 50px !important
    }

    .row-gap-md-grid {
        row-gap: var(--grid-gutter-width) !important
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-10 {
        row-gap: 10px !important
    }

    .row-gap-md-15 {
        row-gap: 15px !important
    }

    .row-gap-md-20 {
        row-gap: 20px !important
    }

    .row-gap-md-25 {
        row-gap: 25px !important
    }

    .row-gap-md-30 {
        row-gap: 30px !important
    }

    .row-gap-md-35 {
        row-gap: 35px !important
    }

    .row-gap-md-40 {
        row-gap: 40px !important
    }

    .row-gap-md-45 {
        row-gap: 45px !important
    }

    .row-gap-md-50 {
        row-gap: 50px !important
    }

    .grid-columns-md-1 {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .grid-columns-md-2 {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .grid-columns-md-3 {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .grid-columns-md-4 {
        grid-template-columns: repeat(4, 1fr) !important
    }

    .grid-columns-md-5 {
        grid-template-columns: repeat(5, 1fr) !important
    }

    .grid-columns-md-6 {
        grid-template-columns: repeat(6, 1fr) !important
    }

    .grid-columns-md-10 {
        grid-template-columns: repeat(10, 1fr) !important
    }

    .grid-span-md-1 {
        grid-column: span 1 !important
    }

    .grid-span-md-2 {
        grid-column: span 2 !important
    }

    .grid-span-md-3 {
        grid-column: span 3 !important
    }

    .grid-span-md-4 {
        grid-column: span 4 !important
    }

    .grid-span-md-5 {
        grid-column: span 5 !important
    }

    .grid-span-md-6 {
        grid-column: span 6 !important
    }

    .grid-span-md-7 {
        grid-column: span 7 !important
    }
}

@media(min-width: 1024px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .w-lg-25 {
        width: 25% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .w-lg-auto {
        width: auto !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-grid {
        gap: var(--grid-gutter-width) !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-10 {
        gap: 10px !important
    }

    .gap-lg-15 {
        gap: 15px !important
    }

    .gap-lg-20 {
        gap: 20px !important
    }

    .gap-lg-25 {
        gap: 25px !important
    }

    .gap-lg-30 {
        gap: 30px !important
    }

    .gap-lg-35 {
        gap: 35px !important
    }

    .gap-lg-40 {
        gap: 40px !important
    }

    .gap-lg-45 {
        gap: 45px !important
    }

    .gap-lg-50 {
        gap: 50px !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .mt-lg-grid {
        margin-top: var(--grid-gutter-width) !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-10 {
        margin-top: 10px !important
    }

    .mt-lg-15 {
        margin-top: 15px !important
    }

    .mt-lg-20 {
        margin-top: 20px !important
    }

    .mt-lg-25 {
        margin-top: 25px !important
    }

    .mt-lg-30 {
        margin-top: 30px !important
    }

    .mt-lg-35 {
        margin-top: 35px !important
    }

    .mt-lg-40 {
        margin-top: 40px !important
    }

    .mt-lg-45 {
        margin-top: 45px !important
    }

    .mt-lg-50 {
        margin-top: 50px !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-grid {
        margin-right: var(--grid-gutter-width) !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-10 {
        margin-right: 10px !important
    }

    .me-lg-15 {
        margin-right: 15px !important
    }

    .me-lg-20 {
        margin-right: 20px !important
    }

    .me-lg-25 {
        margin-right: 25px !important
    }

    .me-lg-30 {
        margin-right: 30px !important
    }

    .me-lg-35 {
        margin-right: 35px !important
    }

    .me-lg-40 {
        margin-right: 40px !important
    }

    .me-lg-45 {
        margin-right: 45px !important
    }

    .me-lg-50 {
        margin-right: 50px !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-grid {
        margin-bottom: var(--grid-gutter-width) !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-10 {
        margin-bottom: 10px !important
    }

    .mb-lg-15 {
        margin-bottom: 15px !important
    }

    .mb-lg-20 {
        margin-bottom: 20px !important
    }

    .mb-lg-25 {
        margin-bottom: 25px !important
    }

    .mb-lg-30 {
        margin-bottom: 30px !important
    }

    .mb-lg-35 {
        margin-bottom: 35px !important
    }

    .mb-lg-40 {
        margin-bottom: 40px !important
    }

    .mb-lg-45 {
        margin-bottom: 45px !important
    }

    .mb-lg-50 {
        margin-bottom: 50px !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-grid {
        margin-left: var(--grid-gutter-width) !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-10 {
        margin-left: 10px !important
    }

    .ms-lg-15 {
        margin-left: 15px !important
    }

    .ms-lg-20 {
        margin-left: 20px !important
    }

    .ms-lg-25 {
        margin-left: 25px !important
    }

    .ms-lg-30 {
        margin-left: 30px !important
    }

    .ms-lg-35 {
        margin-left: 35px !important
    }

    .ms-lg-40 {
        margin-left: 40px !important
    }

    .ms-lg-45 {
        margin-left: 45px !important
    }

    .ms-lg-50 {
        margin-left: 50px !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .pt-lg-grid {
        padding-top: var(--grid-gutter-width) !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-10 {
        padding-top: 10px !important
    }

    .pt-lg-15 {
        padding-top: 15px !important
    }

    .pt-lg-20 {
        padding-top: 20px !important
    }

    .pt-lg-25 {
        padding-top: 25px !important
    }

    .pt-lg-30 {
        padding-top: 30px !important
    }

    .pt-lg-35 {
        padding-top: 35px !important
    }

    .pt-lg-40 {
        padding-top: 40px !important
    }

    .pt-lg-45 {
        padding-top: 45px !important
    }

    .pt-lg-50 {
        padding-top: 50px !important
    }

    .pe-lg-grid {
        padding-right: var(--grid-gutter-width) !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-10 {
        padding-right: 10px !important
    }

    .pe-lg-15 {
        padding-right: 15px !important
    }

    .pe-lg-20 {
        padding-right: 20px !important
    }

    .pe-lg-25 {
        padding-right: 25px !important
    }

    .pe-lg-30 {
        padding-right: 30px !important
    }

    .pe-lg-35 {
        padding-right: 35px !important
    }

    .pe-lg-40 {
        padding-right: 40px !important
    }

    .pe-lg-45 {
        padding-right: 45px !important
    }

    .pe-lg-50 {
        padding-right: 50px !important
    }

    .pe-lg-65 {
        padding-right: 65px !important
    }

    .pe-lg-70 {
        padding-right: 70px !important
    }

    .pe-lg-80 {
        padding-right: 80px !important
    }

    .pe-lg-90 {
        padding-right: 90px !important
    }

    .pe-lg-100 {
        padding-right: 100px !important
    }

    .pb-lg-grid {
        padding-bottom: var(--grid-gutter-width) !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-10 {
        padding-bottom: 10px !important
    }

    .pb-lg-15 {
        padding-bottom: 15px !important
    }

    .pb-lg-20 {
        padding-bottom: 20px !important
    }

    .pb-lg-25 {
        padding-bottom: 25px !important
    }

    .pb-lg-30 {
        padding-bottom: 30px !important
    }

    .pb-lg-35 {
        padding-bottom: 35px !important
    }

    .pb-lg-40 {
        padding-bottom: 40px !important
    }

    .pb-lg-45 {
        padding-bottom: 45px !important
    }

    .pb-lg-50 {
        padding-bottom: 50px !important
    }

    .ps-lg-grid {
        padding-left: var(--grid-gutter-width) !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-10 {
        padding-left: 10px !important
    }

    .ps-lg-15 {
        padding-left: 15px !important
    }

    .ps-lg-20 {
        padding-left: 20px !important
    }

    .ps-lg-25 {
        padding-left: 25px !important
    }

    .ps-lg-30 {
        padding-left: 30px !important
    }

    .ps-lg-35 {
        padding-left: 35px !important
    }

    .ps-lg-40 {
        padding-left: 40px !important
    }

    .ps-lg-45 {
        padding-left: 45px !important
    }

    .ps-lg-50 {
        padding-left: 50px !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .column-gap-lg-grid {
        column-gap: var(--grid-gutter-width) !important
    }

    .column-gap-lg-0 {
        column-gap: 0 !important
    }

    .column-gap-lg-10 {
        column-gap: 10px !important
    }

    .column-gap-lg-15 {
        column-gap: 15px !important
    }

    .column-gap-lg-20 {
        column-gap: 20px !important
    }

    .column-gap-lg-25 {
        column-gap: 25px !important
    }

    .column-gap-lg-30 {
        column-gap: 30px !important
    }

    .column-gap-lg-35 {
        column-gap: 35px !important
    }

    .column-gap-lg-40 {
        column-gap: 40px !important
    }

    .column-gap-lg-45 {
        column-gap: 45px !important
    }

    .column-gap-lg-50 {
        column-gap: 50px !important
    }

    .row-gap-lg-grid {
        row-gap: var(--grid-gutter-width) !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-10 {
        row-gap: 10px !important
    }

    .row-gap-lg-15 {
        row-gap: 15px !important
    }

    .row-gap-lg-20 {
        row-gap: 20px !important
    }

    .row-gap-lg-25 {
        row-gap: 25px !important
    }

    .row-gap-lg-30 {
        row-gap: 30px !important
    }

    .row-gap-lg-35 {
        row-gap: 35px !important
    }

    .row-gap-lg-40 {
        row-gap: 40px !important
    }

    .row-gap-lg-45 {
        row-gap: 45px !important
    }

    .row-gap-lg-50 {
        row-gap: 50px !important
    }

    .grid-columns-lg-1 {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .grid-columns-lg-2 {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .grid-columns-lg-3 {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .grid-columns-lg-4 {
        grid-template-columns: repeat(4, 1fr) !important
    }

    .grid-columns-lg-5 {
        grid-template-columns: repeat(5, 1fr) !important
    }

    .grid-columns-lg-6 {
        grid-template-columns: repeat(6, 1fr) !important
    }

    .grid-columns-lg-7 {
        grid-template-columns: repeat(7, 1fr) !important
    }

    .grid-columns-lg-8 {
        grid-template-columns: repeat(8, 1fr) !important
    }

    .grid-columns-lg-9 {
        grid-template-columns: repeat(9, 1fr) !important
    }

    .grid-columns-lg-10 {
        grid-template-columns: repeat(10, 1fr) !important
    }

    .grid-span-lg-1 {
        grid-column: span 1 !important
    }

    .grid-span-lg-2 {
        grid-column: span 2 !important
    }

    .grid-span-lg-3 {
        grid-column: span 3 !important
    }

    .grid-span-lg-4 {
        grid-column: span 4 !important
    }

    .grid-span-lg-5 {
        grid-column: span 5 !important
    }

    .grid-span-lg-6 {
        grid-column: span 6 !important
    }

    .grid-span-lg-7 {
        grid-column: span 7 !important
    }
}

@media(min-width: 1280px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-75 {
        width: 75% !important
    }

    .w-xl-100 {
        width: 100% !important
    }

    .w-xl-auto {
        width: auto !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-grid {
        gap: var(--grid-gutter-width) !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-10 {
        gap: 10px !important
    }

    .gap-xl-15 {
        gap: 15px !important
    }

    .gap-xl-20 {
        gap: 20px !important
    }

    .gap-xl-25 {
        gap: 25px !important
    }

    .gap-xl-30 {
        gap: 30px !important
    }

    .gap-xl-35 {
        gap: 35px !important
    }

    .gap-xl-40 {
        gap: 40px !important
    }

    .gap-xl-45 {
        gap: 45px !important
    }

    .gap-xl-50 {
        gap: 50px !important
    }

    .gap-xl-60 {
        gap: 50px !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .mt-xl-grid {
        margin-top: var(--grid-gutter-width) !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-10 {
        margin-top: 10px !important
    }

    .mt-xl-15 {
        margin-top: 15px !important
    }

    .mt-xl-20 {
        margin-top: 20px !important
    }

    .mt-xl-25 {
        margin-top: 25px !important
    }

    .mt-xl-30 {
        margin-top: 30px !important
    }

    .mt-xl-35 {
        margin-top: 35px !important
    }

    .mt-xl-40 {
        margin-top: 40px !important
    }

    .mt-xl-45 {
        margin-top: 45px !important
    }

    .mt-xl-50 {
        margin-top: 50px !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-grid {
        margin-right: var(--grid-gutter-width) !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-10 {
        margin-right: 10px !important
    }

    .me-xl-15 {
        margin-right: 15px !important
    }

    .me-xl-20 {
        margin-right: 20px !important
    }

    .me-xl-25 {
        margin-right: 25px !important
    }

    .me-xl-30 {
        margin-right: 30px !important
    }

    .me-xl-35 {
        margin-right: 35px !important
    }

    .me-xl-40 {
        margin-right: 40px !important
    }

    .me-xl-45 {
        margin-right: 45px !important
    }

    .me-xl-50 {
        margin-right: 50px !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-grid {
        margin-bottom: var(--grid-gutter-width) !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-10 {
        margin-bottom: 10px !important
    }

    .mb-xl-15 {
        margin-bottom: 15px !important
    }

    .mb-xl-20 {
        margin-bottom: 20px !important
    }

    .mb-xl-25 {
        margin-bottom: 25px !important
    }

    .mb-xl-30 {
        margin-bottom: 30px !important
    }

    .mb-xl-35 {
        margin-bottom: 35px !important
    }

    .mb-xl-40 {
        margin-bottom: 40px !important
    }

    .mb-xl-45 {
        margin-bottom: 45px !important
    }

    .mb-xl-50 {
        margin-bottom: 50px !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-grid {
        margin-left: var(--grid-gutter-width) !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-10 {
        margin-left: 10px !important
    }

    .ms-xl-15 {
        margin-left: 15px !important
    }

    .ms-xl-20 {
        margin-left: 20px !important
    }

    .ms-xl-25 {
        margin-left: 25px !important
    }

    .ms-xl-30 {
        margin-left: 30px !important
    }

    .ms-xl-35 {
        margin-left: 35px !important
    }

    .ms-xl-40 {
        margin-left: 40px !important
    }

    .ms-xl-45 {
        margin-left: 45px !important
    }

    .ms-xl-50 {
        margin-left: 50px !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .pt-xl-grid {
        padding-top: var(--grid-gutter-width) !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-10 {
        padding-top: 10px !important
    }

    .pt-xl-15 {
        padding-top: 15px !important
    }

    .pt-xl-20 {
        padding-top: 20px !important
    }

    .pt-xl-25 {
        padding-top: 25px !important
    }

    .pt-xl-30 {
        padding-top: 30px !important
    }

    .pt-xl-35 {
        padding-top: 35px !important
    }

    .pt-xl-40 {
        padding-top: 40px !important
    }

    .pt-xl-45 {
        padding-top: 45px !important
    }

    .pt-xl-50 {
        padding-top: 50px !important
    }

    .pe-xl-grid {
        padding-right: var(--grid-gutter-width) !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-10 {
        padding-right: 10px !important
    }

    .pe-xl-15 {
        padding-right: 15px !important
    }

    .pe-xl-20 {
        padding-right: 20px !important
    }

    .pe-xl-25 {
        padding-right: 25px !important
    }

    .pe-xl-30 {
        padding-right: 30px !important
    }

    .pe-xl-35 {
        padding-right: 35px !important
    }

    .pe-xl-40 {
        padding-right: 40px !important
    }

    .pe-xl-45 {
        padding-right: 45px !important
    }

    .pe-xl-50 {
        padding-right: 50px !important
    }

    .pb-xl-grid {
        padding-bottom: var(--grid-gutter-width) !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-10 {
        padding-bottom: 10px !important
    }

    .pb-xl-15 {
        padding-bottom: 15px !important
    }

    .pb-xl-20 {
        padding-bottom: 20px !important
    }

    .pb-xl-25 {
        padding-bottom: 25px !important
    }

    .pb-xl-30 {
        padding-bottom: 30px !important
    }

    .pb-xl-35 {
        padding-bottom: 35px !important
    }

    .pb-xl-40 {
        padding-bottom: 40px !important
    }

    .pb-xl-45 {
        padding-bottom: 45px !important
    }

    .pb-xl-50 {
        padding-bottom: 50px !important
    }

    .ps-xl-grid {
        padding-left: var(--grid-gutter-width) !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-10 {
        padding-left: 10px !important
    }

    .ps-xl-15 {
        padding-left: 15px !important
    }

    .ps-xl-20 {
        padding-left: 20px !important
    }

    .ps-xl-25 {
        padding-left: 25px !important
    }

    .ps-xl-30 {
        padding-left: 30px !important
    }

    .ps-xl-35 {
        padding-left: 35px !important
    }

    .ps-xl-40 {
        padding-left: 40px !important
    }

    .ps-xl-45 {
        padding-left: 45px !important
    }

    .ps-xl-50 {
        padding-left: 50px !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .column-gap-xl-grid {
        column-gap: var(--grid-gutter-width) !important
    }

    .column-gap-xl-0 {
        column-gap: 0 !important
    }

    .column-gap-xl-10 {
        column-gap: 10px !important
    }

    .column-gap-xl-15 {
        column-gap: 15px !important
    }

    .column-gap-xl-20 {
        column-gap: 20px !important
    }

    .column-gap-xl-25 {
        column-gap: 25px !important
    }

    .column-gap-xl-30 {
        column-gap: 30px !important
    }

    .column-gap-xl-35 {
        column-gap: 35px !important
    }

    .column-gap-xl-40 {
        column-gap: 40px !important
    }

    .column-gap-xl-45 {
        column-gap: 45px !important
    }

    .column-gap-xl-50 {
        column-gap: 50px !important
    }

    .row-gap-xl-grid {
        row-gap: var(--grid-gutter-width) !important
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-10 {
        row-gap: 10px !important
    }

    .row-gap-xl-15 {
        row-gap: 15px !important
    }

    .row-gap-xl-20 {
        row-gap: 20px !important
    }

    .row-gap-xl-25 {
        row-gap: 25px !important
    }

    .row-gap-xl-30 {
        row-gap: 30px !important
    }

    .row-gap-xl-35 {
        row-gap: 35px !important
    }

    .row-gap-xl-40 {
        row-gap: 40px !important
    }

    .row-gap-xl-45 {
        row-gap: 45px !important
    }

    .row-gap-xl-50 {
        row-gap: 50px !important
    }

    .grid-columns-xl-1 {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .grid-columns-xl-2 {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .grid-columns-xl-3 {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .grid-columns-xl-4 {
        grid-template-columns: repeat(4, 1fr) !important
    }

    .grid-columns-xl-5 {
        grid-template-columns: repeat(5, 1fr) !important
    }

    .grid-columns-xl-6 {
        grid-template-columns: repeat(6, 1fr) !important
    }

    .grid-span-xl-1 {
        grid-column: span 1 !important
    }

    .grid-span-xl-2 {
        grid-column: span 2 !important
    }

    .grid-span-xl-3 {
        grid-column: span 3 !important
    }

    .grid-span-xl-4 {
        grid-column: span 4 !important
    }

    .grid-span-xl-5 {
        grid-column: span 5 !important
    }

    .grid-span-xl-6 {
        grid-column: span 6 !important
    }

    .grid-span-xl-7 {
        grid-column: span 7 !important
    }
}

@media(min-width: 1600px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .w-xxl-25 {
        width: 25% !important
    }

    .w-xxl-50 {
        width: 50% !important
    }

    .w-xxl-75 {
        width: 75% !important
    }

    .w-xxl-100 {
        width: 100% !important
    }

    .w-xxl-auto {
        width: auto !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-grid {
        gap: var(--grid-gutter-width) !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-10 {
        gap: 10px !important
    }

    .gap-xxl-15 {
        gap: 15px !important
    }

    .gap-xxl-20 {
        gap: 20px !important
    }

    .gap-xxl-25 {
        gap: 25px !important
    }

    .gap-xxl-30 {
        gap: 30px !important
    }

    .gap-xxl-35 {
        gap: 35px !important
    }

    .gap-xxl-40 {
        gap: 40px !important
    }

    .gap-xxl-45 {
        gap: 45px !important
    }

    .gap-xxl-50 {
        gap: 50px !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .mt-xxl-grid {
        margin-top: var(--grid-gutter-width) !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-10 {
        margin-top: 10px !important
    }

    .mt-xxl-15 {
        margin-top: 15px !important
    }

    .mt-xxl-20 {
        margin-top: 20px !important
    }

    .mt-xxl-25 {
        margin-top: 25px !important
    }

    .mt-xxl-30 {
        margin-top: 30px !important
    }

    .mt-xxl-35 {
        margin-top: 35px !important
    }

    .mt-xxl-40 {
        margin-top: 40px !important
    }

    .mt-xxl-45 {
        margin-top: 45px !important
    }

    .mt-xxl-50 {
        margin-top: 50px !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-grid {
        margin-right: var(--grid-gutter-width) !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-10 {
        margin-right: 10px !important
    }

    .me-xxl-15 {
        margin-right: 15px !important
    }

    .me-xxl-20 {
        margin-right: 20px !important
    }

    .me-xxl-25 {
        margin-right: 25px !important
    }

    .me-xxl-30 {
        margin-right: 30px !important
    }

    .me-xxl-35 {
        margin-right: 35px !important
    }

    .me-xxl-40 {
        margin-right: 40px !important
    }

    .me-xxl-45 {
        margin-right: 45px !important
    }

    .me-xxl-50 {
        margin-right: 50px !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-grid {
        margin-bottom: var(--grid-gutter-width) !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-10 {
        margin-bottom: 10px !important
    }

    .mb-xxl-15 {
        margin-bottom: 15px !important
    }

    .mb-xxl-20 {
        margin-bottom: 20px !important
    }

    .mb-xxl-25 {
        margin-bottom: 25px !important
    }

    .mb-xxl-30 {
        margin-bottom: 30px !important
    }

    .mb-xxl-35 {
        margin-bottom: 35px !important
    }

    .mb-xxl-40 {
        margin-bottom: 40px !important
    }

    .mb-xxl-45 {
        margin-bottom: 45px !important
    }

    .mb-xxl-50 {
        margin-bottom: 50px !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-grid {
        margin-left: var(--grid-gutter-width) !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-10 {
        margin-left: 10px !important
    }

    .ms-xxl-15 {
        margin-left: 15px !important
    }

    .ms-xxl-20 {
        margin-left: 20px !important
    }

    .ms-xxl-25 {
        margin-left: 25px !important
    }

    .ms-xxl-30 {
        margin-left: 30px !important
    }

    .ms-xxl-35 {
        margin-left: 35px !important
    }

    .ms-xxl-40 {
        margin-left: 40px !important
    }

    .ms-xxl-45 {
        margin-left: 45px !important
    }

    .ms-xxl-50 {
        margin-left: 50px !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .pt-xxl-grid {
        padding-top: var(--grid-gutter-width) !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-10 {
        padding-top: 10px !important
    }

    .pt-xxl-15 {
        padding-top: 15px !important
    }

    .pt-xxl-20 {
        padding-top: 20px !important
    }

    .pt-xxl-25 {
        padding-top: 25px !important
    }

    .pt-xxl-30 {
        padding-top: 30px !important
    }

    .pt-xxl-35 {
        padding-top: 35px !important
    }

    .pt-xxl-40 {
        padding-top: 40px !important
    }

    .pt-xxl-45 {
        padding-top: 45px !important
    }

    .pt-xxl-50 {
        padding-top: 50px !important
    }

    .pe-xxl-grid {
        padding-right: var(--grid-gutter-width) !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-10 {
        padding-right: 10px !important
    }

    .pe-xxl-15 {
        padding-right: 15px !important
    }

    .pe-xxl-20 {
        padding-right: 20px !important
    }

    .pe-xxl-25 {
        padding-right: 25px !important
    }

    .pe-xxl-30 {
        padding-right: 30px !important
    }

    .pe-xxl-35 {
        padding-right: 35px !important
    }

    .pe-xxl-40 {
        padding-right: 40px !important
    }

    .pe-xxl-45 {
        padding-right: 45px !important
    }

    .pe-xxl-50 {
        padding-right: 50px !important
    }

    .pb-xxl-grid {
        padding-bottom: var(--grid-gutter-width) !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-10 {
        padding-bottom: 10px !important
    }

    .pb-xxl-15 {
        padding-bottom: 15px !important
    }

    .pb-xxl-20 {
        padding-bottom: 20px !important
    }

    .pb-xxl-25 {
        padding-bottom: 25px !important
    }

    .pb-xxl-30 {
        padding-bottom: 30px !important
    }

    .pb-xxl-35 {
        padding-bottom: 35px !important
    }

    .pb-xxl-40 {
        padding-bottom: 40px !important
    }

    .pb-xxl-45 {
        padding-bottom: 45px !important
    }

    .pb-xxl-50 {
        padding-bottom: 50px !important
    }

    .ps-xxl-grid {
        padding-left: var(--grid-gutter-width) !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-10 {
        padding-left: 10px !important
    }

    .ps-xxl-15 {
        padding-left: 15px !important
    }

    .ps-xxl-20 {
        padding-left: 20px !important
    }

    .ps-xxl-25 {
        padding-left: 25px !important
    }

    .ps-xxl-30 {
        padding-left: 30px !important
    }

    .ps-xxl-35 {
        padding-left: 35px !important
    }

    .ps-xxl-40 {
        padding-left: 40px !important
    }

    .ps-xxl-45 {
        padding-left: 45px !important
    }

    .ps-xxl-50 {
        padding-left: 50px !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }

    .column-gap-xxl-grid {
        column-gap: var(--grid-gutter-width) !important
    }

    .column-gap-xxl-0 {
        column-gap: 0 !important
    }

    .column-gap-xxl-10 {
        column-gap: 10px !important
    }

    .column-gap-xxl-15 {
        column-gap: 15px !important
    }

    .column-gap-xxl-20 {
        column-gap: 20px !important
    }

    .column-gap-xxl-25 {
        column-gap: 25px !important
    }

    .column-gap-xxl-30 {
        column-gap: 30px !important
    }

    .column-gap-xxl-35 {
        column-gap: 35px !important
    }

    .column-gap-xxl-40 {
        column-gap: 40px !important
    }

    .column-gap-xxl-45 {
        column-gap: 45px !important
    }

    .column-gap-xxl-50 {
        column-gap: 50px !important
    }

    .row-gap-xxl-grid {
        row-gap: var(--grid-gutter-width) !important
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-10 {
        row-gap: 10px !important
    }

    .row-gap-xxl-15 {
        row-gap: 15px !important
    }

    .row-gap-xxl-20 {
        row-gap: 20px !important
    }

    .row-gap-xxl-25 {
        row-gap: 25px !important
    }

    .row-gap-xxl-30 {
        row-gap: 30px !important
    }

    .row-gap-xxl-35 {
        row-gap: 35px !important
    }

    .row-gap-xxl-40 {
        row-gap: 40px !important
    }

    .row-gap-xxl-45 {
        row-gap: 45px !important
    }

    .row-gap-xxl-50 {
        row-gap: 50px !important
    }

    .grid-columns-xxl-1 {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .grid-columns-xxl-2 {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .grid-columns-xxl-3 {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .grid-columns-xxl-4 {
        grid-template-columns: repeat(4, 1fr) !important
    }

    .grid-columns-xxl-5 {
        grid-template-columns: repeat(5, 1fr) !important
    }

    .grid-columns-xxl-6 {
        grid-template-columns: repeat(6, 1fr) !important
    }

    .grid-span-xxl-1 {
        grid-column: span 1 !important
    }

    .grid-span-xxl-2 {
        grid-column: span 2 !important
    }

    .grid-span-xxl-3 {
        grid-column: span 3 !important
    }

    .grid-span-xxl-4 {
        grid-column: span 4 !important
    }

    .grid-span-xxl-5 {
        grid-column: span 5 !important
    }

    .grid-span-xxl-6 {
        grid-column: span 6 !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

:root {
    --grid-gutter-width: 10px;
    --container-padding-x: 16px;
    --animation-duration-1: 150ms;
    --animation-duration-2: 300ms;
    --animation-duration-3: 500ms;
    --animation-duration-4: 1000ms;
    --trs-1: var(--animation-duration-1) ease-out;
    --trs-2: var(--animation-duration-2) ease-out;
    --trs-3: var(--animation-duration-3) ease-out;
    --trs-4: var(--animation-duration-4) ease-out
}

@media(max-width: 575.98px) {
    :root {
        --grid-gutter-width: 8px
    }
}

.container {
    width: 100%;
    max-width: 1210px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 15px
}

.container--small {
    max-width: 1010px
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: var(--bs-gutter-x, var(--container-padding-x));
    padding-left: var(--bs-gutter-x, var(--container-padding-x));
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 960px
    }
}

@media(min-width: 1024px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px
    }
}

@media(min-width: 1280px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1212px
    }
}

.row {
    --bs-gutter-x: var(--grid-gutter-width);
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-grid,
.gx-grid {
    --bs-gutter-x: var(--grid-gutter-width)
}

.g-grid,
.gy-grid {
    --bs-gutter-y: var(--grid-gutter-width)
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-10,
.gx-10 {
    --bs-gutter-x: 10px
}

.g-10,
.gy-10 {
    --bs-gutter-y: 10px
}

.g-15,
.gx-15 {
    --bs-gutter-x: 15px
}

.g-15,
.gy-15 {
    --bs-gutter-y: 15px
}

.g-20,
.gx-20 {
    --bs-gutter-x: 20px
}

.g-20,
.gy-20 {
    --bs-gutter-y: 20px
}

.g-25,
.gx-25 {
    --bs-gutter-x: 25px
}

.g-25,
.gy-25 {
    --bs-gutter-y: 25px
}

.g-30,
.gx-30 {
    --bs-gutter-x: 30px
}

.g-30,
.gy-30 {
    --bs-gutter-y: 30px
}

.g-35,
.gx-35 {
    --bs-gutter-x: 35px
}

.g-35,
.gy-35 {
    --bs-gutter-y: 35px
}

.g-40,
.gx-40 {
    --bs-gutter-x: 40px
}

.g-40,
.gy-40 {
    --bs-gutter-y: 40px
}

.g-45,
.gx-45 {
    --bs-gutter-x: 45px
}

.g-45,
.gy-45 {
    --bs-gutter-y: 45px
}

.g-50,
.gx-50 {
    --bs-gutter-x: 50px
}

.g-50,
.gy-50 {
    --bs-gutter-y: 50px
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-grid,
    .gx-sm-grid {
        --bs-gutter-x: var(--grid-gutter-width)
    }

    .g-sm-grid,
    .gy-sm-grid {
        --bs-gutter-y: var(--grid-gutter-width)
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-10,
    .gx-sm-10 {
        --bs-gutter-x: 10px
    }

    .g-sm-10,
    .gy-sm-10 {
        --bs-gutter-y: 10px
    }

    .g-sm-15,
    .gx-sm-15 {
        --bs-gutter-x: 15px
    }

    .g-sm-15,
    .gy-sm-15 {
        --bs-gutter-y: 15px
    }

    .g-sm-20,
    .gx-sm-20 {
        --bs-gutter-x: 20px
    }

    .g-sm-20,
    .gy-sm-20 {
        --bs-gutter-y: 20px
    }

    .g-sm-25,
    .gx-sm-25 {
        --bs-gutter-x: 25px
    }

    .g-sm-25,
    .gy-sm-25 {
        --bs-gutter-y: 25px
    }

    .g-sm-30,
    .gx-sm-30 {
        --bs-gutter-x: 30px
    }

    .g-sm-30,
    .gy-sm-30 {
        --bs-gutter-y: 30px
    }

    .g-sm-35,
    .gx-sm-35 {
        --bs-gutter-x: 35px
    }

    .g-sm-35,
    .gy-sm-35 {
        --bs-gutter-y: 35px
    }

    .g-sm-40,
    .gx-sm-40 {
        --bs-gutter-x: 40px
    }

    .g-sm-40,
    .gy-sm-40 {
        --bs-gutter-y: 40px
    }

    .g-sm-45,
    .gx-sm-45 {
        --bs-gutter-x: 45px
    }

    .g-sm-45,
    .gy-sm-45 {
        --bs-gutter-y: 45px
    }

    .g-sm-50,
    .gx-sm-50 {
        --bs-gutter-x: 50px
    }

    .g-sm-50,
    .gy-sm-50 {
        --bs-gutter-y: 50px
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-grid,
    .gx-md-grid {
        --bs-gutter-x: var(--grid-gutter-width)
    }

    .g-md-grid,
    .gy-md-grid {
        --bs-gutter-y: var(--grid-gutter-width)
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-10,
    .gx-md-10 {
        --bs-gutter-x: 10px
    }

    .g-md-10,
    .gy-md-10 {
        --bs-gutter-y: 10px
    }

    .g-md-15,
    .gx-md-15 {
        --bs-gutter-x: 15px
    }

    .g-md-15,
    .gy-md-15 {
        --bs-gutter-y: 15px
    }

    .g-md-20,
    .gx-md-20 {
        --bs-gutter-x: 20px
    }

    .g-md-20,
    .gy-md-20 {
        --bs-gutter-y: 20px
    }

    .g-md-25,
    .gx-md-25 {
        --bs-gutter-x: 25px
    }

    .g-md-25,
    .gy-md-25 {
        --bs-gutter-y: 25px
    }

    .g-md-30,
    .gx-md-30 {
        --bs-gutter-x: 30px
    }

    .g-md-30,
    .gy-md-30 {
        --bs-gutter-y: 30px
    }

    .g-md-35,
    .gx-md-35 {
        --bs-gutter-x: 35px
    }

    .g-md-35,
    .gy-md-35 {
        --bs-gutter-y: 35px
    }

    .g-md-40,
    .gx-md-40 {
        --bs-gutter-x: 40px
    }

    .g-md-40,
    .gy-md-40 {
        --bs-gutter-y: 40px
    }

    .g-md-45,
    .gx-md-45 {
        --bs-gutter-x: 45px
    }

    .g-md-45,
    .gy-md-45 {
        --bs-gutter-y: 45px
    }

    .g-md-50,
    .gx-md-50 {
        --bs-gutter-x: 50px
    }

    .g-md-50,
    .gy-md-50 {
        --bs-gutter-y: 50px
    }
}

@media(min-width: 1024px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-grid,
    .gx-lg-grid {
        --bs-gutter-x: var(--grid-gutter-width)
    }

    .g-lg-grid,
    .gy-lg-grid {
        --bs-gutter-y: var(--grid-gutter-width)
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-10,
    .gx-lg-10 {
        --bs-gutter-x: 10px
    }

    .g-lg-10,
    .gy-lg-10 {
        --bs-gutter-y: 10px
    }

    .g-lg-15,
    .gx-lg-15 {
        --bs-gutter-x: 15px
    }

    .g-lg-15,
    .gy-lg-15 {
        --bs-gutter-y: 15px
    }

    .g-lg-20,
    .gx-lg-20 {
        --bs-gutter-x: 20px
    }

    .g-lg-20,
    .gy-lg-20 {
        --bs-gutter-y: 20px
    }

    .g-lg-25,
    .gx-lg-25 {
        --bs-gutter-x: 25px
    }

    .g-lg-25,
    .gy-lg-25 {
        --bs-gutter-y: 25px
    }

    .g-lg-30,
    .gx-lg-30 {
        --bs-gutter-x: 30px
    }

    .g-lg-30,
    .gy-lg-30 {
        --bs-gutter-y: 30px
    }

    .g-lg-35,
    .gx-lg-35 {
        --bs-gutter-x: 35px
    }

    .g-lg-35,
    .gy-lg-35 {
        --bs-gutter-y: 35px
    }

    .g-lg-40,
    .gx-lg-40 {
        --bs-gutter-x: 40px
    }

    .g-lg-40,
    .gy-lg-40 {
        --bs-gutter-y: 40px
    }

    .g-lg-45,
    .gx-lg-45 {
        --bs-gutter-x: 45px
    }

    .g-lg-45,
    .gy-lg-45 {
        --bs-gutter-y: 45px
    }

    .g-lg-50,
    .gx-lg-50 {
        --bs-gutter-x: 50px
    }

    .g-lg-50,
    .gy-lg-50 {
        --bs-gutter-y: 50px
    }
}

@media(min-width: 1280px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-grid,
    .gx-xl-grid {
        --bs-gutter-x: var(--grid-gutter-width)
    }

    .g-xl-grid,
    .gy-xl-grid {
        --bs-gutter-y: var(--grid-gutter-width)
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-10,
    .gx-xl-10 {
        --bs-gutter-x: 10px
    }

    .g-xl-10,
    .gy-xl-10 {
        --bs-gutter-y: 10px
    }

    .g-xl-15,
    .gx-xl-15 {
        --bs-gutter-x: 15px
    }

    .g-xl-15,
    .gy-xl-15 {
        --bs-gutter-y: 15px
    }

    .g-xl-20,
    .gx-xl-20 {
        --bs-gutter-x: 20px
    }

    .g-xl-20,
    .gy-xl-20 {
        --bs-gutter-y: 20px
    }

    .g-xl-25,
    .gx-xl-25 {
        --bs-gutter-x: 25px
    }

    .g-xl-25,
    .gy-xl-25 {
        --bs-gutter-y: 25px
    }

    .g-xl-30,
    .gx-xl-30 {
        --bs-gutter-x: 30px
    }

    .g-xl-30,
    .gy-xl-30 {
        --bs-gutter-y: 30px
    }

    .g-xl-35,
    .gx-xl-35 {
        --bs-gutter-x: 35px
    }

    .g-xl-35,
    .gy-xl-35 {
        --bs-gutter-y: 35px
    }

    .g-xl-40,
    .gx-xl-40 {
        --bs-gutter-x: 40px
    }

    .g-xl-40,
    .gy-xl-40 {
        --bs-gutter-y: 40px
    }

    .g-xl-45,
    .gx-xl-45 {
        --bs-gutter-x: 45px
    }

    .g-xl-45,
    .gy-xl-45 {
        --bs-gutter-y: 45px
    }

    .g-xl-50,
    .gx-xl-50 {
        --bs-gutter-x: 50px
    }

    .g-xl-50,
    .gy-xl-50 {
        --bs-gutter-y: 50px
    }
}

@media(min-width: 1600px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .g-xxl-grid,
    .gx-xxl-grid {
        --bs-gutter-x: var(--grid-gutter-width)
    }

    .g-xxl-grid,
    .gy-xxl-grid {
        --bs-gutter-y: var(--grid-gutter-width)
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-10,
    .gx-xxl-10 {
        --bs-gutter-x: 10px
    }

    .g-xxl-10,
    .gy-xxl-10 {
        --bs-gutter-y: 10px
    }

    .g-xxl-15,
    .gx-xxl-15 {
        --bs-gutter-x: 15px
    }

    .g-xxl-15,
    .gy-xxl-15 {
        --bs-gutter-y: 15px
    }

    .g-xxl-20,
    .gx-xxl-20 {
        --bs-gutter-x: 20px
    }

    .g-xxl-20,
    .gy-xxl-20 {
        --bs-gutter-y: 20px
    }

    .g-xxl-25,
    .gx-xxl-25 {
        --bs-gutter-x: 25px
    }

    .g-xxl-25,
    .gy-xxl-25 {
        --bs-gutter-y: 25px
    }

    .g-xxl-30,
    .gx-xxl-30 {
        --bs-gutter-x: 30px
    }

    .g-xxl-30,
    .gy-xxl-30 {
        --bs-gutter-y: 30px
    }

    .g-xxl-35,
    .gx-xxl-35 {
        --bs-gutter-x: 35px
    }

    .g-xxl-35,
    .gy-xxl-35 {
        --bs-gutter-y: 35px
    }

    .g-xxl-40,
    .gx-xxl-40 {
        --bs-gutter-x: 40px
    }

    .g-xxl-40,
    .gy-xxl-40 {
        --bs-gutter-y: 40px
    }

    .g-xxl-45,
    .gx-xxl-45 {
        --bs-gutter-x: 45px
    }

    .g-xxl-45,
    .gy-xxl-45 {
        --bs-gutter-y: 45px
    }

    .g-xxl-50,
    .gx-xxl-50 {
        --bs-gutter-x: 50px
    }

    .g-xxl-50,
    .gy-xxl-50 {
        --bs-gutter-y: 50px
    }
}

:root {
    --msb: "Montserrat-SemiBold";
    --rr: "Roboto-Regular";
    --rb: "Roboto-Bold"
}

@font-face {
    font-family: "Golos";
    font-weight: 400;
    font-style: normal;
    src: url("/static/fonts/GolosText-Regular.woff")
}

@font-face {
    font-family: "Golos";
    font-weight: 700;
    font-style: normal;
    src: url("/static/fonts/GolosText-Bold.woff2")
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("/static/fonts/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("/static/fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("/static/fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

input[disabled] {
    opacity: .6
}

button[disabled] {
    pointer-events: none;
    background-color: var(--gray-color-450)
}

.page {
    min-height: 100vh;
    height: auto;
    display: flex;
    flex-direction: column
}

.g-overflow-hidden {
    overflow: hidden
}

.g-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.g-title {
    font-family: Golos;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    color: var(--black-color);
    margin: 0
}

.g-title_small {
    font-size: 14px;
    color: var(--gray-color-550)
}

.g-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-color-700);
    margin: 0
}

.g-text_grey {
    color: var(--gray-color-550)
}

.g-text_green {
    color: var(--green-color-400)
}

.g-text_red {
    color: var(--discount-color)
}

.g-text_accent {
    color: var(--accent-color-400)
}

.g-text_blue {
    color: var(--accent-color-500)
}

.g-text_small {
    font-size: 10px;
    color: var(--gray-color-450)
}

.g-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: var(--accent-color-500)
}

.g-text-button {
    background: none;
    border: none;
    color: var(--gray-color-550);
    border-bottom: 1px dashed var(--gray-color-550);
    cursor: pointer;
    max-width: max-content
}

.g-text-button_blue {
    color: var(--accent-color-500)
}

.g-button {
    border-radius: 2px;
    border: 1px solid var(--gray-color-450);
    color: var(--gray-color-450);
    transition: .3s;
    padding: 10px 17.5px;
    display: inline-block;
    height: 40px;
    font-size: 12px;
    line-height: 130%;
    white-space: nowrap;
    text-wrap: nowrap
}

.g-button:hover {
    color: var(--white-color);
    background-color: var(--accent-color-400);
    border: 1px solid var(--accent-color-400);
    fill: var(--white-color)
}

.g-button_active {
    color: var(--white-color);
    background-color: var(--accent-color-400);
    border: 1px solid var(--accent-color-400);
    fill: var(--white-color)
}

.g-button_fill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background-color: var(--accent-color-400);
    color: var(--white-color);
    border-radius: 2px;
    width: 100%;
    border: 1px solid var(--accent-color-400);
    gap: 10px;
    fill: var(--white-color);
    font-size: 17px
}

.g-button_frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    color: var(--white-color);
    border-radius: 2px;
    width: 100%;
    border: 1px solid var(--accent-color-300);
    color: var(--accent-color-400);
    gap: 10px;
    fill: var(--accent-color-400);
    font-size: 14px
}

.g-button_small {
    width: auto;
    min-width: 82px
}

.g-button_high {
    height: 48px
}

.g-row {
    display: flex;
    align-items: center;
    gap: 15px
}

.g-row_space-between {
    justify-content: space-between
}

.g-column {
    display: flex;
    flex-direction: column
}

.g-image {
    width: 100%;
    height: auto
}

.ad-shild {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px;
    border-radius: 6px;
    background-color: hsla(0, 0%, 100%, .48);
    padding: 0 4px
}

.ad-shild__text {
    color: rgba(0, 0, 0, .32);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

.g-content {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-200)
}

.g-content_inner {
    padding: 40px 80px
}

.g-content_frameless {
    border: none
}

.response-content {
    font-size: 14px;
    line-height: 1.4;
    color: var(--black-color)
}

.response-content:not(:first-child) {
    margin-top: 40px
}

.response-content:not(:last-child) {
    margin-bottom: 20px
}

.response-content h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--black-color);
    margin-bottom: 20px
}

.response-content p:not(:last-child) {
    margin-bottom: 6px
}

.stretched-link {
    content: "";
    display: block;
    margin: 0;
    border: 0;
    border-radius: inherit;
    padding: 0;
    position: absolute;
    inset: 0;
    z-index: 10
}

.btn.btn-share {
    height: auto;
    gap: 4px;
    color: var(--gray-color-700);
    background-color: rgba(0, 0, 0, 0);
    border-radius: unset;
    padding: unset
}

@media(max-width: 767px) {
    .btn.btn-share {
        width: initial
    }
}

.btn.btn-share:is(:hover, :active) {
    color: var(--accent-color-400);
    background-color: rgba(0, 0, 0, 0)
}

.btn.btn-share .svg-icon {
    --_size: 22px;
    --_color: var(--accent-color-400)
}

.btn.btn-plaintext {
    min-height: unset;
    height: unset;
    width: unset;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--gray-color-550);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0
}

.btn.btn-plaintext .svg-icon {
    --_size: 20px;
    --_color: var(--gray-color-550);
    transition-property: color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.btn.btn-plaintext:is(:hover, :active) {
    color: var(--black-color);
    background-color: rgba(0, 0, 0, 0)
}

.btn.btn-plaintext:is(:hover, :active) .svg-icon {
    --_color: var(--accent-color-400)
}

.st-button_favorite .svg-icon,
.st-button_compare .svg-icon {
    --_size: 24px
}

.widget {
    background-color: #fff;
    margin-inline: -16px
}

@media(min-width: 992px) {
    .widget {
        margin-inline: 0;
        border: 1px solid var(--gray-color-200)
    }
}

.widget-content {
    width: 100%;
    max-width: 1062px;
    margin-inline: auto;
    padding: 15px 16px
}

@media(min-width: 992px) {
    .widget-content {
        padding-block: 40px
    }
}

@media(max-width: 1279px) {
    .g-content_inner {
        padding: 40px
    }
}

@media(max-width: 1023px) {
    .g-content_inner {
        padding: 40px 20px
    }
}

@media(max-width: 767px) {
    .g-content {
        border: none
    }

    .g-content_inner {
        padding: 20px
    }
}

.section .text-page {
    margin-left: 245px
}

@media(max-width: 767px) {
    .section .text-page {
        margin-left: 0
    }
}

html,
body,
div,
span,
applet,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

a:hover,
a {
    text-decoration: none
}

:focus {
    outline: 0
}

ul {
    list-style-type: none
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    font-family: "Golos";
    width: 100%;
    -webkit-overflow-scrolling: touch;
    color: #333;
    background: var(--white-color);
    font-weight: normal;
    min-height: 100vh;
    height: auto;
    display: flex;
    flex-direction: column
}

button {
    font-family: "Golos";
    font-weight: 400
}

.center {
    text-align: center
}

main {
    min-height: 500px
}

h1,
.h1 {
    display: block;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 35px
}

h1 span,
.h1 span {
    color: var(--main-elements-color, var(--accent-color-400))
}

@media only screen and (min-width: 767px) {
    .py--2 {
        padding: 20px 0
    }
}

@media(max-width: 767px) {

    h1.mobile-center,
    .h1.mobile-center {
        text-align: center
    }
}

@media(max-width: 767px) {

    h1,
    .h1 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px
    }
}

h1 small,
.h1 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding-top: 10px;
    font-weight: 500
}

h2,
.h2 {
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 25px;
    width: 100%
}

@media(max-width: 767px) {

    h2,
    .h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

h2 span,
.h2 span {
    color: var(--main-elements-color, var(--accent-color-400))
}

h2 small,
.h2 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding-top: 10px;
    font-weight: 500
}

h3,
.h3 {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 15px
}

h3 span,
.h3 span {
    color: var(--main-elements-color, var(--accent-color-400))
}

h3 small,
.h3 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding-top: 10px;
    font-weight: 500
}

h4,
.h4 {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 15px
}

h4 span,
.h4 span {
    color: var(--main-elements-color, var(--accent-color-400))
}

h4 small,
.h4 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding-top: 10px;
    font-weight: 500
}

.position-second {
    padding-left: 240px
}

@media(max-width: 767px) {
    .position-second {
        padding-left: 0
    }
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 20px
}

@media(max-width: 767px) {
    .pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pagination .prev {
    margin: 0 15px 0 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    background-color: #eff0f2;
    border: 1px solid #eff0f2
}

.pagination .prev:hover {
    background-color: #cacaca
}

.pagination span {
    font-size: 16px;
    color: #333;
    width: 38px;
    height: 38px;
    background-color: var(--white-color);
    border: solid 1px var(--color-button-primary-border);
    margin: 0 4px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: .2s
}

.pagination span:hover {
    background-color: var(--color-button-primary-background);
    border-color: var(--color-button-primary-border)
}

.pagination span.dot {
    border: none;
    margin: 0 7px
}

.pagination span.dot:hover {
    color: var(--white-color)
}

.pagination span.active {
    background-color: var(--color-button-primary-background, #2363d1);
    border-color: var(--color-button-primary-border, #2363d1)
}

.pagination span a {
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.pagination span a:hover,
.pagination span.active a {
    color: var(--white-color)
}

.pagination .next {
    margin: 0 0 0 15px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    background-color: var(--white-color);
    border: 1px solid var(--color-button-primary-border)
}

.pagination .prev:before,
.pagination .next:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: -4px;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border: solid 2px #000;
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none;
    transition: .5s
}

.pagination .prev:hover,
.pagination .next:hover {
    background-color: var(--color-button-primary-background)
}

.pagination .prev:hover::before,
.pagination .next:hover::before {
    border-color: var(--white-color)
}

@media(max-width: 767px) {
    .pagination span {
        margin: 0 2px;
        font-size: 14px;
        width: 30px;
        height: 30px
    }

    .pagination .prev,
    .pagination .next {
        width: 30px;
        height: 30px
    }

    .pagination .prev:before,
    .pagination .next:before {
        width: 8px;
        height: 8px;
        border-width: 1px
    }
}

p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-bottom: 20px
}

p:last-child {
    margin-bottom: 0
}

.content-title {
    display: block;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 0 0 20px 0;
    font-weight: 800
}

.content-title span {
    color: var(--main-elements-color, var(--accent-color-400))
}

@media(max-width: 767px) {
    .content-title {
        font-size: 18px
    }
}

.content-title-small {
    display: block;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #333;
    margin: -5px 0 30px 0;
    padding: 0 100px
}

@media(max-width: 767px) {
    .content-title-small {
        font-size: 16px;
        padding: 0
    }
}

.text-padding {
    padding: 0 100px
}

@media(max-width: 767px) {
    .text-padding {
        padding: 0
    }
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1100px) {
    .logo img {
        max-width: 150px
    }
}

@media(max-width: 374px) {
    .logo img {
        max-width: 120px
    }
}

.top-header {
    background-color: var(--header-top-bg-color, var(--white-color))
}

.menu-item__link {
    display: flex;
    align-items: center;
    gap: 15px
}

.top-header .btn-border {
    margin-left: 15px
}

.top-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px
}

@media(max-width: 991px) {
    .top-header__content {
        height: 60px
    }
}

.top-header__content-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-header__content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2px
}

@media(max-width: 991px) {
    .top-header__content-right {
        padding-right: 20px;
        margin-left: auto
    }
}

.main-menu {
    margin-left: 45px
}

@media(max-width: 1100px) {
    .main-menu {
        margin-left: 25px
    }
}

@media(max-width: 991px) {
    .main-menu {
        margin-left: 0;
        display: none
    }
}

.main-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-menu li {
    margin-right: 15px
}

@media(max-width: 1100px) {
    .main-menu li {
        margin-right: 10px
    }
}

.main-menu li:last-child {
    margin-right: 0
}

.main-menu a {
    font-family: "Golos", sans-serif;
    font-size: 14px;
    opacity: .75;
    color: var(--header-top-menu-font-color, #333);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 1100px) {
    .main-menu a {
        font-size: 14px
    }
}

.main-menu a:hover {
    color: var(--header-top-menu-font-hover-color, var(--accent-color-400));
    opacity: 1;
    text-decoration: underline
}

.city-selection {
    position: relative
}

@media(max-width: 767px) {
    .city-selection {
        padding-top: 5px
    }
}

.city-selection__link {
    font-size: 14px;
    position: relative;
    color: var(--main-elements-color, var(--accent-color-400));
    top: -2px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    padding-right: 15px
}

.city-selection__link .icon {
    display: block;
    margin-right: 10px;
    text-align: center;
    position: absolute;
    left: 5px
}

.city-selection__link .icon img {
    width: 24px
}

@media(max-width: 767px) {
    .city-selection__link {
        font-size: 18px;
        padding-left: 40px;
        width: 100%
    }
}

.city-selection__link:before {
    content: "";
    background: url("/static/images/dropdown-arrow.svg");
    background-size: 9px auto;
    width: 9px;
    height: 5px;
    position: absolute;
    right: 0px;
    top: 7px
}

@media(max-width: 767px) {
    .city-selection__link:before {
        background-size: 16px auto;
        width: 12px;
        height: 7px;
        top: 7px;
        right: 0px;
        background: url("/static/images/modile-menu-arrow.svg");
        background-size: 12px 7px
    }
}

.city-selection__list {
    display: none;
    position: relative;
    background: #d9d9de;
    width: calc(100% + 40px);
    z-index: 99;
    padding: 20px 0;
    margin: 15px -20px 0 -20px
}

.city-selection__list li a {
    position: relative;
    display: block;
    padding: 11px 25px 11px 38px;
    font-size: 18px;
    color: #333;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.city-selection__list li a:hover {
    background: #e6e6e6
}

.city-selection__list li.current a:before {
    content: "";
    background: url("/static/images/city-check.svg");
    background-size: 17px 12px;
    width: 17px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: calc(50% - 3px)
}

.your-city-window {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 99;
    width: 380px;
    background: var(--white-color);
    border: 1px solid #d9d9de;
    -webkit-box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    border-radius: 2px;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.your-city-window:after {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--white-color);
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -8px;
    right: 30px;
    z-index: 0;
    border: 1px solid #d9d9de
}

@media(max-width: 767px) {
    .your-city-window:after {
        display: none
    }
}

.your-city-window:before {
    content: "";
    width: 40px;
    height: 30px;
    background: var(--white-color);
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9
}

.your-city-window__title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    display: block;
    margin-bottom: 15px
}

.your-city-window__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.your-city-window__btns a {
    width: 100px;
    margin: 0 10px
}

.header-phone {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    color: var(--header-top-phone-font-color, #333);
    margin-left: 28px;
    line-height: 16px
}

@media(max-width: 767px) {
    .header-phone {
        display: none
    }
}

.header-body {
    background: var(--header-bg-color, #000);
    position: relative
}

@media(max-width: 991px) {
    .header-body {
        display: none
    }
}

.header-body__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative
}

.header-body__content-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-body__content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.header-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 48px;
    width: calc(100% - 400px);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    z-index: 12
}

.header-search--inner {
    width: calc(100% - 720px);
    margin-left: 20px
}

@media(max-width: 1280px) {
    .header-search--inner {
        width: calc(100% - 600px)
    }
}

@media(max-width: 767px) {
    .header-search {
        width: 100%;
        height: 40px;
        background: var(--white-color)
    }
}

.header-search input {
    font-family: "Golos";
    width: calc(100% - 80px);
    height: 48px;
    background-color: var(--search-field-bg-color, #222);
    border: 1px solid var(--search-field-border-color, #333);
    border-right: 0;
    font-size: 14px;
    line-height: 40px;
    color: var(--search-field-font-color, var(--white-color));
    padding: 0 15px
}

@media(max-width: 767px) {
    .header-search input {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        background: var(--white-color);
        width: calc(100% - 48px);
        border-radius: 2px 0 0 2px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-right: 0
    }
}

.header-search input::-webkit-input-placeholder {
    color: var(--search-field-placeholder-font-color, #767676)
}

.header-search input::-moz-placeholder {
    color: var(--search-field-placeholder-font-color, #767676)
}

.header-search input:-ms-input-placeholder {
    color: var(--search-field-placeholder-font-color, #767676)
}

.header-search input::-ms-input-placeholder {
    color: var(--search-field-placeholder-font-color, #767676)
}

.header-search input::placeholder {
    color: var(--search-field-placeholder-font-color, #767676)
}

.header-search button {
    width: 80px;
    height: 48px;
    border-radius: 0 2px 2px 0;
    background-color: var(--search-field-border-color, rgba(255, 255, 255, 0.1));
    background-size: 12px 12px;
    border: none;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .header-search button {
        background-size: 20px 20px;
        width: 48px;
        height: 40px;
        background-color: var(--main-elements-color, var(--accent-color-400)) !important
    }
}

.header-search button .icon-svg {
    color: var(--header-buttons-font-color, var(--white-color));
    width: 20px;
    height: 20px
}

.header-search button:hover .icon-svg {
    color: var(--main-elements-color, var(--accent-color-400))
}

.mobile-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 48px;
    width: 100%;
    background: var(--white-color);
    border-radius: 2px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .mobile-search {
        width: 100%;
        height: 48px
    }
}

.mobile-search input {
    width: calc(100% - 48px);
    height: 48px;
    line-height: 46px;
    background: transparent;
    border: none;
    font-size: 18px;
    color: var(--main-elements-color, var(--accent-color-400));
    padding: 0 15px;
    border-radius: 2px 0 0 2px;
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    border-right: 0
}

@media(max-width: 767px) {
    .mobile-search input {
        font-size: 14px;
        height: 48px;
        line-height: 48px
    }
}

.mobile-search input::-webkit-input-placeholder {
    color: #bdbdbd
}

.mobile-search input::-moz-placeholder {
    color: #bdbdbd
}

.mobile-search input:-ms-input-placeholder {
    color: #bdbdbd
}

.mobile-search input::-ms-input-placeholder {
    color: #bdbdbd
}

.mobile-search input::placeholder {
    color: #bdbdbd
}

.mobile-search button {
    width: 48px;
    height: 48px;
    border-radius: 0 2px 2px 0;
    background: var(--main-elements-color, var(--accent-color-400));
    background-size: 20px 20px;
    border: none;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.mobile-search button .icon-svg {
    color: var(--white-color);
    width: 20px;
    height: 20px
}

.mobile-search button:hover {
    background: var(--main-elements-hover-color, #1c52ac)
}

.mobile-search button:active {
    background: #164593
}

.mobile-search button:hover .icon-svg {
    color: var(--white-color)
}

.mobile-show {
    display: none !important
}

.mobile-show-flex {
    display: none !important
}

@media(max-width: 767px) {
    .mobile-show-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.mobile-show {
    display: none !important
}

@media(max-width: 767px) {
    .mobile-hide {
        display: none !important
    }

    .mobile-show {
        display: block !important
    }
}

.icon-svg {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.header-user {
    margin-left: 15px
}

@media(max-width: 767px) {
    .header-user {
        margin-left: 0
    }
}

.header-user__link {
    font-size: 12px;
    position: relative;
    color: var(--main-elements-color, var(--accent-color-400));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .header-user__link {
        font-size: 18px;
        background: url("/static/images/modile-menu-arrow.svg") 100% 50% no-repeat
    }
}

.header-user__link .icon {
    margin-right: 11px
}

@media(max-width: 767px) {
    .header-user__link .icon {
        margin-right: 10px
    }

    .header-user__link .icon svg {
        fill: var(--main-elements-color, var(--accent-color-400))
    }
}

.header-body__content-right .icon svg {
    fill: var(--header-top-icon-color, var(--white-color));
    color: var(--header-top-icon-color, var(--white-color))
}

.header-user__link:hover svg {
    color: var(--main-elements-color, var(--accent-color-400))
}

.header-user__link .icon-svg {
    transition: all .2s ease-in-out
}

.header-user__link .icon-svg.hover {
    opacity: 0;
    display: none
}

.header-user__link:has(.icon-svg.hover):hover .icon-svg {
    display: none
}

.header-user__link:has(.icon-svg.hover):hover .icon-svg.hover {
    opacity: 1;
    display: flex
}

.header-compare,
.header-favorite {
    position: relative;
    padding-left: 35px;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00bdbd;
    font-size: 20px
}

.header-compare .icon,
.header-favorite .icon {
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 767px) {

    .header-compare .icon,
    .header-favorite .icon {
        top: 0px;
        position: relative;
        padding-left: 0;
        height: 30px
    }
}

.header-compare .icon-svg,
.header-favorite .icon-svg {
    width: 25px;
    height: 25px;
    color: var(--white-color)
}

@media(max-width: 767px) {

    .header-compare .icon-svg,
    .header-favorite .icon-svg {
        color: var(--main-elements-color, var(--accent-color-400))
    }
}

.header-compare:hover .icon-svg,
.header-favorite:hover .icon-svg {
    color: var(--main-elements-color, var(--accent-color-400))
}

@media(max-width: 767px) {

    .header-compare,
    .header-favorite {
        margin-left: 0;
        margin-right: 15px;
        padding-left: 0
    }
}

.header-compare span,
.header-favorite span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 11px;
    color: var(--white-color);
    border-radius: 50%;
    background: var(--main-elements-color, var(--accent-color-400))
}

@media(max-width: 767px) {

    .header-compare span,
    .header-favorite span {
        width: 16px;
        height: 16px;
        margin-right: 0;
        font-size: 8px;
        position: absolute;
        top: -5px;
        right: -15px;
        background: #d74853
    }
}

.header-compare span.empty,
.header-favorite span.empty {
    background: #191919
}

@media(max-width: 767px) {

    .header-compare span.empty,
    .header-favorite span.empty {
        background: #000
    }
}

.header-cart {
    position: relative;
    padding-left: 35px;
    margin-left: 25px
}

@media(max-width: 767px) {
    .header-cart {
        margin-left: 10px;
        padding-left: 0
    }
}

.header-cart .icon,
.header-cart .icon-img {
    position: absolute;
    left: 0
}

.header-cart .icon-img {
    width: auto;
    height: 24px
}

@media(max-width: 767px) {
    .header-cart .icon {
        left: -4px;
        top: 0px;
        position: relative;
        height: 30px
    }

    .header-cart .icon-img {
        height: 20px;
        position: static
    }
}

.header-cart .icon-svg {
    width: 30px;
    height: 26px;
    color: var(--white-color)
}

@media(max-width: 767px) {
    .header-cart .icon-svg {
        color: var(--header-top-icon-color, var(--accent-color-400))
    }
}

.header-cart:hover .icon-svg {
    color: var(--catalog-menu-burger-color, var(--header-top-icon-color, var(--accent-color-400)))
}

.header-cart span.cart-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    color: var(--white-color);
    border-radius: 50%;
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 767px) {
    .header-cart span.cart-number {
        width: 16px;
        height: 16px;
        margin-right: 0;
        font-size: 8px;
        position: absolute;
        top: -5px;
        right: -5px;
        background: #d74853
    }
}

.header-cart span.cart-number.empty {
    background: #191919
}

.burger-menu {
    position: relative;
    width: 16px;
    height: 14px;
    cursor: pointer;
    display: none
}

@media(max-width: 991px) {
    .burger-menu {
        display: block
    }
}

.burger-catalog {
    position: relative;
    width: 16px;
    height: 14px;
    cursor: pointer;
    margin: -4px 10px 0 0
}

.burger {
    position: absolute;
    background-color: var(--header-top-icon-color, var(--accent-color-400));
    width: 16px;
    height: 2px;
    top: 8px;
    right: 0px;
    opacity: 1;
    display: block;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.burger::before {
    position: absolute;
    background-color: var(--header-top-icon-color, var(--accent-color-400));
    width: 16px;
    height: 2px;
    top: -6px;
    content: "";
    display: block
}

.burger::after {
    position: absolute;
    background-color: var(--header-top-icon-color, var(--accent-color-400));
    width: 16px;
    height: 2px;
    bottom: -6px;
    content: "";
    display: block;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.burger::before {
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.burger-menu.menu-on .burger {
    background: rgba(111, 111, 111, 0)
}

.burger-menu.menu-on .burger::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 0px
}

.burger-menu.menu-on .burger::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0px
}

.mobile-menu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    z-index: 99;
    padding: 20px 30px
}

@media(max-width: 991px) {
    .mobile-menu {
        height: calc(100vh - 60px);
        overflow-y: auto
    }
}

.mobile-menu__item {
    margin-bottom: 25px
}

.mobile-menu__item--header .mobile-ul {
    width: 100%;
    margin: 0;
    border: none;
    padding: 0
}

.mobile-menu__item--header .header-user__link {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--accent-color-500)
}

.mobile-menu__item--header .header-user__link .icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static
}

.mobile-menu__item--header .header-user__link .icon:not(.icon-arrow) {
    width: initial;
    height: initial
}

.mobile-menu__item--header .header-user__link .icon:not(.icon-arrow) svg {
    fill: var(--gray-color-260)
}

.mobile-menu__item--header .header-user__link .icon-arrow {
    width: 14px;
    height: 14px;
    color: var(--accent-color-400);
    margin-inline: auto 0
}

.mobile-menu .header-search input {
    color: #333 !important
}

.mobile-ul {
    width: calc(100% + 30px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 16px;
    padding: 0 15px 40px 15px
}

@media(max-width: 767px) {
    .mobile-ul {
        border-bottom: 1px solid var(--white-color)
    }
}

.mobile-ul ul {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.mobile-ul li:last-child {
    margin-bottom: 0
}

.mobile-ul li .submenu {
    display: none;
    background: #d9d9de;
    padding: 15px 0
}

.mobile-ul li .submenu li {
    margin-bottom: 0px
}

.mobile-ul li .submenu li:last-child {
    margin-bottom: 0
}

.mobile-ul li .submenu li a {
    cursor: pointer;
    font-size: 18px;
    display: block;
    color: #333;
    padding: 9px 40px
}

.mobile-ul li .submenu li a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 15px;
    top: 12px
}

.mobile-ul li a {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #333
}

.mobile-ul li.catalog-opened a:before {
    content: "";
    background: url("/static/images/modile-menu-arrow.svg");
    background-size: 12px 7px;
    width: 12px;
    height: 7px;
    position: absolute;
    right: -23px;
    top: 9px
}

.mobile-phone {
    position: relative;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 10px
}

.mobile-ul li .submenu {
    background: none
}

.mobile-ul li .submenu li a:hover {
    background: #e5e5e5
}

.mobile-phone .icon {
    position: absolute;
    left: 8px;
    top: 20px
}

.mobile-phone a {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: var(--main-elements-hover-color, #1c52ac)
}

.btn-center--padding {
    padding-top: 15px
}

.btn-center--main {
    padding: 15px 15px 0 15px
}

.btn,
.btn-download {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 2px;
    font-size: 14px;
    color: var(--white-color);
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    line-height: 0;
    cursor: pointer;
    border: 0
}

@media(max-width: 767px) {

    .btn,
    .btn-download {
        width: 100%;
        padding: 0
    }
}

@media(max-width: 767px) {

    .btn.btn-margin-mob,
    .btn-download.btn-margin-mob {
        width: calc(100% - 30px);
        margin: 0 15px
    }
}

.btn--modal,
.btn-download--modal {
    min-width: 145px
}

.btn--lg,
.btn-download--lg {
    height: 48px
}

.btn--white,
.btn-download--white {
    background: var(--white-color);
    color: var(--main-elements-color, var(--accent-color-400))
}

.btn--disabled,
.btn-download--disabled {
    background: #a7a7ab;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.5)
}

.btn--rubber,
.btn-download--rubber {
    padding: 0;
    width: 100%
}

.btn--fixed-width,
.btn-download--fixed-width {
    width: 100%;
    max-width: 225px;
    padding: 0;
    text-align: center
}

@media(max-width: 480px) {

    .btn--fixed-width,
    .btn-download--fixed-width {
        max-width: 100% !important
    }
}

.btn img,
.btn-download img {
    margin-bottom: 0 !important
}

.btn:hover,
.btn-download:hover {
    background: var(--main-elements-hover-color, #1c52ac);
    color: var(--white-color)
}

.btn:active,
.btn-download:active {
    background: #164593;
    color: var(--white-color)
}

.btn-border {
    border: 1px solid var(--colorless-buttons-border-color, var(--accent-color-300));
    border-radius: 2px;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    color: var(--colorless-buttons-font-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
    cursor: pointer;
    background: var(--white-color)
}

.btn-border.callme-button {
    border: 1px solid var(--callme-button-color, var(--accent-color-300));
    color: var(--callme-button-color, var(--accent-color-400));
    background-color: var(--callme-button-fill-color, var(--white-color))
}

.btn-border.callme-button:hover {
    border: 1px solid var(--callme-button-hover-color, var(--callme-button-color, var(--accent-color-300)));
    color: var(--callme-button-hover-color, var(--callme-button-color, var(--accent-color-400)));
    background-color: var(--callme-button-fill-hover-color, var(--white-color))
}

.callme-button {
    min-width: max-content
}

.city-selection {
    margin-right: 20px
}

.top-header__phones {
    min-width: max-content
}

@media(max-width: 767px) {
    .btn-border {
        width: 100%;
        padding: 0
    }
}

.btn-border--lg {
    height: 48px
}

.btn-border--rubber {
    padding: 0;
    width: 100%
}

.btn-border .icon {
    margin-right: 7px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-border .icon svg {
    width: 20px;
    height: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-border img {
    margin-bottom: 0 !important
}

.btn-border--disabled {
    background: #f5f5f5;
    border: 1px solid #bdbdbd;
    pointer-events: none;
    color: #bdbdbd
}

.btn-border:hover {
    background-color: var(--colorless-buttons-hover-bg, #f3f6fb);
    border-color: var(--main-elements-hover-color, #1c52ac)
}

.btn-border:active {
    background: #e7eef6
}

.btn-border--delete .icon {
    margin-right: 3px;
    height: 24px;
    flex-shrink: 0
}

.btn-border--delete .icon svg {
    width: 24px;
    height: 24px
}

.btn-green {
    border-radius: 2px;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 0px !important;
    color: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
    cursor: pointer;
    background: #3ec28f !important;
    width: 120px;
    margin-left: 10px
}

@media(max-width: 480px) {
    .btn-green {
        width: 100%;
        padding: 0;
        margin-left: 0
    }
}

.btn-green--lg {
    height: 48px
}

.btn-green--rubber {
    padding: 0;
    width: 100%
}

.btn-green .icon {
    margin-right: 7px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-green .icon svg {
    width: 20px;
    height: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-green--disabled {
    background: #a7a7ab;
    pointer-events: none
}

.btn-green:hover {
    background: #1abc9c
}

.btn-green:active {
    background: #16a085
}

.btn-green--delete .icon {
    margin-right: 3px;
    height: 24px
}

.btn-green--delete .icon svg {
    width: 24px;
    height: 24px
}

.btn-radius {
    height: 38px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #333;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden
}

@media(max-width: 767px) {
    .btn-radius {
        font-size: 14px
    }
}

.btn-radius .icon-svg {
    padding-right: 5px
}

.btn-radius .icon-svg svg {
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-radius.share-btn .icon-svg {
    margin-bottom: 0px;
    margin-right: 5px
}

.btn-radius.share-btn .icon-svg svg {
    width: 15px;
    height: 22px
}

.btn-radius--comparison svg {
    width: 17px;
    height: 16px
}

.btn-radius--delete svg {
    width: 22px;
    height: 22px;
    margin-bottom: -2px
}

.btn-radius:hover {
    color: var(--main-elements-color, var(--accent-color-400))
}

.btn-radius:active {
    color: var(--main-elements-color, var(--accent-color-400))
}

.share-btn {
    max-width: 170px
}

.share-btn .icon-svg {
    width: 15px !important;
    height: 22px !important
}

.compare-btn .icon-svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    padding-right: 0;
    margin-right: 6px
}

.compare-btn .icon-svg .icon {
    width: 100%;
    height: 100%;
    display: block
}

.btn-link {
    border-color: transparent;
    background: transparent
}

@media(max-width: 767px) {
    .btn-link {
        border: 1px solid var(--accent-color-300);
        background: var(--white-color)
    }
}

.btn-link:hover,
.btn-link:active {
    color: var(--main-elements-hover-color, #1c52ac);
    border-color: transparent;
    background: transparent
}

@media(max-width: 767px) {

    .btn-link:hover,
    .btn-link:active {
        border: 1px solid var(--accent-color-300);
        background: #f3f6fb
    }
}

.section {
    padding: 40px 0
}

@media(max-width: 767px) {
    .section {
        padding: 20px 0
    }
}

@media(max-width: 767px) {
    .section--lk-main {
        padding-bottom: 0
    }
}

.section-dark {
    padding: 40px 0;
    background: #f5f5f5
}

.section-dark.feedback-form {
    background-color: var(--feedback-form-section-bg-color, #f5f5f5)
}

.frontpage .section-first,
.frontpage .section-first-alter {
    background-color: var(--frontpage-first-screen-bg-color, #f5f5f5)
}

@media(max-width: 767px) {
    .section-dark {
        padding: 20px 0;
        background: #e5e5ea
    }
}

@media(max-width: 767px) {
    .section-mobile-margin {
        margin-top: -19px
    }
}

@media(max-width: 767px) {
    .section-first {
        padding-top: 2px;
        background: var(--white-color)
    }
}

.welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.welcome__text {
    padding-top: 20px
}

.welcome__side {
    width: 220px
}

@media(max-width: 767px) {
    .welcome__side {
        width: calc(100% + 30px);
        margin: 0 -15px 0 -15px;
        padding: 0 15px 15px 15px
    }
}

.welcome__content {
    width: calc(100% - 240px)
}

@media(max-width: 767px) {
    .welcome__content {
        width: 100%
    }
}

@media only screen and (max-width: 576px) {
    .welcome__side {
        padding: 0
    }
}

.catalog-inner-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--search-field-border-color, #333);
    border-radius: 2px;
    font-size: 14px;
    line-height: 0px;
    color: var(--header-buttons-font-color, var(--white-color));
    cursor: pointer;
    width: 220px;
    height: 48px;
    position: relative;
    z-index: 1001
}

.catalog-inner-btn .icon {
    margin-right: 13px
}

.catalog-inner-btn.open .burger-catalog .burger {
    background: rgba(111, 111, 111, 0)
}

.catalog-inner-btn.open .burger-catalog .burger::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 0px
}

.catalog-inner-btn.open .burger-catalog .burger::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0px
}

.catalog-header-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 0;
    z-index: 999;
    display: none
}

.catalog-header-content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 18px;
    color: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.catalog-header-content a:before {
    content: "";
    background: url("/static/images/arrow-catalog-white.svg");
    width: 9px;
    height: 16px;
    position: absolute;
    right: -15px;
    top: calc(50% - 8px)
}

.catalog-header-content {
    display: none
}

.catalog-header-content .catalog-box {
    transform: translateY(0px);
    z-index: 1;
    visibility: visible;
    opacity: 1
}

.catalog-side {
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: var(--catalog-menu-bg-color, var(--white-color));
    border: 1px solid var(--catalog-menu-border-color, #d9d9de);
    -webkit-box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    margin-top: -1px
}

@media(max-width: 767px) {
    .catalog-side {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 20px
    }

    .wide-mode-alter .catalog-side.mobile-show {
        margin: 0 0 !important
    }
}

.catalog-side__title {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: var(--catalog-menu-font-color, #333);
    background-color: var(--catalog-menu-bg-color, var(--white-color));
    pointer-events: none;
    line-height: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) {
    .catalog-side__title {
        font-size: 18px;
        color: var(--catalog-menu-font-color, var(--accent-color-400));
        pointer-events: all;
        cursor: pointer
    }
}

.catalog-side__title .icon {
    margin-right: 13px
}

.catalog-side__title .icon svg {
    width: 16px;
    color: var(--catalog-menu-burger-color, var(--catalog-menu-font-color, #333))
}

@media(max-width: 767px) {
    .catalog-side__title .icon img {
        margin-bottom: -2px
    }
}

.catalog-side__content {
    padding: 15px 0px 16px 0;
    border-top: 1px solid #d9d9de
}

.catalog-side__content-accordeon .custom__accordion {
    border: none
}

@media(max-width: 767px) {

    .catalog-side__content,
    .catalog-side__content-accordeon {
        display: none
    }
}

.catalog-side__content ul li:last-child {
    margin-bottom: 0
}

.catalog-side__content ul li:hover .submenu {
    display: block
}

@media(max-width: 767px) {
    .catalog-side__content ul li:hover .submenu {
        display: none
    }
}

.catalog-side__content ul li:hover a {
    background-color: var(--catalog-menu-hover-bg-color, #f5f5f5)
}

.catalog-side__content ul li a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--catalog-menu-font-color, #333);
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    padding: 13px 40px 13px 20px;
    pointer-events: none
}

@media(max-width: 767px) {
    .catalog-side__content ul li a {
        pointer-events: all
    }
}

.catalog-side__content ul li a:hover,
.catalog-side__content .submenu a:hover {
    background-color: var(--catalog-menu-hover-bg-color, #f5f5f5) !important;
    color: var(--catalog-menu-font-hover-color, var(--catalog-menu-font-color, #333))
}

.catalog-side__content ul li a:before {
    content: "";
    background-image: url("/static/images/catalog-side-content.svg");
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 16px;
    top: calc(50% - 8px)
}

.catalog-side__content ul li.catalog-sale-link a {
    color: #d74853
}

.catalog-side__content ul li.catalog-sale-link ul li a {
    color: var(--white-color)
}

.catalog-side__content .submenu {
    display: none;
    position: absolute;
    width: 220px;
    left: 220px;
    top: 0;
    background-color: var(--catalog-menu-bg-color, var(--white-color));
    min-height: 100%;
    padding-top: 60px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1)
}

.catalog-side__content .submenu li {
    background-color: var(--catalog-menu-bg-color, var(--white-color))
}

.catalog-side__content .submenu a {
    padding-right: 10px;
    pointer-events: all;
    background-color: var(--catalog-menu-bg-color, var(--white-color)) !important
}

.catalog-side__content .submenu a:before {
    display: none
}

.catalog-side .btn-border {
    margin: 5px 15px 0 15px;
    width: calc(100% - 30px)
}

.home-banner .slide-content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    max-height: calc(100% - 30px);
    padding-top: 20px;
    padding-bottom: 20px;
    right: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--white-color);
    z-index: 1;
    max-width: 385px;
    margin-left: auto;
    padding: 20px 30px;
    border-radius: 10px
}

.home-banner .content-container {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.home-banner .content-container .slide-content.align--left {
    left: 15px
}

.home-banner .content-container .slide-content {
    right: 15px
}

.home-banner .tabs-content {
    display: none !important
}

.home-banner .tabs-content.active {
    display: block !important
}

@media only screen and (max-width: 991px) {
    .home-banner .content-container {
        position: relative !important;
        padding-left: 0;
        padding-right: 0
    }

    .home-banner .content-container .slide-content.align--left {
        left: 0px
    }

    .home-banner .content-container .slide-content {
        right: 0px
    }
}

.home-banner .slide-content.align--left {
    margin-right: auto;
    margin-left: 0;
    right: auto;
    left: 90px
}

.home-banner .slide-content .btn {
    margin-right: auto;
    margin-bottom: 0
}

.home-banner .slide-content__title {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px
}

@media only screen and (max-width: 1200px) {
    .home-banner .slide-content {
        max-width: 326px
    }
}

@media only screen and (max-width: 991px) {
    .home-banner.inner-block__active .image {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .home-banner.inner-block__active .slide-content {
        margin-top: 20px;
        margin-bottom: 40px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: rgba(255, 255, 255, 0.89)
    }

    .home-banner .slide-content__title {
        font-size: 19px;
        color: #000;
        margin-bottom: 13px
    }

    .home-banner .slide-content .btn {
        margin-top: 10px
    }

    .home-banner .slide-content {
        right: 0;
        left: 0;
        position: relative;
        max-width: 80%
    }

    .home-banner .slide-content.align--left {
        margin-right: auto;
        margin-left: auto;
        right: 0;
        left: 0;
        max-width: 80%
    }

    .home-banner__slide .image img {
        width: 100%;
        max-width: initial !important
    }

    .cropped--left .image_cover img {
        width: 133% !important;
        margin-left: -33% !important
    }

    .cropped--right .image_cover img {
        width: 133% !important
    }
}

.wide-container .home-banner .slide-content {
    max-width: 515px
}

.wide-container .home-banner .slide-content__title {
    font-weight: bold;
    font-size: 30px;
    color: #000;
    margin-bottom: 25px
}

@media only screen and (max-width: 1200px) {
    .wide-container .home-banner .slide-content {
        max-width: 417px
    }
}

@media only screen and (max-width: 991px) {
    .wide-container .home-banner .slide-content {
        max-width: 80%
    }

    .wide-container .home-banner .slide-content__title {
        font-size: 19px;
        color: #000;
        margin-bottom: 13px
    }
}

.main-slider {
    position: relative;
    margin-bottom: 40px
}

.main-slider .item .slide-content__title {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: var(--white-color);
    margin-bottom: 25px
}

@media only screen and (max-width: 991px) {

    .cropped--left .item .slide-img,
    .cropped--right .item .slide-img {
        overflow: hidden
    }

    .cropped--left .item .slide-img img {
        width: 133% !important;
        margin-left: -33% !important;
        object-position: right
    }

    .cropped--right .item .slide-img img {
        width: 133% !important;
        object-position: left
    }

    .main-slider .item .slide-content {
        width: calc(100% - 100px) !important;
        right: 0;
        padding: 50px 15px;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: 1
    }

    .main-slider .item .slide-content:before {
        content: "";
        position: absolute;
        top: 25px;
        border-radius: 10px;
        left: 0;
        width: 100%;
        height: calc(100% - 50px);
        background: rgba(255, 255, 255, 0.877);
        z-index: -1
    }

    .main-slider .item .slide-content__title {
        color: #333
    }

    .main-slider .item .slide-content .btn {
        background: var(--main-elements-color);
        color: var(--white-color)
    }
}

.main-slider .owl-carousel,
.main-slider .owl-stage-outer {
    transition: height 500ms ease-in-out 0s
}

@media only screen and (max-width: 576px) {
    .main-slider .item .slide-content {
        width: 80% !important
    }

    .main-slider .item .slide-content__title {
        font-size: 19px;
        margin-bottom: 13px;
        line-height: normal
    }

    .main-slider .item .slide-content .btn {
        margin-top: 10px
    }
}

@media only screen and (min-width: 991px) {
    .main-slider .item .slide-content.align--left {
        margin-right: auto;
        margin-left: 0;
        right: auto;
        left: 90px
    }
}

.main-slider.inner-block__disabled .item {
    min-height: auto
}

.main-slider.inner-block__disabled .item .slide-img {
    position: relative;
    width: 100%;
    height: auto
}

@media(max-width: 767px) {
    .main-slider {
        width: calc(100% + 30px);
        margin: 0 -15px 30px -15px
    }
}

.main-slider .item {
    position: relative;
    min-height: 217px
}

.main-slider .item .slide-img {
    position: absolute;
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .main-slider .item .slide-img {
        height: 300px
    }

    #yamap_addresses {
        height: 300px !important
    }
}

.main-slider .item .slide-img img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover
}

@media(max-width: 767px) {
    .main-slider .item .slide-img img {
        -o-object-position: left bottom;
        object-position: left bottom
    }
}

.main-slider .item .slide-content {
    position: relative;
    top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    right: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 100%;
    margin-left: auto;
    min-height: 217px
}

.main-slider .item .slide-content .btn {
    margin-right: auto
}

@media(max-width: 991px) {
    .main-slider .item .slide-content {
        right: 20px
    }
}

@media(max-width: 767px) {
    .main-slider .item .slide-content .btn {
        width: 100%;
        margin: 0
    }
}

@media(max-width: 767px) {
    .main-slider .item .slide-content {
        width: 100%;
        right: 0;
        padding: 15px 15px;
        top: auto;
        bottom: 0px;
        min-height: 211px
    }
}

@media(max-width: 767px) {
    .main-slider .item .slide-content__title {
        padding-right: 0;
        margin-bottom: 15px;
        height: auto
    }
}

.main-slider--wide .item {
    position: relative
}

.main-slider--wide .item .slide-img {
    height: 320px
}

@media(max-width: 767px) {
    .main-slider--wide .item .slide-img {
        height: 300px
    }
}

.main-slider--wide .item .slide-content {
    position: absolute;
    top: 60px;
    right: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 400px
}

@media(max-width: 991px) {
    .main-slider--wide .item .slide-content {
        right: 20px;
        top: 20px
    }
}

.main-slider--wide .item .slide-content .btn {
    height: 48px;
    font-size: 18px;
    padding: 0 45px
}

@media(max-width: 767px) {
    .main-slider--wide .item .slide-content .btn {
        width: 100%;
        height: 40px;
        font-size: 14px;
        padding: 0
    }
}

@media(max-width: 767px) {
    .main-slider--wide .item .slide-content {
        width: 100%;
        right: 0;
        padding: 0 15px;
        top: auto;
        bottom: 50px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.main-slider--wide .item .slide-content__title {
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: var(--white-color);
    margin-bottom: 25px;
    max-height: 112px;
    overflow: hidden
}

@media(max-width: 767px) {
    .main-slider--wide .item .slide-content__title {
        padding-right: 0;
        margin-bottom: 15px;
        height: auto;
        font-size: 22px;
        line-height: 28px
    }
}

.main-slider .owl-nav {
    width: 100%
}

.main-slider .owl-nav [class*=owl-] {
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.75)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    font-size: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.main-slider .owl-nav [class*=owl-]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/static/images/slider-arrow.svg") 50% 50% no-repeat;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.main-slider .owl-nav [class*=owl-]:last-child {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.75)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    top: 0;
    right: 0;
    left: auto
}

.main-slider .owl-nav [class*=owl-]:hover {
    opacity: 1
}

.main-slider .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.main-slider .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.main-slider .owl-dots {
    position: absolute;
    bottom: -35px;
    left: 0px;
    width: 100%;
    text-align: center
}

@media(max-width: 767px) {
    .main-slider .owl-dots {
        left: auto;
        bottom: 10px;
        width: 100%;
        text-align: center
    }
}

.main-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.main-slider .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    margin: 5px 6px;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    background: #f3f6fb;
    cursor: pointer
}

.main-slider .owl-dots .owl-dot.active span,
.main-slider .owl-dots .owl-dot:hover span {
    background: var(--main-elements-color, var(--accent-color-400))
}

.main-slider--wide .owl-dots {
    bottom: 10px
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-controls .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-nav.disabled {
    display: none
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.privilege-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .privilege-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.privilege-item {
    width: calc(50% - 10px);
    padding: 31px 50px;
    background: var(--white-color)
}

@media(max-width: 991px) {
    .privilege-item {
        width: calc(50% - 15px);
        padding: 25px 30px
    }
}

@media(max-width: 767px) {
    .privilege-item {
        width: 100%;
        border: 1px solid #e5e5ea;
        margin-bottom: 12px
    }
}

.privilege-item:last-child {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .privilege-item:last-child {
        margin-bottom: 0
    }
}

.privilege-item__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    display: block;
    margin-bottom: 15px
}

.privilege-item p {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 20px
}

.product-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .product-slider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-slider .slider-constructor .slick-dots {
        bottom: -36px
    }
}

.item__fixed-height .product-card-v2 {
    height: 385px;
    margin-bottom: 0 !important
}

.item__fixed-height .product-item-comparison__link {
    height: 335px;
    border-bottom: none
}

@media(min-width: 767px) {
    .item__fixed-height .product-card-v2 {
        border: none
    }
}

@media(max-width: 767px) {
    .item__fixed-height .product-item-comparison__link {
        height: 385px
    }
}

@media(max-width: 576px) {

    .item__fixed-height .product-item,
    .item__fixed-height .product-card-v2 {
        height: 326px
    }

    .item__fixed-height .product-item-comparison__link {
        height: 326px
    }

    .item__fixed-height .product-item-comparison__link .product-item-comparison__name {
        max-height: 52px;
        font-size: 12px;
        line-height: 1.5
    }
}

.product-slider .btn-center {
    padding: 0 15px
}

.product-slider .item {
    margin: 0 2px
}

.product-slider .product-item {
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .product-slider .product-item {
        margin: -1px 0 0px 0
    }
}

.product-slider--comparison .item {
    margin: 0
}

.product-slider--3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 239px)
}

@media(max-width: 767px) {
    .product-slider--3 {
        width: calc(100% + 30px);
        margin: 0 -15px 30px -15px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .product-slider--3 .owl-carousel {
        display: block !important
    }
}

@media(max-width: 767px) {
    .product-slider--3 .item {
        display: none
    }
}

.product-slider--full {
    width: calc(100% + 9px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .product-slider--full {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(max-width: 767px) {
    .product-slider--full {
        margin: 0 !important
    }
}

@media(max-width: 576px) {
    .product-slider--full {
        padding: 0 8px !important
    }
}

.product-slider--full .item {
    padding: 0 8px;
    border-right: 1px solid #f6f6f6
}

.product-slider--full .slick-slide {
    margin: 0 0 !important;
    row-gap: 0px !important;
    padding: 0 !important
}

@media(max-width: 767px) {
    .product-slider--4 .owl-carousel {
        display: block !important
    }
}

@media(max-width: 767px) {
    .product-slider--4 .item {
        display: none
    }
}

.product-slider--margin-small {
    margin-bottom: 0 !important
}

@media(max-width: 767px) {
    .news-slider {
        margin-bottom: 70px !important
    }
}

.product-slider,
.news-slider,
.action-slider,
.category-slider {
    margin-bottom: 40px
}

.product-slider>.product-slider {
    margin-bottom: 0
}

.product-slider .owl-nav,
.news-slider .owl-nav,
.action-slider .owl-nav,
.category-slider .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
    display: block !important
}

@media(max-width: 767px) {

    .product-slider .owl-nav,
    .news-slider .owl-nav,
    .action-slider .owl-nav,
    .category-slider .owl-nav {
        display: none !important
    }
}

.product-slider .owl-nav [class*=owl-],
.news-slider .owl-nav [class*=owl-],
.action-slider .owl-nav [class*=owl-],
.category-slider .owl-nav [class*=owl-] {
    display: inline-block;
    cursor: pointer;
    width: 38px;
    height: 38px;
    background: var(--white-color) url("/static/images/slider-nav-arrow.svg") 55% 50% no-repeat;
    background-size: 15px 15px;
    font-size: 0;
    margin-left: 10px;
    border-radius: 50%;
    opacity: .5;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid var(--accent-color-300)
}

.product-slider .owl-nav [class*=owl-]:last-child,
.news-slider .owl-nav [class*=owl-]:last-child,
.action-slider .owl-nav [class*=owl-]:last-child,
.category-slider .owl-nav [class*=owl-]:last-child {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.product-slider .owl-nav [class*=owl-]:hover,
.news-slider .owl-nav [class*=owl-]:hover,
.action-slider .owl-nav [class*=owl-]:hover,
.category-slider .owl-nav [class*=owl-]:hover {
    background-color: #f3f6fb;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.product-slider .owl-nav [class*=owl-]:active,
.news-slider .owl-nav [class*=owl-]:active,
.action-slider .owl-nav [class*=owl-]:active,
.category-slider .owl-nav [class*=owl-]:active {
    background-color: #f3f6fb;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.product-slider .owl-nav .disabled,
.news-slider .owl-nav .disabled,
.action-slider .owl-nav .disabled,
.category-slider .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.product-slider .owl-nav.disabled+.owl-dots,
.news-slider .owl-nav.disabled+.owl-dots,
.action-slider .owl-nav.disabled+.owl-dots,
.category-slider .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.product-slider .owl-dots,
.news-slider .owl-dots,
.action-slider .owl-dots,
.category-slider .owl-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-slider .owl-dots,
.news-slider .owl-dots,
.action-slider .owl-dots,
.category-slider .owl-dots {
    position: absolute;
    bottom: -35px;
    left: 0px;
    width: 100%;
    text-align: center;
    display: none
}

@media(max-width: 767px) {

    .product-slider .owl-dots,
    .news-slider .owl-dots,
    .action-slider .owl-dots,
    .category-slider .owl-dots {
        left: auto;
        display: block;
        width: 100%;
        text-align: center
    }
}

.product-slider .owl-dots .owl-dot,
.news-slider .owl-dots .owl-dot,
.action-slider .owl-dots .owl-dot,
.category-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.product-slider .owl-dots .owl-dot span,
.news-slider .owl-dots .owl-dot span,
.action-slider .owl-dots .owl-dot span,
.category-slider .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    margin: 5px 6px;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    background: #f3f6fb;
    cursor: pointer
}

.product-slider .owl-dots .owl-dot.active span,
.product-slider .owl-dots .owl-dot:hover span,
.news-slider .owl-dots .owl-dot.active span,
.news-slider .owl-dots .owl-dot:hover span,
.action-slider .owl-dots .owl-dot.active span,
.action-slider .owl-dots .owl-dot:hover span,
.category-slider .owl-dots .owl-dot.active span,
.category-slider .owl-dots .owl-dot:hover span {
    background: var(--main-elements-color, var(--accent-color-400))
}

@media(max-width: 767px) {
    .action-slider {
        margin-bottom: 60px
    }
}

.product-slider--full .owl-nav {
    position: absolute;
    top: -70px;
    right: 0
}

@media(max-width: 767px) {
    .product-slider--full .owl-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 5px 0 10px;
        top: -40px
    }
}

@media(max-width: 767px) {
    .product-slider--full .owl-nav [class*=owl-] {
        width: 24px;
        height: 24px;
        background-size: 12px 12px
    }
}

.slider {
    height: 350px;
    overflow: hidden;
    margin-bottom: 50px
}

@media(max-width: 767px) {
    .slider {
        height: 250px;
        margin-bottom: 30px
    }
}

.slider .item {
    height: 350px
}

@media(max-width: 767px) {
    .slider .item {
        height: 250px
    }
}

.slider .item img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.slider .owl-nav {
    width: 100%
}

.slider .owl-nav [class*=owl-] {
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.75)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    font-size: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.slider .owl-nav [class*=owl-]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/static/images/slider-arrow.svg") 50% 50% no-repeat;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.slider .owl-nav [class*=owl-]:last-child {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.75)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    top: 0;
    right: 0;
    left: auto
}

.slider .owl-nav [class*=owl-]:hover {
    opacity: 1
}

.slider .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.slider .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.partners-slider {
    margin-bottom: 50px
}

@media(max-width: 950px) {
    .partners-slider {
        margin-bottom: 20px
    }
}

.partners-slider .owl-carousel {
    padding-top: 20px
}

@media(max-width: 767px) {
    .partners-slider .owl-carousel {
        padding-bottom: 50px
    }
}

.partners-slider .item {
    position: relative;
    z-index: 9;
    text-align: center
}

.partners-slider a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    width: 100%;
    text-align: center
}

@media(max-width: 767px) {
    .partners-slider a {
        display: block;
        text-align: center
    }
}

.partners-slider a img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: auto;
    display: inline-block;
    margin: 0 auto
}

.partners-slider a img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .5s
}

.partners-slider .owl-nav [class*=owl-] {
    display: inline-block;
    cursor: pointer;
    width: 38px;
    height: 38px;
    background: var(--white-color) url("/static/images/slider-nav-arrow.svg") 55% 50% no-repeat;
    background-size: 15px 15px;
    font-size: 0;
    border-radius: 50%;
    opacity: .5;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    left: -96px;
    top: -55px;
    border: 1px solid var(--accent-color-300)
}

.partners-slider .owl-nav [class*=owl-]:last-child {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: 100%
}

.partners-slider .owl-nav [class*=owl-]:hover {
    background-color: #f3f6fb;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.partners-slider .owl-nav [class*=owl-]:active {
    background-color: #f3f6fb;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.partners-slider .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.partners-slider .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.partners-slider .owl-dots {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center
}

.partners-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.partners-slider .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 6px;
    background: #c4c4c4;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.partners-slider .owl-dots .owl-dot.active span,
.partners-slider .owl-dots .owl-dot:hover span {
    background-color: var(--main-elements-color, var(--accent-color-400))
}

.input-number {
    position: relative;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px 0px 0px 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 3px
}

@media(max-width: 767px) {
    .input-number {
        display: none
    }
}

.input-number .order__form-number {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.input-number .order-up {
    cursor: pointer;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1px;
    border: 1px solid var(--accent-color-300);
    position: relative;
    right: 0 !important
}

.input-number .order-up:before {
    content: "";
    position: absolute;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 2px;
    height: 10px;
    background: var(--main-elements-color, var(--accent-color-400));
    top: 4px;
    left: 8px
}

.input-number .order-up:after {
    content: "";
    position: absolute;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 10px;
    height: 2px;
    background: var(--main-elements-color, var(--accent-color-400));
    top: 8px;
    left: 4px
}

.input-number .order-up:hover {
    background-color: #e7eef6;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.input-number .order-down {
    cursor: pointer;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    background: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1px;
    border: 1px solid var(--accent-color-300);
    position: relative
}

.input-number .order-down:before {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    line-height: 0;
    position: absolute;
    top: 8px;
    left: 4px
}

.input-number .order-down:hover {
    background-color: #e7eef6;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.input-number input[type=number] {
    border: none;
    -moz-appearance: textfield;
    width: 21px;
    font-size: 12px;
    text-align: center;
    color: #000
}

.input-number input[type=number]::-webkit-inner-spin-button,
.input-number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-number input[type=number]:focus {
    outline: 0
}

.input-number--border {
    width: 100px !important
}

.input-number--border input[type=number] {
    width: 21px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    color: #000;
    border: 1px solid #d9d9de;
    width: 50px;
    height: 40px;
    line-height: 48px;
    margin: 0 7px
}

.input-number--lg {
    width: 80px;
    height: 48px;
    padding: 0 7px
}

.input-number--lg input[type=number] {
    font-size: 18px
}

.product-comparison {
    width: 52px;
    height: 40px;
    background: var(--white-color);
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer
}

@media(max-width: 767px) {
    .product-comparison {
        display: none
    }
}

.product-comparison svg {
    width: 17px;
    height: 16px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-comparison:hover {
    background: var(--main-elements-color, var(--accent-color-400));
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.product-comparison:hover svg {
    color: var(--white-color)
}

.shopping-cart-btn {
    width: 64px;
    height: 40px;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--main-elements-color, var(--accent-color-400));
    background-size: 28px auto;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: bold;
    font-size: 17px;
    line-height: 40px;
    color: var(--white-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-wrap: nowrap
}

.product .shopping-cart-btn {
    background-image: url("/static/images/shopping-cart.svg");
    background-size: 50% 50%;
    background-repeat: no-repeat
}

.shopping-cart-btn .icon {
    width: 30px;
    height: 26px
}

.shopping-cart-btn--lg {
    width: auto;
    flex: 1;
    background-position: calc(50% - 30px) 50%;
    background-size: 32px auto;
    line-height: 48px;
    height: 48px;
    padding-left: 50px;
    text-align: center
}

@media(max-width: 767px) {
    .shopping-cart-btn--lg {
        background-size: 26px auto
    }
}

.shopping-cart-btn:hover {
    background-color: var(--main-elements-hover-color, #1c52ac)
}

.shopping-cart-btn:active {
    background-color: #164593
}

.action-item {
    position: relative;
    display: block;
    width: 100%;
    height: 220px
}

.action-item:hover .action-item__image:before {
    opacity: .5
}

.action-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.action-item__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 11;
    opacity: .3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.action-item__image:hover:before {
    opacity: .5
}

.action-item__image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.action-item__image img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.action-item__content {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.action-item__type {
    margin-bottom: 10px
}

.action-item__type span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 20px;
    border-radius: 18px;
    font-size: 11px;
    color: var(--white-color)
}

.action-item__type--action span {
    background: var(--action-label-bg-color, #d74853);
    color: var(--action-label-font-color, var(--white-color))
}

.action-item__type--new span {
    background: var(--news-label-bg-color, #3ec28f);
    color: var(--news-label-font-color, var(--white-color))
}

.action-item__title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: var(--white-color)
}

.new-slide-item {
    display: block;
    height: 220px;
    background: #f5f5f5;
    border: 1px solid #d9d9de;
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.new-slide-item .btn-border {
    display: none
}

.new-slide-item:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--main-elements-color, var(--accent-color-400));
    z-index: 11;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.new-slide-item:hover:before {
    opacity: .5
}

.new-slide-item__image {
    width: 100%;
    height: 120px;
    display: block
}

.new-slide-item__image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.new-slide-item__content {
    z-index: 10;
    display: block;
    padding: 0px 20px 14px 20px;
    position: relative
}

.new-slide-item__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: 500;
    font-size: 12px;
    color: var(--article-label-font-color, var(--accent-color-400));
    margin-bottom: -1px;
    top: -12px;
    height: 24px;
    line-height: 24px;
    padding: 0 30px 0 15px;
    background: var(--article-label-bg-color, #d9d9de)
}

.new-slide-item__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    display: block;
    overflow: hidden;
    height: 56px
}

.new-slide-item__date {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #f5f5f5;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 10px;
    right: 15px;
    text-transform: uppercase
}

.new-slide-item--wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .new-slide-item--wide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.new-slide-item--wide .new-slide-item__image {
    width: calc(50% - 20px);
    height: 220px
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__image {
        height: 110px;
        width: 100%
    }
}

.new-slide-item--wide .new-slide-item__content {
    width: calc(50% + 20px);
    padding-top: 50px
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__content {
        height: 100px;
        width: 100%;
        padding-top: 15px
    }
}

.new-slide-item--wide .new-slide-item__title {
    position: absolute;
    top: 15px;
    right: auto;
    left: calc(-100% - 8px)
}

.item--half .new-slide-item__title {
    left: -80%
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__title {
        right: auto;
        left: 15px;
        top: 10px !important;
        font-size: 12px !important;
        color: var(--main-elements-color, var(--accent-color-400));
        height: 24px !important;
        line-height: 24px;
        padding: 0 30px 0 15px !important
    }
}

.new-slide-item--wide .new-slide-item__name {
    font-weight: bold;
    height: 143px
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__name {
        height: 56px;
        font-weight: 400
    }
}

.new-slide-item--wide .new-slide-item__date {
    color: #767676;
    position: absolute;
    top: 10px;
    left: 50%;
    text-shadow: none
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__date {
        right: 15px;
        color: #f5f5f5;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
        left: auto
    }
}

.question-main {
    position: relative;
    z-index: 9;
    max-width: 980px;
    margin: 0 auto
}

.question-main .btn {
    margin-top: -4px
}

@media(max-width: 992px) {
    .question-main {
        padding: 0px 15px;
        margin-bottom: 0
    }
}

.question-main p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

@media(max-width: 767px) {
    .question-main p {
        font-size: 15px;
        line-height: 20px
    }
}

.question-form {
    background: var(--white-color);
    border: 2px solid var(--main-elements-color, var(--accent-color-400));
    border-radius: 10px;
    padding: 23px 100px
}

.question-form__bottom-text {
    font-size: 12px;
    line-height: 18px;
    color: #767676;
    width: 100%;
    padding-top: 10px
}

@media(max-width: 992px) {
    .question-form {
        padding: 30px
    }
}

@media(max-width: 767px) {
    .question-form {
        padding: 25px 15px;
        width: calc(100% + 30px);
        margin: 0 -15px 0px -15px
    }
}

.question-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .question-form form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .question-form form .btn {
        width: 100%
    }
}

.question-form__column {
    width: calc(50% - 10px)
}

@media(max-width: 767px) {
    .question-form__column {
        width: 100%;
        margin-bottom: 5px
    }
}

.error-text {
    display: none;
    font-size: 14px;
    color: #d74853;
    padding-top: 3px
}

.form-group-number {
    width: 36px;
    height: 36px;
    border: 2px solid var(--main-elements-color, var(--accent-color-400));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    font-weight: bold;
    right: -50px;
    bottom: 3px
}

@media(max-width: 991px) {
    .form-group-number {
        display: none
    }
}

.form-group {
    position: relative;
    margin-bottom: 19px;
    width: 100%
}

.form-group--min {
    width: 145px
}

.form-group--margin-small {
    margin-bottom: 0
}

.form-group:hover label {
    color: var(--main-elements-color, var(--accent-color-400))
}

.form-group label {
    font-size: 10px;
    margin-bottom: 2px;
    color: #767676;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.form-group label.select-label {
    font-size: 14px;
    margin-bottom: 4px;
    display: block
}

.form-group label.label-lg {
    font-size: 14px;
    text-transform: none;
    margin-bottom: 5px;
    display: block
}

.label-name {
    user-select: none;
    pointer-events: none
}

.form-group--error label {
    color: #d74853
}

.form-group--error:hover label {
    color: #d74853
}

.form-group--error .form-control {
    border-color: #d74853;
    color: #d74853
}

.form-group--error .form-control:focus {
    border-color: #d74853
}

.form-group--error .error-text {
    display: block;
    font-size: 11px
}

.form-group--error .form-control:focus {
    outline: none
}

.form-group--error .form-control:focus+.label-name .content-name {
    color: #d74853
}

.form-group--error .form-control:valid+.label-name .content-name {
    color: #d74853
}

.form-group--error .form-control:focus+.label-name::after,
.form-group--error .form-control:valid+.label-name::after {
    color: #d74853
}

.content-name {
    position: absolute;
    top: 12px;
    left: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 11px;
    color: #9c9c9c
}

.form-control {
    width: 100%;
    background: var(--white-color);
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    font-size: 14px;
    line-height: 150%;
    color: #000;
    padding: 0 20px;
    height: 40px;
    line-height: 46px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.form-control:focus {
    outline: none
}

.form-control:focus+.label-name .content-name {
    font-size: 9px;
    left: 0px;
    top: -15px;
    text-transform: uppercase;
    color: var(--main-elements-color, var(--accent-color-400))
}

.form-control:valid+.label-name .content-name {
    font-size: 9px;
    left: 0px;
    top: -15px;
    text-transform: uppercase;
    color: var(--main-elements-color, var(--accent-color-400))
}

.form-control:focus+.label-name::after,
.form-control:valid+.label-name::after {
    font-size: 9px;
    left: 0px;
    top: -15px;
    text-transform: uppercase;
    color: var(--main-elements-color, var(--accent-color-400))
}

.form-control:focus {
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.form-control::-webkit-input-placeholder {
    color: #9c9c9c;
    font-size: 12px
}

.form-control::-moz-placeholder {
    color: #9c9c9c;
    font-size: 12px
}

.form-control:-ms-input-placeholder {
    color: #9c9c9c;
    font-size: 12px
}

.form-control::-ms-input-placeholder {
    color: #9c9c9c;
    font-size: 12px
}

.form-control::placeholder {
    color: #9c9c9c;
    font-size: 12px
}

textarea.form-control {
    font-family: "Roboto";
    height: 99px;
    resize: vertical;
    width: 100%;
    min-height: 99px;
    padding: 10px 20px;
    line-height: 20px
}

#question-main textarea.form-control {
    font-family: inherit
}

textarea.form-control:focus {
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.map {
    width: 100%;
    margin-bottom: 40px
}

@media(max-width: 767px) {
    .map {
        width: calc(100% + 30px) !important;
        margin: 0 -15px 30px -15px;
        height: 400px
    }
}

.map img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.hidden {
    display: none
}

footer {
    background: #333;
    background: var(--footer-bg-color, #333);
    padding: 40px 0 0px 0;
    position: relative;
    margin-top: auto
}

@media(max-width: 767px) {
    footer {
        padding: 40px 0
    }
}

.footer-contact {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: var(--white-color);
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .footer-contact {
        text-align: center
    }
}

.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px
}

@media(max-width: 767px) {
    .footer-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-content__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 700px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -46px
}

@media(max-width: 1280px) {
    .footer-content__menu {
        width: calc(100% - 480px);
        margin-left: 0
    }
}

@media(max-width: 991px) {
    .footer-content__menu {
        width: calc(100% - 440px)
    }
}

@media(max-width: 767px) {
    .footer-content__menu {
        width: 100%;
        margin-bottom: 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 0
    }
}

.footer-content__title {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: var(--white-color);
    min-height: 20px;
    margin-bottom: 4px
}

@media(max-width: 767px) {
    .footer-content__title {
        font-size: 18px
    }
}

.footer-content__title span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    opacity: .5;
    line-height: 20px;
    margin-bottom: 7px
}

@media(max-width: 767px) {
    .footer-content__title span {
        padding-top: 10px;
        margin-bottom: 15px
    }
}

.footer-content__ul-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .footer-content__ul-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-content__column--lg {
    width: 62%
}

@media(max-width: 767px) {
    .footer-content__column--lg {
        max-width: 50%
    }
}

.footer-content__column li {
    margin-bottom: 5px
}

.footer-content__column a {
    font-size: 12px;
    color: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: .5
}

.footer-content__column a:hover {
    opacity: 1
}

.footer-first-column {
    width: 230px
}

@media(max-width: 991px) {
    .footer-first-column {
        width: 180px
    }
}

@media(max-width: 767px) {
    .footer-first-column {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-first-column .logo {
    display: block;
    margin-bottom: 5px
}

@media(max-width: 991px) {
    .footer-first-column .logo {
        margin-left: 0
    }
}

.footer-first-column .logo img {
    width: 115px
}

@media(max-width: 767px) {
    .footer-first-column .logo img {
        width: 210px
    }
}

.footer-right {
    width: 280px
}

@media(max-width: 991px) {
    .footer-right {
        width: 220px
    }
}

@media(max-width: 767px) {
    .footer-right {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        width: 100%;
        margin-bottom: 40px
    }
}

.footer-right .social-links {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 15px
}

.footer-right .social-links a {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 133px;
    height: 47px;
    background: rgba(176, 176, 176, 0.45);
    border-radius: 5px
}

.footer-right .social-links a img+img {
    opacity: 0
}

.footer-right .social-links span {
    display: inline-block
}

.footer-right .social-links a img {
    transition: .2s;
    position: absolute
}

.footer-right .social-links a:hover img {
    opacity: 0
}

.footer-right .social-links a:hover img+img {
    opacity: 1
}

.footer-right .social-links a+a {
    margin-left: 10px
}

.footer-right .social-links img {
    max-width: 100%
}

@media(max-width: 991px) {
    .footer-right .social-links a {
        height: 38px
    }
}

@media(max-width: 767px) {
    .footer-right .social-links a {
        height: 47px
    }
}

.footer-subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.footer-subscribe input {
    width: calc(100% - 80px);
    height: 34px;
    border: none;
    font-size: 11px;
    padding: 0 15px;
    border-radius: 2px 0 0 2px;
    line-height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-subscribe input::-webkit-input-placeholder {
    color: #9c9c9c
}

.footer-subscribe input::-moz-placeholder {
    color: #9c9c9c
}

.footer-subscribe input:-ms-input-placeholder {
    color: #9c9c9c
}

.footer-subscribe input::-ms-input-placeholder {
    color: #9c9c9c
}

.footer-subscribe input::placeholder {
    color: #9c9c9c
}

.footer-subscribe button {
    width: 80px;
    height: 34px;
    border-radius: 0 0 2px 2px;
    line-height: 34px;
    font-size: 11px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: var(--main-elements-color, var(--accent-color-400));
    color: var(--white-color);
    border: none;
    cursor: pointer;
    text-align: center
}

@media(max-width: 767px) {
    .footer-subscribe button {
        margin-left: 0
    }
}

.footer-subscribe button:hover {
    background: var(--main-elements-hover-color, #1c52ac)
}

.footer-subscribe button:active {
    background: #164593
}

.unsubscribe-link {
    display: block
}

.unsubscribe-link a {
    font-size: 12px;
    color: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: .5
}

.unsubscribe-link a:hover {
    opacity: 1
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .footer-social {
        margin-top: 15px
    }
}

.footer-social span {
    margin-right: 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: .4
}

.footer-social span img {
    width: 24px;
    height: 24px
}

.footer-social span:hover {
    opacity: .7
}

.footer-phone {
    margin-bottom: 15px
}

.footer-phone a {
    font-weight: bold;
    font-size: 16px;
    color: var(--white-color)
}

.footer-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

@media(max-width: 767px) {
    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0
    }
}

.footer-bottom__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .footer-bottom__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-bottom__left a {
    font-size: 12px;
    color: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: .5
}

.footer-bottom__left a:hover {
    opacity: 1
}

.footer-bottom .copy {
    display: block;
    font-size: 12px;
    color: #767676;
    opacity: .5;
    width: 300px
}

@media(max-width: 767px) {
    .footer-bottom .copy {
        width: 100%;
        margin-bottom: 15px
    }
}

.form-group-file {
    margin-top: -4px;
    margin-bottom: 19px
}

.form-group-file input {
    display: none
}

.files-wr label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #177cca;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 160px;
    height: 40px
}

@media(max-width: 767px) {
    .files-wr label {
        width: 100%
    }
}

.files-wr label .icon {
    margin-right: 10px
}

.files-wr .one-file~.one-file label {
    display: none
}

.files-wr .one-file.error {
    border: none
}

.files-wr .one-file.error .file-name {
    color: #767676
}

.files-wr .file-item {
    position: relative;
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.files-wr .file-item.hide-btn {
    display: none
}

.files-wr .file-name {
    font-size: 12px;
    line-height: 18px;
    color: #767676;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 10px
}

.files-wr .btn-del-file {
    margin-left: 5px;
    font-size: 12px;
    line-height: 18px;
    color: var(--main-elements-hover-color, #1c52ac);
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.files-wr .btn-del-file:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

@media(max-width: 767px) {
    .page-head {
        width: calc(100% + 30px);
        margin: 15px -15px 0px -15px;
        padding: 22px 15px;
        background: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width: 767px) {
    .btn-exit {
        width: 110px !important
    }
}

.lk-main-page {
    position: relative;
    z-index: 9
}

@media(max-width: 767px) {
    .lk-main-page {
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 0 15px
    }
}

@media(max-width: 767px) {
    .lk-main-page .h1 {
        font-size: 30px !important;
        margin-bottom: 20px
    }
}

.lk-main-page__head .user-data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 767px) {
    .lk-main-page__head .user-data {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

.lk-main-page__head .user-data__avatar {
    margin-right: 15px
}

.lk-main-page__head .user-data__name {
    display: block;
    margin-bottom: 15px;
    text-align: center
}

@media(max-width: 767px) {
    .lk-main-page__head .user-data__name {
        text-align: left
    }
}

.lk-main-page__head .user-data__status {
    display: inline-block;
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .lk-main-page__head .user-data__status {
        margin-bottom: 0
    }
}

.lk-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    position: relative
}

.lk-head .h1 {
    margin-bottom: 0;
    margin-right: 25px
}

.lk-head .content-title {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .lk-head .btn-exit {
        position: absolute;
        top: -60px;
        right: 0
    }
}

.lk-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px
}

@media(max-width: 767px) {
    .lk-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
}

.lk-container .lk-side {
    width: 270px;
    background: #e9ebed;
    padding: 30px 0
}

.lk-container .lk-side .user-data__name {
    text-align: center;
    margin-bottom: 15px;
    padding: 0 15px
}

@media(max-width: 767px) {
    .lk-container .lk-side .user-data__name {
        text-align: left;
        padding: 0
    }
}

@media(max-width: 767px) {
    .lk-container .lk-side {
        background: transparent;
        width: 100%;
        padding: 0
    }
}

.lk-container .lk-content {
    width: calc(100% - 270px);
    background: var(--white-color);
    padding: 30px 50px 100px 50px
}

@media(max-width: 767px) {
    .lk-container .lk-content {
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 10px 15px 0 15px
    }
}

.user-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    position: relative
}

@media(max-width: 767px) {
    .user-data {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 35px
    }
}

.user-data__avatar {
    width: 64px;
    height: 64px;
    background: var(--main-elements-color, var(--accent-color-400));
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .user-data__avatar {
        width: 60px;
        height: 60px
    }
}

.user-data__avatar svg {
    color: var(--white-color);
    width: 30px
}

.user-data__mail {
    display: block;
    margin-bottom: 25px
}

@media(max-width: 767px) {
    .user-data__mail {
        display: none
    }
}

.user-data__mail a {
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    font-weight: 400
}

.user-data__name {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px
}

.user-data__status {
    display: block !important
}

.user-data__status span {
    font-weight: bold;
    font-size: 12px;
    padding: 0px 12px;
    height: 24px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--accent-color-300);
    color: var(--white-color)
}

@media(max-width: 767px) {
    .lk-menu {
        display: none
    }
}

.lk-menu li a {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: bold;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400))
}

.lk-menu li a .icon-svg {
    color: var(--main-elements-color, var(--accent-color-400))
}

.lk-menu li a:hover {
    background: var(--main-elements-color, var(--accent-color-400));
    color: var(--white-color)
}

.lk-menu li a:hover .icon-svg {
    color: var(--white-color)
}

.lk-menu li.current a {
    background: var(--main-elements-color, var(--accent-color-400));
    color: var(--white-color)
}

.lk-menu li.current .icon-svg {
    color: var(--white-color)
}

.lk-menu .icon {
    width: 20px;
    margin-right: 15px
}

.lk-menu .icon .icon-svg {
    width: 18px;
    height: 18px
}

.lk-title {
    display: block;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
    color: #000
}

@media(max-width: 767px) {
    .lk-title {
        display: none
    }
}

.tabs-lk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .tabs-lk {
        display: none
    }
}

.tabs-lk li {
    margin-right: 15px
}

.tabs-lk a {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: var(--main-elements-color, var(--accent-color-400));
    position: relative
}

.tabs-lk a:before {
    content: "";
    width: 100%;
    height: 3px;
    background: url("/static/images/dot.png") repeat-x;
    position: absolute;
    bottom: -4px;
    left: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.tabs-lk a:hover:before {
    opacity: 0
}

.tabs-lk a.active {
    color: #bdbdbd
}

.tabs-lk a.active:before {
    opacity: 0
}

.accordion-lk {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
    line-height: 14px;
    width: 100%;
    overflow: hidden
}

.accordion-lk li {
    width: 100%;
    margin-bottom: 30px
}

.accordion-lk li:last-child {
    margin-bottom: 0
}

.accordion-lk .opener {
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .accordion-lk .opener {
        display: none
    }
}

.accordion-lk .opener span {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.accordion-lk .opener span:before {
    content: "";
    background: url("/static/images/slideshow-arrow.svg");
    width: 15px;
    height: 16px;
    position: absolute;
    right: -24px;
    top: -1px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.accordion-lk .active .opener span:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 3px
}

.accordion-lk .submenu {
    overflow: hidden;
    list-style: none;
    display: none
}

.accordion-lk .submenu li {
    margin: 0;
    width: auto
}

.accordion-lk .submenu li a:hover {
    text-decoration: none
}

.lk-doc-line {
    border-bottom: 1px solid #e5e5ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0
}

.lk-doc-line:last-child {
    border-bottom: 0
}

.lk-doc-line__name {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    width: calc(60% - 20px)
}

@media(max-width: 767px) {
    .lk-doc-line__name {
        font-size: 14px;
        line-height: 20px;
        width: calc(100% - 120px)
    }
}

.lk-doc-line__name a {
    color: #000
}

.lk-doc-line__format {
    font-size: 12px;
    line-height: 18px;
    color: #7c8994;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 991px) {
    .lk-doc-line__format {
        font-size: 15px;
        line-height: 21px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 110px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.lk-doc-line__download a {
    font-size: 12px;
    line-height: 18px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 767px) {
    .lk-doc-line__download a {
        font-size: 15px;
        line-height: 21px
    }
}

.lk-doc-line__download a:hover {
    color: #164593
}

.lk-doc-line__download a:active {
    color: #164593
}

@media(max-width: 767px) {
    .lk-doc-line .btn-border {
        border: 0;
        height: auto;
        padding: 0
    }

    .lk-doc-line .btn-border .icon {
        display: none
    }
}

.lk-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px
}

@media(max-width: 767px) {
    .lk-main-menu {
        display: none
    }
}

.lk-menu-item {
    width: calc(33.3333333333% - 10px);
    height: 220px;
    position: relative;
    padding: 100px 35px 10px 35px;
    color: #000;
    background: #f3f6fb url("/static/images/arrow-lk-main.svg") calc(100% - 15px) calc(100% - 15px) no-repeat;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid var(--accent-color-300)
}

.lk-menu-item:hover {
    background-color: #dee1e4
}

.lk-menu-item .icon {
    position: absolute;
    top: 20px;
    right: 20px
}

.lk-menu-item .icon img {
    height: 40px
}

.lk-menu-item__name {
    display: block;
    margin-bottom: 15px;
    color: var(--main-elements-color, var(--accent-color-400));
    font-weight: bold;
    font-size: 18px;
    line-height: 22px
}

.lk-menu-item__text {
    font-size: 14px;
    line-height: 18px
}

.mobile-menu-item {
    background-color: #e5e5ea;
    color: var(--white-color);
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
    color: #000;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: calc(100% + 30px);
    margin: 0 -15px 1px -15px;
    display: none
}

.mobile-menu-item:last-child {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .mobile-menu-item {
        display: block
    }
}

.mobile-menu-item .icon {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 9px
}

.mobile-menu-item .icon .icon-svg {
    width: 11px;
    height: 7px;
    color: #000
}

.mobile-menu-item.active {
    background-color: var(--white-color);
    pointer-events: none;
    color: var(--main-elements-color, var(--accent-color-400))
}

.mobile-menu-item.active .icon .icon-svg {
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mobile-menu-item.disabled {
    background: #e5e5e5;
    opacity: .25;
    pointer-events: none
}

.mobile-menu-item.disabled .icon .icon-svg {
    color: #000
}

.select-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select-inline .form-group {
    margin-bottom: 0 !important
}

.select-inline .dropdown-select {
    width: 224px
}

.select-inline__title {
    font-size: 14px;
    white-space: nowrap;
    margin-right: 15px
}

.custom-select {
    display: none
}

.dropdown-container {
    position: relative
}

[class*=entypo-]:before {
    font-family: "entypo", sans-serif
}

.dropdown-select {
    z-index: 200;
    text-align: left;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    background: var(--white-color);
    mix-blend-mode: normal;
    border: 1px solid #d9d9de;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    height: 40px;
    padding: 13px 40px 13px 20px;
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333
}

@media(max-width: 991px) {
    .dropdown-select {
        padding-left: 10px
    }
}

.dropdown-select:before {
    content: "";
    background: url("/static/images/select-arrow.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: calc(50% - 7.5px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.active .dropdown-select:before {
    opacity: 0
}

.active .dropdown-select {
    background: #f5f5f5;
    border-bottom: 0;
    border-radius: 2px 2px 0 0
}

.dropdown-select-ul {
    display: none;
    z-index: 100;
    position: absolute;
    width: 100%;
    max-height: 50rem;
    background: #f5f5f5;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    border: 1px solid #d9d9de;
    border-top: 0;
    border-radius: 0 0 2px 2px
}

.dropdown-select-ul li {
    display: block;
    padding: 13px 30px 13px 20px;
    cursor: pointer;
    font-size: 14px;
    margin: 0 !important
}

.dropdown-select-ul li.selected {
    cursor: default
}

.active .dropdown-select-ul {
    display: block;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.no-js .custom-select {
    display: block
}

.no-js .dropdown-select,
.no-js .dropdown-select-ul {
    display: none
}

.dropdown-select {
    background-color: var(--white-color);
    color: #333
}

.dropdown-select-ul {
    color: #000
}

.dropdown-select-ul li:hover,
.dropdown-select-ul li:focus {
    background: var(--main-elements-color, var(--accent-color-400));
    color: var(--white-color)
}

.dropdown-select-ul li.selected {
    background: var(--main-elements-color, var(--accent-color-400));
    color: var(--white-color)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.styled-select {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    z-index: 200;
    text-align: left;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    background: var(--white-color);
    mix-blend-mode: normal;
    border: 1px solid #d9d9de;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    height: 40px;
    padding: 0px 40px 0px 0px;
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 38px;
    font-size: 14px;
    color: #000
}

.styled-select:before {
    content: "";
    background: url("/static/images/select-arrow.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: calc(50% - 9.5px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.styled-select select {
    width: 100%
}

select:focus {
    outline: none
}

.styled-select select {
    height: 40px;
    padding: 0px 0 3px 20px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400))
}

@-moz-document url-prefix() {
    .styled-select select {
        width: 110%
    }
}

.fa-sort-desc {
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 24px
}

select::-ms-expand {
    display: none
}

.history-orders {
    display: table;
    width: 100%
}

@media(max-width: 767px) {
    .history-orders {
        display: block
    }
}

.history-orders__head {
    display: table-row
}

@media(max-width: 767px) {
    .history-orders__head {
        display: none
    }
}

.history-orders__head-item {
    display: table-cell;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 15px;
    text-align: center
}

.history-order-item {
    display: table-row;
    font-size: 14px;
    color: #333;
    text-align: center
}

@media(max-width: 767px) {
    .history-order-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #f6f6f6;
        padding: 20px 0;
        font-size: 14px;
        text-align: left
    }
}

@media(min-width: 767px) {
    .history-order-item div {
        display: table-cell;
        padding: 10px 0;
        border-bottom: 1px solid #f6f6f6
    }

    .frontpage.wide-mode .section-first {
        padding-top: 0
    }
}

.history-order-item__mobile-title {
    display: none;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 3px
}

@media(max-width: 767px) {
    .history-order-item__mobile-title {
        display: block
    }
}

.history-order-item__number {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

@media(max-width: 767px) {
    .history-order-item__number {
        width: 50%
    }
}

.history-order-item__number a {
    color: var(--main-elements-color, var(--accent-color-400))
}

@media(max-width: 767px) {
    .history-order-item__number a {
        font-weight: bold;
        font-size: 18px
    }
}

.history-order-item__number a span {
    display: none
}

@media(max-width: 767px) {
    .history-order-item__number a span {
        display: inline
    }
}

@media(max-width: 767px) {
    .history-order-item__date {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media(max-width: 767px) {
    .history-order-item__delivery {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media(max-width: 767px) {
    .history-order-item__sum {
        font-weight: bold;
        font-size: 18px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 10px
    }
}

@media(max-width: 767px) {
    .history-order-item__status {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media(max-width: 767px) {
    .history-order-item__pay {
        display: none
    }
}

.pay {
    display: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #3ec28f url("/static/images/order-check.svg") 50% 50% no-repeat;
    margin-left: 10px
}

.pay--none {
    background: #d74853 url("/static/images/order-non.svg") 50% 50% no-repeat
}

@media(max-width: 767px) {
    .pay {
        display: block
    }
}

.history-order__head {
    margin-bottom: 25px
}

.history-order__head-btn {
    margin-bottom: 20px
}

.history-order__number {
    font-weight: bold;
    font-size: 18px;
    color: #000
}

.history-order__list {
    margin-bottom: 30px
}

.history-order__list ul li {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin-bottom: 12px
}

.history-order__list ul li span {
    font-weight: bold
}

.back-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-transform: uppercase
}

.back-btn .icon {
    margin-right: 10px;
    position: relative;
    bottom: -1px
}

.back-btn .icon svg {
    color: var(--main-elements-color, var(--accent-color-400));
    width: 11px;
    height: 17px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.back-btn:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.table-total {
    border-top: 1px solid #a7a7ab;
    width: 45%;
    float: right;
    padding: 15px 15px 0 15px;
    margin-top: -1px
}

@media(max-width: 767px) {
    .table-total {
        float: none;
        width: 100%
    }
}

.table-total ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.table-total__sm {
    font-size: 14px;
    line-height: 16px
}

.table-total__lg {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px
}

.table {
    width: 100%;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .table--simple {
        overflow-x: auto
    }
}

@media(max-width: 767px) {
    .table--simple table {
        min-width: 540px
    }
}

.table table {
    width: 100%;
    border-collapse: collapse
}

.table table th {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #f6f6f6;
    padding: 13px 25px;
    text-align: left
}

.table table th.align-left {
    text-align: left !important
}

.table table th.align-right {
    text-align: right !important
}

.table table td {
    padding: 13px 25px;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.table table td.align-left {
    text-align: left !important
}

.table table td.align-right {
    text-align: right !important
}

.table table td a {
    color: var(--main-elements-color, var(--accent-color-400))
}

.table table tr:hover td {
    background: #f6f6f6
}

.table--history th {
    white-space: nowrap;
    text-align: center;
    padding: 13px 15px
}

.table--history td {
    white-space: nowrap;
    text-align: center;
    padding: 13px 15px
}

.table--history td:nth-child(4) {
    text-align: right
}

.table--order {
    margin-bottom: 0
}

.table--order th {
    text-align: center;
    padding: 13px 15px;
    white-space: nowrap
}

.table--order td {
    text-align: center;
    padding: 8px 15px;
    vertical-align: middle
}

.table--order td:nth-child(3),
.table--order td:nth-child(5) {
    text-align: right
}

@media(max-width: 991px) {
    .table-scroll {
        background: #f6f6f6;
        overflow-x: auto;
        max-width: calc(100% + 15px);
        margin-right: -15px;
        width: calc(100% + 15px);
        overflow-x: auto;
        margin-bottom: 25px
    }
}

@media(max-width: 767px) {
    .table-scroll table {
        min-width: 740px
    }
}

.personal-data {
    width: 100%;
    max-width: 385px
}

.personal-data__item {
    margin-bottom: 30px
}

.personal-data__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-bottom: 13px;
    display: block
}

.product-item__flag--offer {
    background-color: var(--offer-tag-bg-color, #626262);
    color: var(--offer-tag-font-color, var(--white-color))
}

.product-card .product-item__img-text {
    position: absolute;
    right: 15px;
    top: 0;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
    z-index: 9;
    text-transform: none;
    font-style: italic;
    font-family: "Golos"
}

.product-modification-container {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media(max-width: 767px) {
    .product-card .product-item__img-text {
        top: 10px;
        right: 15px;
        bottom: auto;
        left: auto;
        font-size: 13px
    }
}

.product-card__radio-options {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap
}

.product-card__radio-options span {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
    font-weight: 400
}

.product-card__radio-options a {
    border-radius: 2px;
    cursor: pointer;
    font-family: "Golos";
    transition: .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    padding: 7px 14.5px;
    font-size: 12px;
    line-height: 20px;
    color: #767676;
    background: var(--white-color);
    border: 1px solid #767676
}

.product-card__radio-options a:last-child {
    margin-right: 0
}

.product-card__radio-options a:hover {
    background: var(--accent-color-400);
    border-color: var(--accent-color-400);
    color: var(--white-color)
}

@media(max-width: 767px) {
    .product-card__radio-options {
        padding-bottom: 10px;
        margin-bottom: 0
    }
}

.product-card__discription {
    padding: 20px 30px;
    background: #f6f6f6;
    margin-bottom: 1px
}

@media(max-width: 1100px) {
    .product-card__discription {
        padding: 20px 15px
    }
}

@media(max-width: 767px) {
    .product-card__discription {
        margin-bottom: 0
    }
}

.product-card__discription ul li {
    font-size: 14px
}

.product-card__discription .btn-get-an-account-min {
    margin-top: 10px
}

.product-card__discription .btn-calculate-min {
    margin-top: 10px
}

.product-card__discription-title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #7c8994
}

.product-card ul li {
    font-size: 14px;
    line-height: 18px;
    color: #7c8994;
    margin-bottom: 3px
}

.tabsgroup {
    margin-bottom: 40px
}

.product-slider__banners {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media(max-width: 767px) {
    .product-slider__banners {
        display: flex;
        flex-direction: row
    }
}

.btn-checkout {
    background: var(--checkout-button-color, #3ec28f);
    border: 0
}

.btn.btn-checkout {
    color: var(--checkout-button-font-color, #3ec28f)
}

.btn-checkout .icon-svg {
    max-width: 22px;
    max-height: 22px;
    margin: 0 10px 0 0
}

.tab-content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px
}

.text-page .new-slide-item__title {
    top: 0px;
    margin-bottom: 30px
}

.text-page .documents {
    margin-bottom: 30px
}

.text-page p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px
}

.text-page img {
    max-width: 100%;
    margin-bottom: 15px
}

.product-item__delivery .icon img {
    margin: 2px 0 0
}

.text-page small {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #7c8994;
    margin-bottom: 25px
}

.text-page ul,
.o-product-tab ul {
    margin-bottom: 15px
}

.text-page ul li,
.o-product-tab ul li {
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    padding-left: 23px
}

.text-page ul li:before,
.o-product-tab ul li:before {
    content: "";
    width: 12px;
    height: 2px;
    background-color: var(--main-elements-color, var(--accent-color-400));
    display: block;
    position: absolute;
    left: 0;
    top: 8px
}

.text-page ol,
.o-product-tab ol {
    margin-bottom: 40px;
    counter-reset: myCounter;
    list-style-type: none;
    padding-top: 10px
}

.text-page ol li,
.o-product-tab ol li {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 23px;
    padding-left: 50px
}

.text-page ol li:before,
.o-product-tab ol li:before {
    content: "";
    counter-increment: myCounter;
    content: counter(myCounter) !important;
    position: absolute;
    left: 0;
    top: -10px;
    line-height: 16px;
    width: 36px;
    height: 36px;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    line-height: 32px;
    text-align: center;
    background: var(--white-color)
}

.text-page blockquote {
    padding: 25px 30px;
    font-size: 14px;
    line-height: 18px;
    background: #e5e5e5;
    margin-bottom: 30px
}

ul.marker-list {
    margin-bottom: 15px
}

ul.marker-list li {
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    padding-left: 23px
}

ul.marker-list li:before {
    content: "";
    width: 12px;
    height: 2px;
    background-color: var(--main-elements-color, var(--accent-color-400));
    display: block;
    position: absolute;
    left: 0;
    top: 8px
}

ol.number-list {
    margin-bottom: 40px;
    counter-reset: myCounter;
    list-style-type: none;
    padding-top: 10px
}

ol.number-list li {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 23px;
    padding-left: 50px
}

ol.number-list li:before {
    content: "";
    counter-increment: myCounter;
    content: counter(myCounter) !important;
    position: absolute;
    left: 0;
    top: -10px;
    line-height: 16px;
    width: 36px;
    height: 36px;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    line-height: 32px;
    text-align: center;
    background: var(--white-color)
}

.tabs-content--authorizaion {
    width: 100%;
    max-width: 580px;
    margin: 0 auto
}

.tabs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .tabs {
        display: none
    }
}

@media(max-width: 767px) {
    .tabs--show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tabs li {
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--product-tab-link-color, var(--accent-color-400));
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    background: transparent;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 14px;
    cursor: pointer
}

.tabs li a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--main-elements-color, var(--accent-color-400))
}

.tabs li:hover,
.tabs li.active {
    background: var(--white-color);
    color: var(--product-tab-link-hover-color, var(--product-tab-link-color, var(--accent-color-400)))
}

.tabs li:last-child {
    border-right: 0
}

.tabs li.active {
    display: block;
    color: #767676
}

.tabs li.active a {
    color: #767676
}

.tab-content {
    padding: 40px 80px;
    background: var(--white-color)
}

@media(max-width: 991px) {
    .tab-content {
        padding: 30px 15px
    }
}

.tab-content {
    display: none
}

.tab_drawer_heading {
    display: none
}

@media screen and (max-width: 767px) {
    .tab_drawer_heading {
        background-color: #e5e5e5;
        color: var(--white-color);
        margin: 0 0 1px 0;
        font-family: "Golos";
        font-style: italic;
        font-weight: bold;
        font-size: 14px;
        line-height: 48px;
        height: 48px;
        padding: 0 20px;
        color: #000;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative
    }

    .tab_drawer_heading .icon {
        position: absolute;
        right: 15px;
        top: 0px;
        height: 9px
    }

    .tab_drawer_heading .icon .icon-svg {
        width: 16px;
        height: 9px;
        color: #000
    }

    .d_active {
        background-color: var(--white-color)
    }

    .d_active .icon .icon-svg {
        color: var(--main-elements-color, var(--accent-color-400));
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

#sync1 {
    margin-bottom: 15px
}

#sync1 .item {
    width: 320px;
    height: 320px
}

@media(max-width: 767px) {
    #sync1 .item {
        margin: 0 auto;
        height: 280px;
        width: 100%
    }
}

#sync1 .item img {
    overflow: hidden;
    object-fit: contain;
    aspect-ratio: 1/1;
    width: 100%;
    height: auto
}

#sync2 {
    margin: 0 auto;
    width: calc(100% - 120px);
    max-width: 100%
}

@media(max-width: 767px) {
    #sync2 {
        display: none
    }
}

#sync2 .item {
    width: 64px;
    height: 48px;
    border: 1px solid #dadde0;
    cursor: pointer
}

#sync2 .owl-stage {
    margin-left: auto;
    margin-right: auto
}

#sync2 .item img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: contain
}

#sync2 .owl-next {
    display: none
}

#sync2 .owl-prev {
    display: none
}

#sync2 .current .item {
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.owl-theme .owl-nav [class*=owl-] {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme .owl-nav [class*=owl-].disabled:hover {
    background-color: #d6d6d6
}

#sync1.owl-theme {
    position: relative
}

#sync1.owl-theme .owl-next {
    width: 15px;
    height: 16px;
    position: absolute;
    bottom: -45px;
    right: 10px;
    font-size: 0;
    text-indent: -9999px;
    background: url("/static/images/slideshow-arrow.svg") 50% 50% no-repeat;
    cursor: pointer
}

@media(max-width: 767px) {
    #sync1.owl-theme .owl-next {
        bottom: -40px;
        right: 0;
        width: 48px;
        height: 48px;
        background-color: rgba(196, 196, 196, 0.5);
        border-radius: 50%;
        background-position: calc(50% - 3px) 50%
    }
}

#sync1.owl-theme .owl-prev {
    width: 15px;
    height: 16px;
    position: absolute;
    bottom: -45px;
    left: 10px;
    font-size: 0;
    text-indent: -9999px;
    background: url("/static/images/slideshow-arrow.svg") 50% 50% no-repeat;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    cursor: pointer
}

@media(max-width: 767px) {
    #sync1.owl-theme .owl-prev {
        bottom: -40px;
        left: 0;
        width: 48px;
        height: 48px;
        background-color: rgba(196, 196, 196, 0.5);
        border-radius: 50%;
        background-position: calc(50% - 3px) 50%
    }
}

#sync1.owl-theme .owl-dots {
    width: calc(100% - 120px);
    text-align: center;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

@media(max-width: 767px) {
    #sync1.owl-theme .owl-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        top: 30px
    }
}

#sync1.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 6px;
    background: #c4c4c4;
    display: inline-block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px
}

@media(max-width: 767px) {
    #sync1.owl-theme .owl-dots .owl-dot span {
        background: #c4c4c4
    }
}

#sync1.owl-theme .owl-dots .owl-dot.active span,
#sync1.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-elements-color, var(--accent-color-400)) !important
}

.hint {
    margin-left: 5px;
    z-index: 10
}

@media(min-width: 768px) {
    .hint {
        position: relative
    }
}

.hint__link {
    width: 20px;
    height: 20px;
    border: 1px solid #a9b1b9;
    border-radius: 50%;
    background: var(--white-color) url("/static/images/hint.svg") 50% 50% no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-bottom: -5px
}

.hint__text {
    position: absolute;
    top: 35px;
    left: -50px;
    display: none;
    width: 380px;
    background: var(--white-color);
    border-radius: 2px;
    padding: 25px 30px;
    -webkit-box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    font-size: 14px;
    line-height: 20px;
    color: #7c8994;
    z-index: 99
}

@media(max-width: 767px) {
    .hint__text {
        left: 0;
        top: 25px;
        width: 290px;
        padding: 10px 15px
    }
}

.hint__text span {
    position: relative;
    z-index: 9
}

.hint__text:before {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--white-color);
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -8px;
    left: 50px;
    z-index: 0
}

@media(max-width: 767px) {
    .hint__text:before {
        display: none
    }
}

.hint:hover .hint__text {
    display: block
}

.share-block {
    position: relative;
    display: inline-block;
    width: 100%
}

.share-block a {
    cursor: pointer
}

.share-block__show {
    position: absolute;
    top: 55px;
    left: -15px;
    display: none;
    width: 380px;
    background: var(--white-color);
    border-radius: 2px;
    padding: 25px 30px;
    -webkit-box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    font-size: 14px;
    line-height: 20px;
    color: #7c8994;
    z-index: 99
}

@media(max-width: 1100px) {
    .share-block__show {
        left: auto;
        right: 0
    }
}

@media(max-width: 767px) {
    .share-block__show {
        top: 55px;
        width: 290px;
        padding: 15px 15px
    }
}

.share-block__show:after {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--white-color);
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -8px;
    left: 80px;
    z-index: 0
}

@media(max-width: 767px) {
    .share-block__show:after {
        display: none
    }
}

@media(max-width: 1100px) {
    .share-block__show:after {
        left: auto;
        right: 35px
    }
}

@media(max-width: 767px) {
    .share-block__show:after {
        display: none
    }
}

@media(max-width: 1100px) {
    .share-block__show--right {
        left: 0px;
        right: auto
    }
}

.share-block__show--right:after {
    left: 80px
}

@media(max-width: 1100px) {
    .share-block__show--right:after {
        right: auto;
        left: 35px
    }
}

.share-block p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
    color: #7c8994
}

.share-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share-social {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 18px;
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.share-social:hover {
    opacity: .8
}

.share-social img {
    width: auto;
    max-width: 80%;
    margin: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.share-social--orange {
    background: #ff9500
}

.btn-calculate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--main-elements-color, var(--accent-color-400));
    font-weight: bold;
    font-size: 18px;
    color: var(--white-color);
    border-radius: 2px;
    height: 48px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 479px) {
    .btn-calculate {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }
}

.btn-calculate:hover {
    background: var(--main-elements-hover-color, #1c52ac)
}

.btn-calculate:active {
    background: #164593
}

.btn-calculate .icon {
    margin-right: 10px;
    margin-bottom: -2px
}

.btn-calculate .icon svg {
    width: 38px
}

.btn-get-an-account {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d74853;
    font-weight: bold;
    font-size: 18px;
    color: var(--white-color);
    border-radius: 2px;
    height: 48px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 479px) {
    .btn-get-an-account {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }
}

.btn-get-an-account:hover {
    background: #d74853
}

.btn-get-an-account:active {
    background: #d74853
}

.btn-get-an-account .icon {
    margin-right: 10px;
    margin-bottom: -2px
}

.btn-get-an-account .icon svg {
    width: 36px
}

.btn-calculate-min {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    font-weight: bold;
    font-size: 11px;
    color: var(--main-elements-color, var(--accent-color-400));
    border-radius: 2px;
    height: 32px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%
}

@media(max-width: 479px) {
    .btn-calculate-min {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }
}

.btn-calculate-min:hover {
    background: var(--main-elements-hover-color, #1c52ac);
    color: var(--white-color)
}

.btn-calculate-min:hover .icon svg {
    color: var(--white-color)
}

.btn-calculate-min:active {
    background: #164593;
    color: var(--white-color)
}

.btn-calculate-min:active .icon svg {
    color: var(--white-color)
}

.btn-calculate-min .icon {
    margin-right: 5px;
    margin-bottom: -2px
}

.btn-calculate-min .icon svg {
    width: 26px;
    height: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-get-an-account-min {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--invoice-button-color, #d74853);
    font-weight: bold;
    font-size: 11px;
    color: var(--invoice-button-font-color, #d74853);
    border-radius: 2px;
    height: 32px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%
}

@media(max-width: 479px) {
    .btn-get-an-account-min {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }
}

.btn-get-an-account-min:hover {
    color: var(--white-color)
}

.btn-get-an-account-min:hover .icon svg {
    color: var(--white-color)
}

.btn-get-an-account-min:active {
    color: var(--white-color)
}

.btn-get-an-account-min:active .icon svg {
    color: var(--white-color)
}

.btn-get-an-account-min .icon {
    margin-right: 5px;
    margin-bottom: -2px
}

.btn-get-an-account-min .icon svg {
    width: 24px;
    height: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.orange-color {
    color: #ff9500 !important
}

.red-color {
    color: #d74853 !important
}

.green-color {
    color: #3ec28f !important
}

.reviews {
    margin-bottom: 20px
}

.review-item {
    padding: 25px 25px 25px 40px;
    background: #f6f6f6
}

@media(max-width: 767px) {
    .review-item {
        padding: 15px
    }
}

.review-item--answer {
    background: transparent;
    border: 1px solid #f6f6f6;
    padding-left: 65px;
    margin-top: -1px
}

@media(max-width: 767px) {
    .review-item--answer {
        padding: 15px
    }
}

.review-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px
}

.review-item__avatar {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: #a9b1b9;
    font-size: 15px;
    line-height: 24px;
    color: var(--white-color)
}

.review-item__avatar img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.review-item__head-info {
    width: calc(100% - 65px);
    padding-right: 100px;
    position: relative
}

@media(max-width: 767px) {
    .review-item__head-info {
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.review-item__head-info .rating {
    position: absolute;
    right: 0;
    top: 3px
}

@media(max-width: 767px) {
    .review-item__head-info .rating {
        position: relative;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 8px
    }
}

.review-item__name {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-bottom: 5px
}

.review-item__date {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #7c8994
}

@media(max-width: 767px) {
    .review-item__date {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.review-item p {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-bottom: 15px
}

.review-item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review-item__footer a {
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.review-item__footer a:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.review-item__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rate-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.rate-product__title {
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px
}

@media(max-width: 767px) {
    .rate-product__title {
        font-variant-caps: 12px;
        margin-right: 10px
    }
}

.review-textarea {
    margin-bottom: 30px
}

@media(max-width: 991px) {
    .review-textarea .btn {
        padding: 0;
        min-width: 145px
    }
}

@media(max-width: 767px) {
    .review-textarea .btn {
        width: 100%
    }
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none
}

.rating-stars ul>li.star {
    display: inline-block
}

.rating-stars ul>li.star>i.fa {
    font-size: 18px;
    color: #ccc
}

.rating-stars ul>li.star.hover>i.fa {
    color: #ffcc36
}

.rating-stars ul>li.star.selected>i.fa {
    color: #ff912c
}

.like-btn {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px
}

.like-btn__text {
    font-size: 12px;
    color: #7c8994
}

.like-btn svg {
    color: transparent;
    margin-right: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 20px;
    height: 16px
}

.like-btn.active svg {
    color: var(--main-elements-color, var(--accent-color-400))
}

.review-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-comment svg {
    width: 21px;
    height: 17px;
    margin-right: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: var(--main-elements-color, var(--accent-color-400));
    transition: .5s
}

.review-comment svg:hover {
    color: var(--white-color);
    stroke: var(--white-color);
    fill: var(--main-elements-color, var(--accent-color-400))
}

.review-comment svg:hover path {
    color: var(--white-color)
}

.review-comment__text {
    font-size: 12px;
    color: #7c8994
}

.check-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .check-review {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.check-review .captcha {
    width: 145px;
    height: 40px;
    background: #f6f6f6;
    margin-right: 15px;
    border-radius: 2px
}

@media(max-width: 767px) {
    .check-review .captcha {
        width: calc(50% - 10px)
    }
}

@media(max-width: 767px) {
    .check-review .form-group {
        width: calc(50% - 10px)
    }
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.price-chart__head {
    margin-bottom: 15px
}

.price-chart__select {
    width: 225px
}

@media(max-width: 480px) {
    .price-chart__select {
        width: 100%
    }
}

.price-chart__content {
    width: calc(100% + 80px);
    margin: 0 -40px
}

@media(max-width: 767px) {
    .price-chart__content {
        width: 100%;
        margin: 0
    }
}

.invoice-bg {
    background: var(--white-color)
}

.invoice {
    width: 700px;
    margin: 0 auto;
    padding: 40px 0
}

.invoice__head {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.invoice__logo {
    margin-top: -7px
}

.invoice__head-content {
    width: 500px
}

.invoice__head-content table {
    width: 100%;
    border-collapse: collapse
}

.invoice__head-content table tr:first-child td {
    border-bottom: 1px solid #000;
    padding-top: 0
}

.invoice__head-content table td {
    font-size: 8px;
    font-weight: 400;
    padding: 7px 0
}

.invoice__head-content table td span {
    font-weight: 600
}

.invoice__head-top {
    border-bottom: 1px solid #000
}

.invoice__content h2 {
    font-style: normal
}

.invoice__contacts {
    margin-bottom: 10px
}

.invoice__contacts table {
    width: 100%;
    border-collapse: collapse
}

.invoice__contacts td {
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 11px
}

.invoice__contacts span {
    font-weight: bold;
    display: block
}

.invoice__text-top {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 10px;
    padding-top: 20px
}

.invoice__text-top strong {
    display: block;
    font-weight: bold
}

.invoice__text {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.invoice__text p {
    font-size: 8px;
    line-height: 10px
}

.invoice__signature {
    position: relative
}

.invoice__signature .mp {
    position: absolute;
    bottom: -20px;
    left: 192px;
    font-size: 8px;
    line-height: 9px
}

.invoice__signature table {
    width: 100%;
    border-collapse: collapse
}

.invoice__signature td {
    vertical-align: top;
    padding: 0 5px
}

.invoice__signature td:first-child {
    width: 80px;
    padding-left: 0
}

.invoice__signature td:last-child {
    padding-right: 0
}

.invoice__signature strong {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px
}

.invoice__signature .signature-item {
    font-size: 10px;
    line-height: 12px;
    height: 20px;
    border-bottom: 1px solid #000;
    line-height: 20px;
    display: block;
    margin-bottom: 3px
}

.invoice__signature .signature-item__title {
    font-size: 8px;
    line-height: 9px;
    display: block;
    text-align: center
}

.invoice .invoice__footer {
    text-align: right;
    padding-top: 130px
}

.invoice .invoice__footer p {
    font-size: 8px;
    line-height: 9px
}

.invoice-data-item {
    white-space: nowrap;
    margin-bottom: 6px
}

.invoice-data-item:last-child {
    margin-bottom: 0
}

.invoice-data-item span {
    display: inline-block;
    margin-right: 5px;
    min-width: 5px
}

.invoice-data-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.invoice-data-inline .invoice-data-item {
    margin-right: 20px
}

.invoice-data-inline .invoice-data-item:last-child {
    margin-right: 0
}

.error {
    padding: 60px 0 150px;
    background: var(--white-color)
}

@media(max-width: 767px) {
    .error {
        padding: 50px 0
    }
}

.error__head {
    margin-bottom: 80px
}

@media(max-width: 767px) {
    .error__head {
        display: none
    }
}

.error__content {
    padding-top: 20px;
    background: url("/static/images/error-img.svg") 100% 0 no-repeat;
    min-height: 260px
}

@media(max-width: 767px) {
    .error__content {
        padding-top: 85px;
        background-size: 53px 53px;
        background-position: 0 0
    }
}

.error__content p {
    font-size: 14px;
    line-height: 18px;
    max-width: 390px;
    margin-bottom: 20px
}

.error__content .btn {
    margin-top: 10px
}

.form-gorup-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media(max-width: 479px) {
    .form-gorup-inline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.form-gorup-inline .btn {
    margin-right: 30px;
    width: calc(50% - 8px);
    padding: 0
}

@media(max-width: 479px) {
    .form-gorup-inline .btn {
        width: 100%;
        margin: 0 0 15px 0
    }
}

.forgot-password {
    font-weight: bold;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.forgot-password:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.forgot-password:active {
    color: #164593
}

.form-close {
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    min-width: 120px;
    text-align: center
}

.form-close:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.form-close:active {
    color: #164593
}

.form-text {
    display: block;
    font-size: 12px;
    color: #767676;
    line-height: 120%
}

.form-text a {
    color: #d74853
}

.form-captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 19px
}

@media(max-width: 479px) {
    .form-captcha {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.form-captcha .captcha {
    width: calc(50% - 8px);
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 1.59906px 3.99765px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1.59906px 3.99765px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    height: 40px
}

@media(max-width: 479px) {
    .form-captcha .captcha {
        width: 100%;
        margin: 0 0 15px 0
    }
}

.form-captcha .form-group {
    width: calc(50% - 8px);
    margin-bottom: 0
}

@media(max-width: 479px) {
    .form-captcha .form-group {
        width: 100%
    }
}

.checkbox {
    position: relative;
    padding-left: 25px;
    display: block
}

.checkbox span {
    font-size: 11px;
    color: #a9b1b9;
    padding-left: 5px
}

.checkbox [type=checkbox]:not(:checked),
.checkbox [type=checkbox]:checked {
    position: absolute;
    left: -9999px
}

.checkbox [type=checkbox]:not(:checked)+label,
.checkbox [type=checkbox]:checked+label {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    display: block
}

.checkbox [type=checkbox]:not(:checked)+label:hover,
.checkbox [type=checkbox]:checked+label:hover {
    color: #000
}

.checkbox [type=checkbox]:not(:checked)+label:before,
.checkbox [type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    background: var(--white-color)
}

.checkbox [type=checkbox]:not(:checked)+label:after,
.checkbox [type=checkbox]:checked+label:after {
    content: "";
    position: absolute;
    top: 0px;
    left: -25px;
    width: 16px;
    height: 16px;
    background: var(--main-elements-color, var(--accent-color-400)) url("/static/images/checkbox-check.svg") 50% 50% no-repeat;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.checkbox [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.checkbox [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.checkbox [type=checkbox]:disabled:not(:checked)+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.checkbox [type=checkbox]:disabled:checked+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.checkbox [type=checkbox]:disabled:checked+label:after {
    color: #999
}

.checkbox [type=checkbox]:disabled+label {
    color: #aaa
}

.delivery-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .delivery-container {
        width: calc(100% + 30px);
        margin: 0 -15px
    }
}

.delivery-content {
    width: calc(100% - 300px)
}

@media(max-width: 992px) {
    .delivery-content {
        width: calc(100% - 250px)
    }
}

@media(max-width: 767px) {
    .delivery-content {
        width: 100%
    }
}

.delivery-block {
    padding: 25px 80px;
    margin-bottom: 15px;
    background: var(--white-color)
}

.delivery-block .delivery-block {
    padding: 0 !important
}

@media(max-width: 991px) {
    .delivery-block {
        padding: 25px 15px
    }
}

@media(max-width: 767px) {
    .delivery-block {
        margin-bottom: 0
    }
}

.delivery-block--order-succes {
    background: var(--white-color)
}

.delivery-steps {
    width: 200px
}

@media(max-width: 767px) {
    .delivery-steps {
        display: none
    }
}

.delivery-contacts-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery-contacts-data .form-group {
    width: calc(50% - 10px);
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .delivery-contacts-data .form-group {
        width: 100%
    }
}

.delivery-contacts-data .form-group:last-child {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .delivery-contacts-data .form-group:nth-last-child(2) {
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    .order-succes-check {
        padding-top: 65px;
        background: url("/static/images/check-green.svg") 0 0 no-repeat
    }
}

@media(max-width: 767px) {
    .delivery-page {
        padding-top: 20px
    }
}

@media(max-width: 767px) {

    .delivery-page h1,
    .delivery-page .h1 {
        font-size: 30px !important;
        line-height: 36px;
        padding-right: 20px
    }
}

.delivery-choice {
    padding: 0 0px 40px 0px;
    width: 100%;
    max-width: 680px;
    margin: 0 auto
}

.delivery-choice .form-group {
    width: 100%
}

@media(max-width: 767px) {
    .delivery-choice .form-group {
        width: 100%;
        max-width: 100%
    }
}

.delivery-choice--wide {
    width: calc(100% + 160px);
    margin: 0 -80px 40px -80px;
    max-width: calc(100% + 160px);
    padding: 0;
    border-top: 1px solid #e5e5ea
}

@media(max-width: 991px) {
    .delivery-choice--wide {
        width: calc(100% + 30px);
        margin: 0 -15px 40px -15px;
        max-width: calc(100% + 30px)
    }
}

.delivery-choice--wide .form-group {
    width: 100%
}

.delivery-choice__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .delivery-choice__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery-choice__map {
    min-height: 250px;
    width: 50%
}

@media(max-width: 767px) {
    .delivery-choice__map {
        width: 100%;
        height: 260px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.delivery-choice__map img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.delivery-choice__content {
    padding: 20px 0px;
    width: 50%
}

@media(max-width: 991px) {
    .delivery-choice__content {
        padding: 20px 15px
    }
}

@media(max-width: 767px) {
    .delivery-choice__content {
        width: 100% !important
    }
}

.delivery-choice__content .content-title {
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .delivery-choice__content .content-title {
        margin-bottom: 20px
    }
}

.delivery-choice__content .radio {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .delivery-choice__content .radio {
        width: 100%
    }
}

.delivery-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 20px
}

.delivery-cart--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width: 767px) {
    .delivery-cart--left {
        padding: 0px !important
    }
}

@media(max-width: 767px) {
    .delivery-cart {
        padding: 0 15px
    }
}

.delivery-total {
    max-width: 300px;
    width: 100%;
    padding: 10px 0px 0 0px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .delivery-total {
        max-width: 100%;
        margin-bottom: 0
    }
}

.delivery-total ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.delivery-total__sm {
    font-size: 14px;
    line-height: 16px
}

.delivery-total__lg {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    padding-top: 4px
}

.step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
    color: #333;
    font-weight: bold
}

.step-item a {
    color: #000
}

.step-item__number {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #d3d7db;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #767676;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    border: 1px solid #d3d7db;
    font-weight: bold
}

.step-item.current {
    font-weight: bold
}

.step-item.current .step-item__number {
    background-color: var(--white-color);
    color: #333;
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.step-item.done .step-item__number {
    border-color: var(--main-elements-color, var(--accent-color-400));
    text-indent: -9999px;
    background: var(--main-elements-color, var(--accent-color-400)) url("/static/images/step-done.svg") 50% 50% no-repeat
}

.order-succes {
    position: relative
}

.order-number {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    font-family: "Golos";
    color: #000;
    margin-bottom: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.order-number .icon {
    margin-right: 15px;
    height: 22px
}

@media(max-width: 991px) {
    .order-number .icon {
        display: none
    }
}

@media(max-width: 991px) {
    .order-number {
        margin-left: 0
    }
}

.order-succes-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .order-succes-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.order-succes-row .order-succes-col {
    width: 50%
}

@media(max-width: 767px) {
    .order-succes-row .order-succes-col {
        width: 100%
    }
}

.order-succes-item {
    margin-bottom: 20px;
    max-width: 300px
}

@media(max-width: 767px) {
    .order-succes-item {
        max-width: 100%
    }
}

.order-succes-item .btn-border {
    margin-top: 10px
}

.order-succes-item__title {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    display: block
}

.order-succes-item p {
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.order-succes-item a {
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.order-succes-item a:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.order-succes-item a:active {
    color: #164593
}

.order-succes-total {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000;
    margin-bottom: 30px
}

.order-succes-total span {
    margin-right: 40px
}

.shopping-cart {
    margin-bottom: 15px;
    background: var(--white-color)
}

@media(max-width: 767px) {
    .shopping-cart {
        margin-bottom: 0
    }
}

.shopping-cart-item {
    padding: 15px 20px;
    border-bottom: 1px solid #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .shopping-cart-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.shopping-cart-item__delete {
    margin-right: 30px
}

@media(max-width: 767px) {
    .shopping-cart-item__delete {
        width: 20px;
        margin-right: 0
    }
}

.shopping-cart-item__delete a {
    cursor: pointer
}

.shopping-cart-item__delete svg {
    width: 18px;
    height: 18px;
    color: #d3d7db;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.shopping-cart-item__delete svg:hover {
    color: var(--main-elements-color, var(--accent-color-400))
}

.shopping-cart-item__name {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 1280px) {
    .shopping-cart-item__delete {
        margin-right: 20px
    }

    .shopping-cart-item__name {
        width: 20%
    }
}

@media(max-width: 767px) {
    .shopping-cart-item__name {
        max-width: 100%;
        width: calc(100% - 120px);
        margin-bottom: 15px;
        margin-left: auto
    }
}

.shopping-cart-item__numbers {
    min-width: 116px
}

.shopping-cart-item__name span {
    font-size: 9px;
    line-height: 20px;
    display: block;
    color: #7c8994
}

.shopping-cart-item__cost {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: right;
    margin-left: auto;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 767px) {
    .shopping-cart-item__cost {
        text-align: left;
        margin-right: 0;
        margin-left: 0
    }
}

.shopping-cart-item__numbers .input-number {
    padding: 0 5px
}

.shopping-cart-item__total-cost {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 767px) {
    .shopping-cart-item .input-number {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.shopping-cart-item__img {
    margin-right: 10px
}

.shopping-cart-item__img img {
    aspect-ratio: 1/1;
    max-width: 70px;
    width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain
}

@media(max-width: 992px) {
    .shopping-cart-item__delete {
        margin-right: 10px
    }
}

.shopping-cart-list {
    margin-bottom: 25px
}

.account-radio {
    padding: 0 15px 0px 15px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 680px;
    margin: 0 auto 20px
}

.delivery-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery-selection .radio {
    width: calc(50% - 10px);
    margin-bottom: 20px
}

@media(max-width: 479px) {
    .delivery-selection .radio {
        width: 100%;
        margin-bottom: 15px
    }

    .delivery-selection .radio br {
        display: none
    }
}

.radio {
    position: relative;
    display: block;
    width: 100%;
    border: 2px solid transparent;
    height: auto
}

.radio label {
    background: #f3f6fb;
    border: solid 2px transparent;
    border-radius: 2px;
    transition: all .2s
}

.radio [type=radio]:checked+label {
    background: var(--white-color);
    border-color: var(--accent-color-400)
}

.radio.active {
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.radio [type=radio]:checked+label+.radio-content {
    background: var(--white-color);
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.radio [type=radio]:not(:checked),
.radio [type=radio]:checked {
    position: absolute;
    left: -9999px
}

.radio [type=radio]:not(:checked)+label,
.radio [type=radio]:checked+label {
    cursor: pointer;
    font-size: 11px;
    line-height: 15px;
    padding: 15px 15px 15px 55px;
    color: #7c8994;
    display: block;
    width: 100%
}

.radio [type=radio]:not(:checked)+label span,
.radio [type=radio]:checked+label span {
    display: block;
    font-size: 16px;
    line-height: 21px;
    color: #333;
    margin-bottom: 5px
}

@media(max-width: 991px) {

    .radio [type=radio]:not(:checked)+label span,
    .radio [type=radio]:checked+label span {
        font-size: 14px
    }
}

.radio [type=radio]:not(:checked)+label:before,
.radio [type=radio]:checked+label:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url("/static/images/radio.svg")
}

.radio [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.radio [type=radio]:checked+label:before {
    background: url("/static/images/radio-active.svg")
}

.radio [type=radio]:disabled:not(:checked)+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.radio [type=radio]:disabled:checked+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.radio [type=radio]:disabled:checked+label:after {
    color: #999
}

.radio [type=radio]:disabled+label {
    color: #aaa
}

.delivery-text {
    font-size: 12px;
    line-height: 15px;
    color: #7c8994;
    width: 100%;
    max-width: 370px;
    padding-top: 20px
}

@media(max-width: 767px) {
    .calculate-page {
        padding-top: 25px
    }
}

.calculate-delivery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .calculate-delivery {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0px
    }
}

.calculate-delivery__form {
    width: 380px
}

@media(max-width: 767px) {
    .calculate-delivery__form {
        width: 100%
    }
}

.calculate-delivery__map {
    width: calc(100% - 600px);
    height: 400px
}

@media(max-width: 991px) {
    .calculate-delivery__map {
        width: calc(100% - 410px)
    }
}

@media(max-width: 767px) {
    .calculate-delivery__map {
        width: calc(100% + 30px);
        margin: 0 -15px 25px -15px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        height: 200px
    }
}

.calculate-delivery__map img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.calculate-delivery .form-group {
    margin-bottom: 24px
}

.calculate-delivery__form-delivery {
    padding-top: 0px
}

.calculate-delivery__form-delivery .btn {
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .content-block {
        padding-top: 25px
    }
}

.form-delivery-distance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    color: #000;
    margin-bottom: 11px
}

.form-delivery-cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-delivery-cost span {
    background: #e7eef6;
    border-radius: 8px;
    padding: 3px 20px
}

.affiliate-network__head {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .affiliate-network__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.affiliate-network__title {
    font-weight: bold;
    font-size: 24px;
    color: #000
}

@media(max-width: 767px) {
    .affiliate-network__title {
        font-size: 18px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 30px
    }
}

.affiliate-network .form-group {
    max-width: 280px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .affiliate-network .map {
        height: 300px;
        margin-bottom: 25px
    }
}

.select-mobile {
    display: none
}

@media(max-width: 767px) {
    .select-mobile {
        display: block
    }
}

.partners {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .partners {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.partner-item {
    width: calc(25% - 12.5px);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #d9d9de
}

@media(max-width: 991px) {
    .partner-item {
        width: calc(50% - 7.5px);
        margin-right: 0
    }
}

@media(max-width: 767px) {
    .partner-item {
        width: 100%
    }
}

.partner-item:nth-child(4n+4) {
    margin-right: 0
}

@media(max-width: 479px) {
    .partner-item {
        width: 100%;
        margin-right: 0
    }
}

.partner-item__bg {
    position: relative;
    height: 120px;
    background: #f5f5f5
}

@media(max-width: 767px) {
    .partner-item__bg {
        height: auto;
        background: var(--white-color)
    }
}

.partner-item__name {
    padding: 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    display: block;
    color: #333
}

.partner-item__content {
    background: var(--white-color);
    padding: 15px
}

.partner-item__line {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #333;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 991px) {
    .partner-item__line {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.partner-item__line:last-child {
    margin-bottom: 0
}

.partner-item .icon {
    width: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    min-width: 20px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media(max-width: 991px) {
    .partner-item .icon {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-left: 0;
        margin-right: 20px
    }
}

.partner-item a {
    color: var(--main-elements-color, var(--accent-color-400))
}

.partner-item a:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.partner-item a:active {
    color: #164593
}

.contacts-section {
    margin-bottom: 30px
}

.contacts-block {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    border: 1px solid #d9d9de;
    border-radius: 2px
}

@media(max-width: 767px) {
    .contacts-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.contacts-block__info {
    width: 55%;
    padding: 30px 40px 20px 80px;
    background: var(--white-color)
}

@media(max-width: 991px) {
    .contacts-block__info {
        padding-left: 40px
    }
}

@media(max-width: 767px) {
    .contacts-block__info {
        padding: 25px 15px;
        width: 100%
    }
}

.contacts-block__map {
    width: 45%
}

@media(max-width: 767px) {
    .contacts-block__map {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        height: 200px
    }
}

.contacts-block__map img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.contacts-block__title {
    display: block;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #333;
    margin-bottom: 24px
}

.contacts-block__title-red {
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 24px
}

.contacts-list {
    margin-bottom: 32px
}

.contacts-list:last-child {
    margin-bottom: 0
}

.contact-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    margin-bottom: 12px
}

.contact-line:last-child {
    margin-bottom: 0
}

.contact-line .icon {
    width: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    min-width: 20px;
    margin-left: 2px
}

.contact-line a {
    color: var(--main-elements-color, var(--accent-color-400))
}

.contact-line a:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.contact-line a:active {
    color: #164593
}

.catalog-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    position: relative
}

@media(max-width: 767px) {
    .catalog-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.filter-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 50px;
    background: #000 url("/static/images/filter-btn.svg") 50% 50% no-repeat;
    background-size: 20px 16px;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    cursor: pointer;
    display: none
}

@media(max-width: 767px) {
    .filter-btn {
        display: block
    }
}

.btn-download .icon {
    margin-right: 10px
}

.sort-select {
    display: none;
    min-width: 185px
}

@media(max-width: 767px) {
    .sort-select {
        display: block;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.catalog-sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .catalog-sorting {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.catalog-sorting__title {
    font-size: 14px;
    color: #767676;
    opacity: .75;
    margin-right: 20px
}

@media(max-width: 767px) {
    .catalog-sorting__title {
        margin: 0 0 10px 0
    }
}

.catalog-sorting ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .catalog-sorting ul {
        display: none
    }

    .catalog-right .price-download {
        margin: 0 0 10px -5px
    }
}

.catalog-sorting ul li {
    margin-right: 35px
}

.catalog-sorting ul li a {
    font-size: 14px;
    line-height: 14px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.catalog-sorting ul li a,
.catalog-right .price-download {
    color: var(--product-list-header-link-color, var(--accent-color-400))
}

.catalog-sorting ul li a:hover,
.catalog-right .price-download:hover {
    color: var(--product-list-header-link-hover-color, #1c52ac)
}

.catalog-sorting ul li a:active {
    color: var(--product-list-header-link-hover-color, #164593)
}

.filter-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: var(--main-elements-color, var(--accent-color-400)) url("/static/images/filter-btn.svg") 50% 50% no-repeat;
    background-size: 20px 16px;
    border-radius: 2px;
    cursor: pointer;
    display: none
}

@media(max-width: 767px) {
    .filter-btn {
        display: block
    }
}

.custom__accordion {
    list-style: none;
    padding: 0;
    background-color: var(--white-color);
    width: 100%;
    border: 1px solid #d9d9de;
    border-top: none;
    border-bottom: none;
    margin-bottom: 20px
}

.custom__accordion .inner {
    overflow: hidden;
    display: none
}

.custom__accordion .inner .inner {
    padding-left: 50px;
    padding-right: 10px
}

.custom__accordion .last_inner {
    padding-left: 20px;
    padding-right: 6px
}

.custom__accordion .acc__toggle.not_toggle:hover {
    color: var(--accent-color-400)
}

.custom__accordion p {
    font-family: "Golos";
    font-size: 14px;
    line-height: 15px;
    color: #333;
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: 0
}

.custom__accordion p a {
    color: #333
}

.custom__accordion p a:hover {
    color: var(--accent-color-400)
}

.custom__accordion .acc__toggle:not(.acc__toggle-inner) {
    width: 100%;
    display: block;
    background: none;
    color: #000;
    padding: 14px 35px 14px 20px;
    border: 1px solid #d9d9de;
    border-left: none;
    position: relative;
    border-right: none;
    margin-bottom: -1px
}

.custom__accordion .acc__toggle:not(.acc__toggle-inner, .not_toggle):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    width: 7px;
    height: 7px;
    border: solid 2px #000;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    transition: .2s
}

.custom__accordion .acc__toggle.active:not(.acc__toggle-inner):before {
    transform: rotate(135deg)
}

.custom__accordion .acc__toggle-inner {
    font-family: "Golos";
    font-size: 14px;
    line-height: 18px;
    color: #333;
    padding-left: 35px;
    padding-right: 6px;
    position: relative;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block
}

.custom__accordion.v-arrow .acc__toggle-inner:not(.not_toggle)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 18px;
    width: 7px;
    height: 7px;
    border: solid 2px #000;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    transition: .2s
}

.custom__accordion.v-arrow .acc__toggle-inner.active::after {
    transform: rotate(135deg)
}

.custom__accordion.v-underline .acc__toggle-inner:not(.not_toggle):before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    width: 85%;
    margin: auto;
    height: 1px;
    background-color: #d9d9de
}

.custom__accordion .acc__toggle.active {
    font-weight: 700
}

.custom__accordion .inner li:last-child .acc__toggle-inner:before {
    display: none
}

.sorting-btn {
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: var(--main-elements-color, var(--accent-color-400)) url("/static/images/sort-icon.svg") 50% 50% no-repeat;
    background-size: 20px 16px;
    border-radius: 2px;
    cursor: pointer;
    display: none
}

@media(max-width: 767px) {
    .sorting-btn {
        display: block
    }
}

.icon-sort-price {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.icon-sort-price span {
    display: inline-block;
    position: relative;
    width: 9px;
    height: 2px;
    color: var(--product-list-header-link-color, var(--accent-color-400));
    top: -4px
}

.icon-sort-price span:before {
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    width: 12px;
    height: 2px
}

.icon-sort-price span:after {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 6px;
    height: 2px
}

.icon-sort-price span,
.icon-sort-price span:before,
.icon-sort-price span:after {
    background-color: var(--product-list-header-link-color, var(--accent-color-400))
}

.catalog-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .catalog-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media(max-width: 767px) {
    .catalog-right .btn-border {
        width: 170px
    }
}

.catalog-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width: 767px) {
    .catalog-left {
        display: none;
        width: 100%;
        position: fixed;
        background: #f5f5f5;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 99;
        padding: 75px 15px 15px 15px
    }
}

.catalog-left .btn {
    margin-bottom: 10px
}

.mobile-menu-head {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    background: var(--white-color)
}

@media(max-width: 767px) {
    .mobile-menu-head {
        display: block
    }
}

.mobile-menu-head__title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 60px
}

.close-btn,
.close-btn-2,
.close-btn-3 {
    position: absolute;
    right: 15px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background: url("/static/images/close-btn.svg")
}

.sort-select-item {
    width: 220px;
    margin-right: 20px
}

@media(max-width: 1100px) {
    .sort-select-item {
        width: 130px;
        margin-right: 10px
    }
}

@media(max-width: 767px) {
    .sort-select-item {
        width: 100%;
        margin: 0 0 15px 0
    }
}

.sort-select-item:last-child {
    margin-right: 0
}

.sort-select-item__title {
    display: block;
    font-size: 14px;
    color: #767676;
    opacity: .75;
    margin-bottom: 5px
}

@media(max-width: 767px) {
    .sort-select-item__title {
        display: none
    }
}

.catalog-block {
    margin-bottom: 30px
}

.catalog-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.catalog-container:last-child {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .catalog-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.catalog-container .catalog-filter {
    position: relative;
    width: 225px
}

@media(max-width: 767px) {
    .catalog-container .catalog-filter {
        display: none
    }
}

.catalog-container .catalog-filter .product-item--banner {
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .catalog-container .catalog-filter .product-item--banner {
        display: none
    }
}

@media(max-width: 767px) {
    .catalog-container .catalog-filter {
        width: 100%
    }
}

.catalog-container .catalog-body {
    width: calc(100% - 245px)
}

@media(max-width: 767px) {
    .catalog-container .catalog-body {
        width: 100%
    }
}

.catalog-container .catalog-body--wide {
    width: 100%
}

.catalog-container .catalog-body--wide .catalog-content .product-item {
    width: calc(20% - 15px)
}

.catalog-container .catalog-body--wide .catalog-content .product-item:nth-child(4n+4) {
    margin-right: 15px
}

.catalog-container .catalog-body--wide .catalog-content .product-item:nth-child(5n+5) {
    margin-right: 0
}

.catalog-container .catalog-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .catalog-container .catalog-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width: 767px) {
    .catalog-container .catalog-content {
        width: calc(100% + 30px);
        margin: 0 -15px 15px -15px
    }
}

.catalog-container .catalog-content .product-item {
    width: calc(25% - 15px);
    margin-bottom: 20px;
    margin-right: 20px
}

.catalog-container .catalog-content .product-item:nth-child(4n+4) {
    margin-right: 0px
}

@media(max-width: 1280px) {
    .catalog-container .catalog-content .product-item {
        width: calc(33.3333333333% - 10px) !important;
        margin-right: 15px
    }

    .catalog-container .catalog-content .product-item:nth-child(3n+3) {
        margin-right: 0
    }

    .catalog-container .catalog-content .product-item:nth-child(4n+4) {
        margin-right: 15px
    }
}

@media(max-width: 991px) {
    .catalog-container .catalog-content .product-item {
        width: calc(50% - 10px) !important;
        margin-right: 0 !important
    }
}

@media(max-width: 767px) {
    .catalog-container .catalog-content .product-item {
        width: 100% !important;
        margin-bottom: 0px;
        margin-right: 0 !important;
        display: none
    }
}

.catalog-container .catalog-content .product-item--wide {
    width: 100% !important;
    margin-right: 0 !important
}

@media(max-width: 991px) {
    .catalog-container .catalog-content .product-item--wide {
        width: 100% !important
    }
}

.catalog-container .catalog-content .product-item--line {
    width: 100% !important;
    margin-right: 0 !important
}

@media(max-width: 991px) {
    .catalog-container .catalog-content .product-item--line {
        width: 100% !important
    }
}

@media(max-width: 767px) {
    .catalog-container .catalog-content--search-results .product-item {
        display: none
    }
}

@media(max-width: 767px) {
    .catalog-filter {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        background: #f5f5f5;
        padding: 75px 15px 15px 15px;
        z-index: 999
    }
}

.catalog-filter .catalog-filter-body {
    padding: 20px 0px;
    margin-bottom: 30px;
    background: var(--white-color);
    border: 1px solid #d9d9de;
    -webkit-box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    border-radius: 2px;
    position: relative
}

@media(max-width: 767px) {
    .catalog-filter .catalog-filter-body {
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        background: #f5f5f5
    }
}

.catalog-filter__bottom {
    border-top: 1px solid #f2f2f2;
    margin-top: -5px;
    position: relative;
    padding: 20px
}

.catalog-filter__title {
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    padding: 0 20px
}

.catalog-filter__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .catalog-filter__btns {
        margin-bottom: 10px;
        padding: 0 15px
    }
}

.catalog-filter__btns .btn {
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .catalog-filter__btns .btn {
        margin-bottom: 10px
    }
}

.filter-show-all {
    position: absolute;
    left: 198px;
    top: -12px;
    width: 140px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--main-elements-color, var(--accent-color-400));
    z-index: 101;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2.4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2.4px 8px rgba(0, 0, 0, 0.3)
}

@media(max-width: 767px) {
    .filter-show-all {
        display: none !important
    }
}

.filter-show-all:before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    top: calc(50% - 13px);
    left: -2px;
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px
}

.filter-show-all a {
    font-weight: bold;
    font-size: 14px;
    color: var(--white-color)
}

.catalog-filter-accordion {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    position: relative;
    z-index: 9
}

.catalog-filter-accordion li {
    width: 100%;
    position: relative;
    padding-bottom: 10px
}

.catalog-filter-accordion .opener {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 13px;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    padding-left: 20px;
    padding-bottom: 3px;
    cursor: pointer
}

.catalog-filter-accordion .opener:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f3f6fb url("/static/images/filter-arrow.svg") 50% 45% no-repeat;
    position: absolute;
    border: 1px solid var(--accent-color-300);
    right: 15px;
    top: 2px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.catalog-filter-accordion .active .opener:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.catalog-filter-accordion .active .submenu {
    display: block
}

.catalog-filter-accordion .submenu {
    display: none;
    list-style: none;
    width: 100%
}

.catalog-filter-accordion .submenu li {
    margin: 0
}

.catalog-filter-accordion .submenu li:first-child {
    padding-top: 3px
}

.cscrlb-scrollable {
    overflow-y: scroll;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cscrlb-scrollable.horizontal {
    overflow-x: scroll;
    overflow-y: hidden
}

.cscrlb-scrollable .cscrlb-scroll-content {
    overflow: hidden;
    overflow-y: scroll;
    width: 100% !important
}

.cscrlb-scrollable .cscrlb-scroll-content::-webkit-scrollbar {
    width: 0;
    height: 0
}

.cscrlb-scrollable .cscrlb-scrollbar {
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 6px;
    background: #f2f2f2
}

.cscrlb-scrollable .cscrlb-scrollbar .drag-handle {
    position: absolute;
    right: 0;
    min-height: 10px;
    width: 6px;
    background: #a9b1b9;
    border-radius: 16px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding
}

.cscrlb-scrollable--main-color .cscrlb-scrollbar {
    background: #e0e0e0
}

.cscrlb-scrollable--main-color .cscrlb-scrollbar .drag-handle {
    background: var(--main-elements-color, var(--accent-color-400))
}

.scrollbar-width-tester::-webkit-scrollbar {
    width: 0;
    height: 0
}

.cscrlb-scroll-content {
    height: 120px !important
}

.cscrlb-scrollable.horizontal .cscrlb-scroll-content {
    overflow-x: scroll;
    overflow-y: hidden
}

.cscrlb-scrollable.horizontal .cscrlb-scroll-content::-webkit-scrollbar,
.cscrlb-scrollable.horizontal .cscrlb-scroll-content::scrollbar {
    width: auto;
    height: auto
}

.cscrlb-scrollable.horizontal .cscrlb-scrollbar {
    top: auto;
    left: 0;
    width: auto;
    height: 11px
}

.cscrlb-scrollable.horizontal .cscrlb-scrollbar .drag-handle {
    right: auto;
    top: 2px;
    height: 10px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

.price-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    bottom: -7px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.price-download .icon {
    margin: -10px 0 0px 0
}

.product-items-header {
    display: none;
    background: #d3d7db;
    width: 100%;
    padding: 0 7px
}

.product-items-header.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-items-header span {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    padding: 8px 7px;
    white-space: nowrap;
    text-align: center
}

.product-items-header span:nth-child(1) {
    width: 8%;
    text-align: left
}

.product-items-header span:nth-child(2) {
    width: 30%;
    text-align: left
}

.product-items-header span:nth-child(3) {
    width: 13%;
    padding-right: 20px
}

.product-items-header span:nth-child(4) {
    width: 11%
}

.product-items-header span:nth-child(5) {
    width: 12%
}

.product-items-header span:nth-child(6) {
    width: 16%;
    text-align: center
}

.product-items-header span:nth-child(7) {
    width: 10%;
    text-align: center;
    padding-right: 14px
}

.view-sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 50px
}

@media(max-width: 767px) {
    .view-sorting {
        display: none
    }
}

.view-sorting__title {
    font-size: 12px;
    color: #333
}

.view-sorting {
    margin-left: 30px
}

@media(max-width: 767px) {
    .view-sorting {
        display: none
    }
}

.view-sorting__title {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #767676;
    opacity: .75
}

.view-sorting__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.view-sort-item {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 2px;
    border: 1px solid var(--accent-color-300);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: var(--white-color);
    cursor: pointer
}

.view-sort-item:first-child {
    margin-left: 0
}

.view-sort-item .icon-svg {
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.view-sort-item--1 .icon-svg {
    width: 15px;
    height: 15px
}

.view-sort-item--2 .icon-svg {
    width: 14px;
    height: 15px
}

@media(max-width: 1210px) {
    .view-sort-item--3 {
        display: none
    }
}

.view-sort-item--3 .icon-svg {
    width: 13px;
    height: 11px
}

.view-sort-item.current,
.view-sort-item:hover {
    background: var(--main-elements-color, var(--accent-color-400));
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.view-sort-item.current .icon-svg,
.view-sort-item:hover .icon-svg {
    color: var(--white-color)
}

.recaptcha-terms {
    font-size: 12px
}

.header-search-results {
    height: 400px;
    max-height: 400px;
    overflow-x: auto;
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    background: var(--white-color);
    z-index: 99;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
}

.header-search-results[data-search-results-active] {
    display: block !important
}

.search-result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: var(--white-color);
    border-bottom: 1px solid #d3d7db;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 20px
}

.search-result-item:hover {
    background-color: #f6f6f6
}

.search-result-item:last-child {
    border-bottom: 0
}

.search-result-item__group-product {
    padding: 2px 7px;
    background: #767676;
    border-radius: 2px;
    font-size: 12px;
    color: var(--white-color);
    margin-left: 5px;
    display: inline-block
}

.search-result-item__article {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #a7a7a7;
    display: block;
    margin-bottom: 10px
}

.search-result-item__product {
    padding: 2px 7px;
    background: #e5e5ea;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
    margin-left: 5px;
    display: inline-block
}

.search-result-item__name {
    font-size: 14px;
    line-height: 20px;
    color: var(--main-elements-color, var(--accent-color-400));
    display: block;
    margin-bottom: 3px
}

.search-result-item__cost {
    font-size: 18px;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    font-weight: bold
}

.filter-item {
    position: relative
}

.filter-item .form-group {
    margin-bottom: 12px
}

.filter-item__content {
    position: relative;
    padding-left: 20px
}

.noUi-horizontal {
    width: 100%
}

.noUi-horizontal {
    height: 1px
}

.noUi-target {
    background: #afa598;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-connect {
    top: -1px;
    background: #3b352d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    right: -10px;
    top: -7px
}

.noUi-handle {
    border: none;
    border-radius: 50%;
    cursor: pointer;
    border: var(--main-elements-color, var(--accent-color-400));
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-handle:after,
.noUi-handle:before {
    display: none
}

.noUi-marker,
.noUi-marker-horizontal.noUi-marker {
    width: 1px;
    height: 5px;
    background: #bab2a8
}

.noUi-horizontal {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.input-cont {
    width: 64px;
    height: 32px;
    position: relative;
    margin: 0 !important
}

.input-cont .input-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white-color);
    border: .8px solid #c4c4c4;
    border-radius: 2px;
    font-size: 11px;
    color: #000;
    line-height: 30px;
    z-index: 1
}

.input-cont .range-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 11px;
    color: #000;
    z-index: 2;
    text-align: center
}

.input-cont .range-input:focus {
    outline: none
}

.noUi-horizontal {
    height: 6px
}

.noUi-target {
    background: #e0e0e0;
    border-radius: 3px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-connect {
    top: -1px;
    background: var(--main-elements-color, var(--accent-color-400));
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-marker,
.noUi-marker-horizontal.noUi-marker {
    width: 1px;
    height: 5px;
    background: #bab2a8
}

.noUi-value {
    font-family: "Roboto Slab";
    font-size: 12px;
    color: #7a7266
}

.filter-range__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px
}

.filter-range__head span {
    font-size: 11px;
    color: #7c8994
}

.filter-range__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clients-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 9
}

.client-item {
    position: relative;
    display: block;
    width: calc(25% - 12.5px);
    height: 130px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: var(--staticpage-box-fill-color, #f3f6fb);
    border: 1px solid var(--staticpage-box-border-color, var(--accent-color-300));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    background-repeat: no-repeat;
    background-position: 100% 0
}

.client-item .icon {
    position: absolute;
    bottom: 15px;
    right: 20px
}

.client-item .icon .icon-svg {
    width: 12px;
    height: 20px;
    color: var(--main-elements-color, var(--accent-color-400))
}

.client-item:hover {
    background-color: var(--main-elements-color, var(--accent-color-400))
}

.client-item:hover .client-item__text {
    color: var(--white-color)
}

.client-item:hover .icon-svg {
    color: var(--white-color)
}

.client-item:nth-child(4n+4) {
    margin-right: 0
}

@media(max-width: 767px) {
    .client-item {
        width: calc(50% - 7.5px)
    }

    .client-item:nth-child(2n+2) {
        margin-right: 0
    }
}

@media(max-width: 479px) {
    .client-item {
        width: 100%;
        margin-right: 0
    }
}

.client-item__text {
    position: absolute;
    bottom: 15px;
    left: 22px;
    font-size: 18px;
    line-height: 24px;
    color: var(--main-elements-color, var(--accent-color-400));
    padding-right: 40px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 991px) {
    .client-item__text {
        left: 10px;
        bottom: 10px
    }
}

.main-action {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 300px;
    margin-bottom: 15px;
    overflow: hidden
}

@media(max-width: 767px) {
    .main-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        width: calc(100% + 30px);
        margin: 0 -15px 15px -15px
    }
}

.main-action__image {
    width: 540px;
    height: 100%;
    position: relative;
    z-index: 7
}

@media(max-width: 991px) {
    .main-action__image {
        width: 400px
    }
}

@media(max-width: 767px) {
    .main-action__image {
        width: 100%;
        height: 180px
    }
}

.main-action__image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.main-action__text {
    width: calc(100% - 540px);
    height: 100%;
    background: #f5f5f5;
    padding: 35px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 9
}

@media(max-width: 991px) {
    .main-action__text {
        width: calc(100% - 400px);
        padding: 0 25px
    }
}

@media(max-width: 767px) {
    .main-action__text {
        width: 100%;
        height: auto;
        padding: 0px 15px 25px 15px
    }
}

.main-action__type {
    margin-bottom: 25px
}

@media(max-width: 767px) {
    .main-action__type {
        margin-top: -20px
    }
}

.main-action__type span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    border-radius: 20px;
    font-size: 18px;
    color: var(--white-color)
}

.main-action__type--action span {
    background: #d74853
}

.main-action__type--new span {
    background: #3ec28f
}

.main-action p {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 40px;
    color: #333
}

@media(max-width: 767px) {
    .main-action p {
        font-size: 18px;
        line-height: 26px
    }
}

.actions-content {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px
}

@media(max-width: 767px) {
    .actions-content {
        margin-bottom: 0px
    }
}

.actions-content .item {
    width: calc(33.3333333333% - 10px);
    margin-right: 15px;
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .actions-content .item {
        width: 100%;
        margin-right: 0px
    }
}

.actions-content .item:nth-child(3n+3) {
    margin-right: 0
}

.actions-content .owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px
}

.actions-content .owl-carousel .item {
    display: none;
    width: calc(33.3333333333% - 10px);
    margin-right: 15px;
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .actions-content .owl-carousel .item {
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 0px
    }
}

.actions-content .owl-carousel .item:nth-child(3n+3) {
    margin-right: 0
}

.actions-content .owl-carousel .owl-nav {
    display: none
}

.actions-content .owl-carousel .owl-dots {
    display: block
}

.actions-content .owl-carousel .owl-dots {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    text-align: center;
    display: none !important;
    margin: 20px 0 0 0 !important
}

@media(max-width: 767px) {
    .actions-content .owl-carousel .owl-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.actions-content .owl-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 6px;
    background: var(--white-color);
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px
}

@media(max-width: 767px) {
    .actions-content .owl-carousel .owl-dots .owl-dot span {
        background: #c4c4c4
    }
}

.actions-content .owl-carousel .owl-dots .owl-dot.active span,
.actions-content .owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--main-elements-color, var(--accent-color-400))
}

.articles-block {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .articles-block {
        margin-bottom: 20px
    }
}

.articles-block .item {
    width: calc(25% - 15px);
    margin-bottom: 20px
}

.articles-block .item--half {
    width: calc(50% - 10px)
}

@media(max-width: 767px) {
    .articles-block .item {
        display: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px
    }
}

.articles-block .item:nth-child(3n+3) {
    margin-right: 0
}

@media(max-width: 767px) {
    .articles-block .item:first-child {
        width: calc(100% + 30px);
        margin: 0 -15px 0px -15px
    }

    .articles-block .item:first-child .new-slide-item {
        border: 0;
        background: #f5f5f5;
        height: auto;
        margin-bottom: 35px
    }

    .articles-block .item:first-child .new-slide-item .new-slide-item__title {
        height: 40px;
        padding: 0 13px;
        min-width: 135px;
        font-size: 18px;
        top: -20px
    }

    .articles-block .item:first-child .new-slide-item .new-slide-item__content {
        padding-top: 30px !important;
        padding-bottom: 30px;
        height: auto
    }

    .articles-block .item:first-child .new-slide-item .new-slide-item__image {
        height: 180px
    }

    .articles-block .item:first-child .new-slide-item .new-slide-item__name {
        height: auto;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold
    }

    .articles-block .item:first-child .new-slide-item .btn-border {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 15px
    }
}

.catalog-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog-menu--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.catalog-menu__side {
    width: 225px
}

.advertise-mobile {
    display: none
}

@media screen and (max-width: 575px) {
    .advertise-mobile {
        display: block;
        margin: 40px 0
    }

    .advertise-mobile__container {
        display: flex;
        gap: 15px;
        flex-wrap: wrap
    }

    .advertise-mobile__block {
        display: block;
        width: calc(50% - 15px);
        height: auto;
        background: #fff;
        position: relative;
        overflow: hidden
    }

    .advertise-mobile__block img {
        display: block;
        width: 100%;
        height: 100%;
        transition: transform .15s ease-out
    }

    .advertise-mobile__block:hover img {
        transform: scale(1.05)
    }
}

@media(max-width: 767px) {
    .catalog-menu__side {
        display: none
    }
}

.catalog-menu__content {
    width: calc(100% - 240px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .catalog-menu__content {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.catalog-menu__content .catalog-menu-item {
    width: calc(33.3333333333% - 10px)
}

@media(max-width: 991px) {
    .catalog-menu {
        justify-content: space-between
    }

    .catalog-menu-item {
        width: calc(50% - 10px) !important;
        margin: 0 0 15px 0 !important
    }
}

@media(max-width: 480px) {
    .catalog-menu__content .catalog-menu-item {
        width: 100%;
        margin-right: 0
    }
}

.catalog-menu__content .catalog-menu-item:nth-child(3n+3) {
    margin-right: 0px
}

.catalog-menu__content .catalog-menu-item:nth-child(4n+4) {
    margin-right: 15px
}

@media(max-width: 767px) {
    .catalog-menu__content .catalog-menu-item:nth-child(4n+4) {
        margin-right: 0
    }
}

@media(max-width: 767px) {
    .catalog-menu--search .catalog-menu-item {
        display: none
    }
}

.catalog-menu-item {
    width: calc(20% - 12px);
    margin: 0 15px 15px 0;
    position: relative;
    height: 140px
}

.welcome .catalog-menu-item {
    width: calc(25% - 11.25px)
}

@media(max-width: 767px) {
    .catalog-menu-item {
        width: calc(50% - 7.5px)
    }
}

@media(max-width: 480px) {
    .catalog-menu-item {
        width: 100%;
        margin-right: 0
    }
}

.catalog-menu-item:nth-child(5n+5) {
    margin-right: 0
}

.welcome .catalog-menu-item:nth-child(5n+5) {
    margin-right: 15px
}

.welcome .catalog-menu-item:nth-child(4n+4) {
    margin-right: 0
}

@media(max-width: 767px) {
    .catalog-menu-item:nth-child(2n+2) {
        margin-right: 0
    }
}

.catalog-menu-item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: var(--preview-bg-color, transparent)
}

.catalog-menu-item:before {
    content: "";
    background-image: url("/static/images/catalog-arrow-white.svg");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    bottom: 25px;
    z-index: 9
}

.catalog-menu-item:hover:after {
    opacity: .8;
    background: var(--preview-bg-hover-color, var(--accent-color-400))
}

.catalog-menu-item__image {
    width: 100%;
    height: 140px
}

.catalog-menu-item__image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog-menu-item__name {
    position: absolute;
    left: 20px;
    bottom: 25px;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: var(--preview-font-color, var(--white-color));
    max-width: 140px;
    z-index: 9
}

.article-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .article-inner {
        width: calc(100% + 30px);
        margin: 0 -15px 0px -15px
    }
}

.article-inner__content {
    width: calc(100% - 240px);
    background: var(--white-color);
    padding: 40px 200px 40px 100px
}

.article-inner__content--wide {
    width: 100%
}

@media(max-width: 991px) {
    .article-inner__content {
        padding: 30px 15px
    }
}

@media(max-width: 767px) {
    .article-inner__content {
        width: 100%;
        padding: 0 15px
    }
}

.article-inner__side {
    width: 225px
}

@media(max-width: 767px) {
    .article-inner__side {
        display: none
    }
}

.article-inner__side .product-item {
    margin-bottom: 20px
}

.side-menu {
    width: 100%;
    padding: 20px 0;
    background: var(--white-color);
    border: 1px solid #d9d9de;
    -webkit-box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    box-shadow: 0px 2px 25px rgba(118, 118, 118, 0.15);
    border-radius: 2px;
    margin-bottom: 20px
}

.side-menu ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px 0 20px;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    position: relative;
    font-weight: 500;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.side-menu ul li a:before {
    content: "";
    width: 9px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: calc(50% - 7.5px);
    background: url("/static/images/side-menu-arrow.svg")
}

.side-menu ul li a:hover {
    background: #f5f5f5
}

.side-menu ul li.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.side-menu ul li.disabled a {
    color: #d9d9de
}

.modal {
    width: 100%;
    max-width: 580px;
    padding: 50px 100px;
    min-height: 400px
}

.modal--wide {
    max-width: 980px;
    padding: 50px 0px 20px 100px
}

@media(max-width: 767px) {
    .modal--wide {
        padding: 50px 15px 30px 15px
    }
}

.modal .h2 {
    margin-bottom: 35px
}

@media(max-width: 767px) {
    .modal .h2 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 25px;
        text-align: center
    }
}

@media(max-width: 767px) {
    .modal {
        padding: 50px 15px 30px 15px;
        min-height: 300px;
        background: #e5e5e5
    }
}

@media(max-width: 480px) {
    .modal {
        min-height: 100%
    }
}

.fancybox-slide--html .fancybox-close-small {
    color: var(--main-elements-color, var(--accent-color-400));
    right: 15px;
    top: 15px
}

.fancybox-close-small {
    background: var(--white-color) url("/static/images/modal-close.svg") 50% 50% no-repeat;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    color: var(--main-elements-color, var(--accent-color-400));
    opacity: .8;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small svg {
    display: none
}

.sent-successfully {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 300px
}

@media(max-width: 767px) {
    .sent-successfully {
        min-height: 200px
    }
}

@media(max-width: 480px) {
    .sent-successfully {
        height: calc(100vh - 90px)
    }
}

.sent-successfully__icon {
    margin-bottom: 20px
}

.modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 480px) {
    .modal-content {
        height: calc(100vh - 71px)
    }
}

.modal-icon {
    margin-bottom: 20px;
    display: block
}

.city-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.city-list li {
    width: 33.3333333333%;
    margin-bottom: 30px;
    font-size: 18px;
    height: 24px;
    min-width: 200px
}

@media(max-width: 767px) {
    .city-list li {
        margin-bottom: 12px;
        font-size: 16px
    }
}

.city-list a {
    color: #333;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.city-list a:hover {
    color: var(--main-elements-color, var(--accent-color-400))
}

.table-order {
    margin-bottom: 20px
}

.table-order table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px
}

.table-order ul {
    width: 200px;
    float: right
}

.table-order ul li {
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table-order th {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 8px;
    line-height: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center
}

.table-order th:first-child {
    border-left: 2px solid #000
}

.table-order th:last-child {
    border-right: 2px solid #000
}

.table-order td {
    border: 1px solid #000;
    font-size: 8px;
    line-height: 10px;
    padding: 5px;
    text-align: left
}

.table-order td:nth-child(1) {
    text-align: center
}

.table-order td:nth-child(4) {
    text-align: right
}

.table-order td:nth-child(6) {
    text-align: right
}

.table-order td:nth-child(7) {
    text-align: right
}

.product-item-comparison {
    width: 100%;
    margin-bottom: 15px;
    background: var(--white-color);
    position: relative
}

@media(max-width: 767px) {
    .product-item-comparison .shopping-cart-btn {
        width: 100%
    }
}

@media(max-width: 767px) {
    .product-item-comparison {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-item-comparison__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 340px
}

@media(max-width: 767px) {
    .product-item-comparison__link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.product-item-comparison__img-text {
    position: absolute;
    right: 15px;
    top: 0;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
    z-index: 9;
    text-transform: none;
    font-style: italic;
    font-family: "Golos"
}

.product-item-comparison__img-text--white {
    color: rgba(255, 255, 255, 0.6) !important
}

@media(max-width: 767px) {
    .product-item-comparison__img-text {
        right: auto;
        left: 5px;
        top: auto;
        bottom: 10px
    }
}

.product-item-comparison__image {
    position: relative;
    height: 170px;
    display: block
}

@media(max-width: 767px) {
    .product-item-comparison__image {
        height: 100px;
        width: 100%;
        overflow: hidden
    }
}

.product-item-comparison__image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.product-item-comparison__content-top {
    position: relative;
    padding: 15px 16px 0px 16px;
    background: var(--white-color);
    display: block;
    height: calc(100% - 170px)
}

@media(max-width: 767px) {
    .product-item-comparison__content-top {
        height: calc(100% - 145px);
        padding: 15px 0 0 0
    }
}

.product-item-comparison__content-bottom {
    position: relative;
    padding: 0px 16px 10px 16px;
    background: var(--white-color);
    display: block
}

@media(max-width: 767px) {
    .product-item-comparison__content-bottom {
        padding: 0
    }
}

.product-item-comparison__flag-content {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-item-comparison__flag {
    font-family: "Golos";
    z-index: 9;
    font-weight: 500;
    font-style: italic;
    font-size: 10px;
    line-height: 150%;
    color: var(--white-color);
    height: 19px;
    padding: 0 15px 0 10px;
    min-width: 51px;
    line-height: 19px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.product-item-comparison__flag--hit {
    background-color: #d74853
}

.product-item-comparison__flag--new {
    background-color: #3ec28f
}

.product-item-comparison__flag--sale {
    background-color: #f6ac1d
}

.product-item-comparison__flag--markdown {
    background-color: #626262
}

.product-item-comparison__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px
}

@media(max-width: 767px) {
    .product-item-comparison__head {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product-item-comparison__art {
    font-size: 9px;
    line-height: 11px;
    color: #bdbdbd
}

@media(max-width: 767px) {
    .product-item-comparison__art {
        padding-bottom: 5px
    }
}

.product-item-comparison__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -2px
}

.product-item-comparison__rating .star {
    width: 15px;
    height: 15px;
    margin-left: 2px
}

@media(max-width: 767px) {
    .product-item-comparison__rating .star {
        width: 18px;
        height: 18px
    }
}

.product-item-comparison__rating .star:first-child {
    margin-left: 0
}

.product-item-comparison__rating .star--full {
    background-image: url("/static/images/star-full.svg");
    background-size: 15px 15px
}

@media(max-width: 767px) {
    .product-item-comparison__rating .star--full {
        background-size: 18px 18px
    }
}

.product-item-comparison__rating .star--half {
    background-image: url("/static/images/star-half.svg");
    background-size: 15px 15px
}

@media(max-width: 767px) {
    .product-item-comparison__rating .star--half {
        background-size: 18px 18px
    }
}

.product-item-comparison__rating .star--empty {
    background-image: url("/static/images/star-empty.svg");
    background-size: 15px 15px
}

@media(max-width: 767px) {
    .product-item-comparison__rating .star--empty {
        background-size: 18px 18px
    }
}

.product-item-comparison__name {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    height: 57px
}

@media(max-width: 767px) {
    .product-item-comparison__name {
        height: 64px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        min-height: 33px;
        max-height: 64px
    }
}

.product-item-comparison__delivery {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 11px;
    margin-left: 10px;
    color: #a9b1b9
}

.product-item-comparison__delivery .icon {
    margin-right: 10px
}

.product-item-comparison__delivery .icon img {
    width: 18px
}

.product-item-comparison__cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .product-item-comparison__cost {
        position: absolute;
        bottom: 10px;
        left: 0px;
        padding-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-item-comparison__cost span {
    font-size: 11px;
    text-decoration: line-through;
    color: #7c8994;
    font-weight: normal;
    padding-left: 10px;
    white-space: nowrap
}

@media(max-width: 767px) {
    .product-item-comparison__cost span {
        display: block;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        position: absolute;
        left: 60px;
        top: -10px;
        padding-left: 0
    }
}

.product-item-comparison__cost-title {
    display: block;
    text-decoration: none !important;
    width: 100%;
    padding-left: 0 !important
}

@media(max-width: 767px) {
    .product-item-comparison__cost-title {
        position: absolute;
        left: 0 !important;
        text-align: left;
        top: -10px
    }
}

.product-item-comparison__status {
    font-size: 11px;
    margin-bottom: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0
}

@media(max-width: 767px) {
    .product-item-comparison__status {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        position: relative
    }
}

.product-item-comparison__status--limited {
    color: #ff9500
}

.product-item-comparison__status--none {
    color: #d74853
}

.product-item-comparison__status--many {
    color: #3ec28f
}

.product-item-comparison__status--small {
    color: #ff9500
}

.product-item-comparison__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 767px) {
    .product-item-comparison__btns {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        position: absolute;
        right: 0;
        bottom: 10px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.product-item-comparison__balance {
    display: none;
    font-size: 11px;
    color: #000
}

.product-item-comparison__line-cost {
    display: none;
    font-size: 11px;
    color: #000
}

.product-item-comparison__input-line {
    display: none;
    margin-right: 10px
}

.product-item-comparison__input-line input {
    width: 54px;
    height: 32px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: inset 0px 1.6px 4px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1.6px 4px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
    color: #000;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-item-comparison__input-line input:focus {
    border-color: var(--main-elements-color, var(--accent-color-400))
}

.product-comparison {
    width: 52px;
    height: 40px;
    background: var(--white-color);
    border: 1px solid var(--main-elements-color, var(--accent-color-400));
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer
}

@media(max-width: 767px) {
    .product-comparison {
        display: none
    }
}

.product-comparison svg {
    width: 17px;
    height: 16px;
    color: var(--main-elements-color, var(--accent-color-400));
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-comparison:hover {
    background: var(--main-elements-color, var(--accent-color-400))
}

.product-comparison:hover svg {
    color: var(--white-color)
}

.comparison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--white-color);
    margin-bottom: 60px
}

.comparison__block {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 25px;
    padding-bottom: 30px
}

.comparison__block label {
    margin-right: 15px;
    margin-bottom: 5px;
    border-radius: 2px;
    cursor: pointer;
    font-family: "Golos";
    transition: .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.comparison__block span {
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background: var(--white-color);
    border: 1px solid #000;
    transition: .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.comparison__block label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1
}

.comparison__block label:hover span {
    background: #f3f6fb;
    border-color: var(--accent-color-400);
    color: var(--accent-color-400)
}

.comparison__block input[type=radio]:checked+span {
    background: var(--accent-color-400);
    border-color: var(--accent-color-400);
    color: var(--white-color)
}

@media(max-width: 767px) {
    .comparison__block {
        padding-bottom: 10px;
        margin-bottom: 0
    }
}

.catalog__links-block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
    padding-bottom: 30px
}

.catalog__links-block a {
    border-radius: 2px;
    font-family: "Golos";
    font-size: 14px;
    line-height: 1.4;
    transition: .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    background: var(--white-color);
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    padding: 10px 20px;
    border: 1px solid #bdbdbd
}

.catalog__links-block a:is(:hover, :focus-visible, .active) {
    background: var(--accent-color-400);
    border-color: var(--accent-color-400);
    color: var(--white-color)
}

@media(max-width: 767px) {
    .catalog__links-block {
        gap: 5px;
        padding-bottom: 25px;
        margin-bottom: 0
    }

    .catalog__links-block a {
        font-size: 12px
    }
}

@media(max-width: 767px) {
    .comparison {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

@media(max-width: 767px) {
    .comparison .product-slider--full {
        margin-top: 60px !important
    }
}

@media(max-width: 576px) {
    .comparison .product-slider--full {
        margin-top: 0px !important
    }
}

.comparison__side {
    width: 230px;
    border-right: 1px solid #f6f6f6
}

@media(max-width: 767px) {
    .comparison__side {
        width: 100%;
        border-right: 0
    }
}

@media(max-width: 767px) {
    .comparison__side .dep-item {
        display: none
    }
}

.comparison__content {
    width: calc(100% - 240px)
}

@media(max-width: 767px) {
    .comparison__content {
        width: 100%;
        padding-top: 0px
    }
}

@media(max-width: 576px) {
    .comparison__content {
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

.comparison__radios {
    padding-right: 10px;
    height: 415px
}

@media(max-width: 767px) {
    .comparison__radios {
        height: auto;
        padding: 10px 15px
    }
}

.comparison__radios .radio {
    height: 40px;
    margin-bottom: 10px
}

.comparison__radios .radio .radio-content--sm {
    height: 40px
}

.comparison__radios .radio [type=radio]:not(:checked)+label:before,
.comparison__radios .radio [type=radio]:checked+label:before {
    top: 10px
}

.comparison__radios .radio [type=radio]:not(:checked)+label,
.comparison__radios .radio [type=radio]:checked+label {
    height: 40px;
    padding-top: 8px
}

.comparison-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #f6f6f6;
    padding-top: 16px;
    margin-top: 8px
}

@media(max-width: 767px) {
    .comparison-delete {
        width: calc(100% + 16px);
        margin: 0 -8px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-top: 0;
        padding: 16px 0
    }
}

.comparison-delete a {
    max-width: 112px
}

.comparison-category {
    padding-right: 10px
}

@media(max-width: 767px) {
    .comparison-category {
        padding: 0 15px 10px 15px
    }
}

.comparison-category__title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
    opacity: .75;
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .comparison-category__title {
        margin-top: 0
    }
}

.comparison-product {
    width: calc(100% + 16px);
    margin: 0px -8px 0 -8px
}

.comparison-product__description {
    padding-top: 22px
}

@media(max-width: 767px) {
    .comparison-product__description {
        padding: 0
    }
}

.dep-item {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 18px;
    margin-bottom: 15px
}

.dep-item:last-child {
    margin-bottom: 0
}

.dep-item__mobile-title {
    display: none;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: bold
}

@media(max-width: 767px) {
    .dep-item__mobile-title {
        display: block
    }
}

.dep-item:nth-child(2n+2) {
    background: #f6f6f6
}

.dep-item--text p {
    height: 126px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.bottom-panel {
    width: 100%;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999
}

@media(max-width: 767px) {
    .bottom-panel {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.bottom-panel .btn-bottom {
    max-width: 300px;
    width: 100%;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--main-elements-color, var(--accent-color-400));
    font-weight: 500;
    font-size: 14px;
    color: var(--white-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 767px) {
    .bottom-panel .btn-bottom {
        max-width: 200px
    }
}

.bottom-panel .btn-bottom:hover {
    background: var(--main-elements-hover-color, #1c52ac)
}

.bottom-panel .btn-bottom:active {
    background: #164593;
    border-color: #164593
}

.bottom-panel .close-panel {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 8px;
    right: 15px;
    background: #222 url("/static/images/close-panel.svg") 50% 50% no-repeat;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.bottom-panel .close-panel:hover {
    background-color: #000
}

.ordered-goods {
    padding-top: 40px
}

@media(max-width: 767px) {
    .ordered-goods {
        display: none
    }
}

.ordered-table {
    margin-bottom: 30px
}

.ordered-table table {
    width: 100%;
    border-collapse: collapse
}

.ordered-table td {
    position: relative;
    border-bottom: 1px solid #e5e5ea;
    padding: 15px 15px 15px 0;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.ordered-table td:last-child {
    padding-right: 0;
    text-align: right
}

.ordered-table td:first-child {
    max-width: 180px
}

.ordered-table .number {
    position: absolute;
    left: -24px
}

.category-slider .catalog-menu-item {
    margin-bottom: 20px;
    display: block;
    width: 100% !important
}

.category-slider .catalog-menu-item:last-child {
    margin-bottom: 0
}

.developer-link {
    padding-top: 5px
}

@media(max-width: 767px) {
    .footer-right .developer-link {
        display: none
    }
}

.developer-link a {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.developer-link a .dev-logo {
    margin-top: 5px
}

.developer-link a .dev-logo svg {
    color: rgba(255, 255, 255, 0.5);
    width: 200px;
    height: 35px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.developer-link a:hover {
    color: var(--white-color)
}

.ya-share2__badge {
    display: flex !important;
    justify-content: center;
    align-items: center
}

.ya-share2__badge {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important
}

.ya-share2__item {
    margin: 5px 18px 5px 0 !important
}

@media(max-width: 767px) {
    .conditional-section.bg-color {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: var(--frontpage-first-screen-bg-color, #f5f5f5)
    }
}

.filepond--root .filepond--credits[style] {
    display: none !important
}

.filepond--item {
    position: absolute !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    margin-bottom: inherit !important;
    padding-left: inherit !important
}

.menu-item.active {
    background-color: #f5f5f5
}

.menu-item.active a {
    color: #bdbdbd
}

.section-favorite .catalog-sorting ul li a {
    display: flex
}

.cart-item__buttons {
    right: 0;
    left: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ya-share-block {
    cursor: pointer
}

.share-block__show p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
    color: #7c8994
}

.ya-share2__badge {
    display: flex;
    justify-content: center;
    align-items: center
}

.pickup-point-selection .radio {
    width: calc(50% - 10px);
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .document-item .document-item__btn {
        margin-top: 10px;
        display: block
    }

    .pickup-point-selection .radio {
        width: 100%
    }

    .header-user__link {
        font-size: 16px
    }

    .catalog-container .catalog-content.top-products {
        width: 100%;
        margin: 0 -15px 15px 0
    }
}

.input-number--lg input[type=number] {
    font-size: 12px
}

.modal.fancybox-content {
    max-width: 580px
}

.product-card__personal-cost span:first-letter {
    text-transform: uppercase
}

.filter-select .dropdown-select-ul {
    position: inherit
}

.catalog-filter-accordion span.opener {
    cursor: initial
}

.catalog-filter-accordion span.opener::before {
    background: none
}

.contacts-block__title-red.address-data {
    margin-top: 1rem
}

.top-products-block {
    margin-top: 40px
}

.simple-order-form {
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2rem
}

.simple-order-form .full-width,
.simple-order-form button {
    width: 100%
}

.simple-order-form .full-width {
    margin: 2rem 0 1rem
}

.simple-order-form .full-width.submit {
    margin: 0
}

.simple-order-form .form-group.comment {
    margin-top: 3rem
}

.shopping-cart-item__uom {
    margin-left: 10px
}

.no-bg-image {
    background-image: none
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.text-color-accent {
    color: var(--main-elements-color, #2363d1)
}

.text-color-light {
    color: #bdbdbd
}

body {
    text-rendering: geometricPrecision
}

* {
    min-height: 0px;
    min-width: 0px
}

.button {
    outline: none;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    appearance: none;
    padding: 0;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-rendering: inherit;
    line-height: inherit;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    transition: color .15s ease-out, border-color .15s ease-out, background-color .15s ease-out, opacity .15s ease-out, visibility .15s ease-out;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    border-radius: 2px;
    min-width: 144px;
    font-weight: 400
}

.button .icon {
    height: 18px;
    width: 18px
}

.button_style-1 {
    border: 1px solid var(--main-elements-color, #2363d1);
    background-color: var(--color-button1-bg, transparent);
    color: var(--main-elements-color, #2363d1)
}

.button_style-1[data-touch],
.button_style-1[data-hover] {
    background-color: #e7eef6;
    border-color: var(--main-elements-hover-color, #1c52ac)
}

.button_style-2 {
    border: 1px solid var(--main-elements-color, #2363d1);
    background-color: var(--main-elements-color, #2363d1);
    color: #fff
}

.button_style-2[data-touch],
.button_style-2[data-hover] {
    background-color: var(--main-elements-hover-color, #1c52ac);
    border-color: var(--main-elements-hover-color, #1c52ac)
}

.button_disabled {
    border: 1px solid #767676;
    color: #fff;
    background-color: #767676
}

.button_disabled[data-touch],
.button_disabled[data-hover] {
    background-color: #818181
}

.button_xl {
    line-height: 46px;
    padding: 0 20px;
    height: 48px;
    font-size: 18px
}

.button_xl .icon {
    height: 20px;
    width: 20px
}

.test-1 {
    outline: none;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    appearance: none;
    padding: 0;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-rendering: inherit;
    line-height: inherit;
    font-size: 16px;
    font-weight: 700
}

.test-2 {
    font-weight: 700;
    text-decoration: none;
    font-size: 16px
}

.button-theme {
    transition: color var(--trs-1), background-color var(--trs-1), border-color var(--trs-1) !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: var(--color-text) !important;
    background-color: var(--color-background) !important;
    border-color: var(--color-border) !important
}

.section-cart .button-theme {
    color: var(--color-text, #fff) !important;
    background-color: var(--color-background, #2363d1) !important;
    border-color: var(--color-border, #2363d1) !important
}

.button-theme:hover,
.button-theme[data-touch],
.button-theme[data-hover] {
    color: var(--color-text-hover, var(--color-text)) !important;
    background-color: var(--color-background-hover, var(--color-background-hover)) !important;
    border-color: var(--color-border-hover, var(--color-border)) !important
}

.button-theme_primary {
    --color-text: var(--color-button-primary-text, #fff);
    --color-background: var(--color-button-primary-background, #2363d1);
    --color-border: var(--color-button-primary-border, #2363d1);
    --color-text-hover: var(--color-button-primary-text-hover, var(--color-text));
    --color-background-hover: var(--color-button-primary-background-hover, #2363d1);
    --color-border-hover: var(--color-button-primary-border-hover, #2363d1)
}

.button-theme_secondary {
    --color-text: var(--color-button-secondary-text, #2363d1);
    --color-background: var(--color-button-secondary-background, #fff);
    --color-border: var(--color-button-secondary-border, #b7cbe5);
    --color-text-hover: var(--color-button-secondary-text-hover, #1c52ac);
    --color-background-hover: var(--color-button-secondary-background-hover, #e7eef6);
    --color-border-hover: var(--color-button-secondary-border-hover, #1c52ac)
}

.button-theme_muted {
    --color-text: var(--color-button-muted-text, #fff);
    --color-background: var(--color-button-muted-background, #767676);
    --color-border: var(--color-button-muted-border, #767676);
    --color-text-hover: var(--color-button-muted-text-hover, var(--color-text));
    --color-background-hover: var(--color-button-muted-background-hover, #818181);
    --color-border-hover: var(--color-button-muted-border-hover, #818181)
}

.button-theme_callme {
    --color-text: var(--color-button-callme-text, #2363d1);
    --color-background: var(--color-button-callme-background, #fff);
    --color-border: var(--color-button-callme-border, #b7cbe5);
    --color-text-hover: var(--color-button-callme-text-hover, var(--color-text));
    --color-background-hover: var(--color-button-callme-background-hover, var(--color-background));
    --color-border-hover: var(--color-button-callme-border-hover, var(--color-border))
}

.button-theme_cart {
    --color-text: var(--color-button-cart-text, #fff);
    --color-background: var(--color-button-cart-background, #2363d1);
    --color-border: var(--color-button-cart-border, #2363d1);
    --color-text-hover: var(--color-button-cart-text-hover, var(--color-text));
    --color-background-hover: var(--color-button-cart-background-hover, #1c52ac);
    --color-border-hover: var(--color-button-cart-border-hover, #1c52ac)
}

.slick-slider {
    position: relative;
    display: block;
    touch-action: pan-y;
    outline: none
}

.slick-slider * {
    outline: none
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    display: flex;
    flex-wrap: nowrap
}

.slick-slide {
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-arrow.slick-hidden {
    display: none
}

.banners-slider .slick-track {
    margin: 0 auto
}

.frontpage .section-first-alter {
    margin-bottom: 40px
}

.product-slider .product-item {
    margin-bottom: 0
}

.product-slider .product-item:not(:last-child) {
    margin-bottom: 15px
}

.client-item {
    background-size: cover;
    background-position: center center
}

.client-item__text {
    z-index: 2
}

.client-item_bg {
    border: none
}

.client-item_bg::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .5s;
    opacity: .6;
    background-color: var(--preview-bg-color, transparent)
}

.client-item_bg:hover::after {
    opacity: .8;
    background: var(--preview-bg-hover-color, #2363d1)
}

@media(min-width: 768px) {
    .client-item {
        width: calc(25% - 11.25px)
    }
}

.clients-section,
.catalog-menu {
    margin-bottom: -15px
}

.lk-menu-item {
    background: none
}

.lk-menu-item .icon {
    width: 35px;
    height: 35px;
    fill: var(--color-lk-accent-items, #2363d1)
}

.lk-menu-item .arrow {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    fill: var(--color-lk-accent-items, #2363d1)
}

.lk-exit .icon {
    width: 24px;
    height: 24px;
    fill: var(--color-lk-accent-items, #2363d1)
}

@media(min-width: 768px) {
    .new-slide-item--wide .new-slide-item__image {
        height: 218px;
        width: calc(50% - 2px)
    }
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__content {
        padding-top: 0
    }

    .breadcrumbs :first-child a::before {
        display: none !important
    }

    .breadcrumbs__sep {
        display: block !important;
        color: var(--main-elements-color) !important
    }
}

@media(max-width: 767px) {
    .new-slide-item--wide .new-slide-item__title {
        position: relative;
        top: -12px !important;
        left: 0
    }
}

.st-button_add-to-cart {
    flex: none !important
}

.footer-content__menu {
    margin-right: 0
}

.footer-content__column {
    flex: 0 0 150px
}

.footer-content__column--lg {
    width: initial;
    flex: 1 1 340px
}

.footer-content__ul-content ul {
    flex: 1 1 auto;
    margin-right: 20px
}

@media(max-width: 991px) {
    .footer-content__ul-content {
        flex-direction: column
    }

    .footer-content__ul-content ul {
        margin: 0
    }

    .footer-content__column:first-child {
        margin-right: 20px;
        flex: 1 1 calc(50% + 10px)
    }

    .footer-content__column:last-child {
        margin-right: 0;
        flex: 0 0 calc(50% - 10px)
    }
}

.header-search-results .cscrlb-scroll-content {
    height: 100% !important
}

.search-result-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.search-result-item__image {
    width: 60px;
    height: 60px;
    object-fit: contain;
    flex: 0 0 auto;
    margin-right: 15px
}

.search-result-item__content {
    flex: 1 1 auto
}

.s-item-article {
    font-family: Golos;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    color: #a7a7a7;
    display: block;
    margin-bottom: 10px
}

.header-phones {
    --font-size: 14px;
    --line-height: 20px;
    --font-weight: 700;
    --color: var(--header-top-phone-font-color, #333);
    --color-hover: var(--header-top-menu-font-hover-color, #2363d1)
}

.header-phones__toggle {
    outline: none;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    appearance: none;
    padding: 0;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-rendering: inherit;
    line-height: inherit;
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--color);
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s ease-out;
    padding-left: 20px;
    display: block
}

.header-phones__toggle::before,
.header-phones__toggle::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    animation: flicker 1s linear infinite
}

.header-phones__toggle::before {
    width: 15px;
    height: 15px;
    left: 0;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: currentColor
}

.header-phones__toggle::after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 5px;
    background-color: currentColor
}

.header-phones__toggle[data-touch],
.header-phones__toggle[data-hover] {
    color: var(--color-hover)
}

.header-phones__toggle~.header-phones__inner {
    display: none
}

.header-phones__phone {
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--color);
    display: block;
    text-decoration: none;
    transition: color .15s ease-out;
    text-wrap: nowrap
}

.header-phones__phone[data-touch],
.header-phones__phone[data-hover] {
    color: var(--color-hover)
}

.header-fixed-content {
    gap: 15px
}

@media(max-width: 1279.98px) {
    .top-header__phones {
        display: none
    }
}

@keyframes flicker {
    0% {
        color: #fff
    }

    80% {
        color: var(--main-elements-color, #2363d1)
    }

    100% {
        color: #fff
    }
}

.catalog-side__content ul li {
    position: relative
}

.catalog-side__content ul li .submenu {
    padding: 0
}

.welcome__content .catalog-menu+.conditional-section {
    margin-top: 40px
}

.welcome__side .aside-banners-grid:not(:first-child) {
    margin-top: 20px
}

.conditional-section.wide-container .container:first-child {
    max-width: 100%;
    padding: 0
}

@media(max-width: 1279.98px) {

    .welcome__side .new-banners,
    .welcome__side .aside-banners-grid {
        display: none
    }
}

img {
    display: block
}

img.lazyload,
img.lazyloading {
    opacity: 0;
    visibility: hidden
}

img.lazyloaded {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease-out, visibility .25s ease-out, transform .15s ease-out
}

.image {
    display: block;
    position: relative
}

.image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important
}

.image_contain img,
.image_cover img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important
}

.image_cover {
    background-color: #d9d9de;
    overflow: hidden
}

.image_contain img {
    object-fit: contain
}

.image-zoom {
    overflow: hidden
}

.image-zoom .image {
    transition: transform .15s ease-out;
    will-change: transform
}

.image-zoom[data-touch] .image,
.image-zoom[data-hover] .image {
    transform: scale(1.05)
}

[data-fancybox] {
    cursor: zoom-in
}

.card-label {
    display: block;
    min-width: 50px;
    font-size: 12px;
    padding: 0 5px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    position: relative
}

.card-label_style-sale {
    background-color: var(--color-label-sale, #ff9500)
}

.card-label_style-hit {
    background-color: var(--color-label-hit, #3ec28f)
}

.card-label_style-stock {
    background-color: var(--discount-tag-bg-color, #626262)
}

.content-placeholder {
    background: #b1b1b1;
    color: #fff;
    position: relative;
    text-align: center;
    font-size: 20px
}

.content-placeholder::before {
    content: "";
    display: block;
    padding-top: 60%
}

.content-placeholder span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px
}

.content-image {
    display: block;
    overflow: hidden;
    position: relative
}

.content-standard-box__container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px
}

.content-background-box__container {
    position: relative;
    min-height: 180px;
    height: 100%
}

.content-background-box__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.content-background-box__background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.content-background-box__background-image .image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.content-background-box__background-image__mobile-img {
    display: none
}

.content-background-box__text-content {
    position: relative;
    z-index: 3;
    padding: 25px 20px
}

.aside-banners-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}

input,
textarea {
    font-family: inherit !important
}

.grid {
    margin-bottom: -20px;
    margin-right: -10px;
    margin-left: -10px;
    display: flex;
    flex-wrap: wrap
}

.grid__block {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    max-width: 100%
}

.image_cover img,
.image_contain img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image_cover {
    background-color: #d9d9de;
    overflow: hidden
}

.image_cover img {
    object-fit: cover
}

.image_contain img {
    object-fit: contain
}

@media screen and (max-width: 767px) {
    main {
        padding-top: 60px
    }
}

.header_landing {
    position: fixed
}

header {
    position: absolute;
    z-index: 100;
    width: 100%
}

header .header-fixed-content {
    display: none;
    margin-left: 30px
}

header .header-fixed-content .header-phone {
    white-space: nowrap;
    margin: 0 15px 0 0
}

@media(max-width: 767px) {
    .content-title {
        line-height: 1.35
    }
}

.article-inner__share {
    margin: 40px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.article-inner__share-content .ya-share2__list {
    margin-right: -18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.article-inner__share-title {
    display: block;
    margin-bottom: 15px;
    color: #7c8994;
    font-size: 12px;
    text-align: center
}

@media(max-width: 767px) {
    .article-inner__share {
        padding: 0 15px 30px 15px
    }
}

.new-radio,
.simple-order-form__column .d-flex.flex-row {
    position: relative
}

.new-radio__input,
.simple-order-form__column .cart-radio {
    display: none
}

.new-radio__input:checked~.new-radio__label:after {
    opacity: 1
}

.new-radio__label,
.simple-order-form__column .d-flex.flex-row label {
    display: block;
    padding: 0 24px 0 30px;
    line-height: 20px
}

.new-radio__label:before,
.simple-order-form__column .d-flex.flex-row label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--main-elements-color, #2363d1);
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.new-radio__label:after,
.simple-order-form__column .d-flex.flex-row label:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--main-elements-color, #2363d1);
    opacity: 0;
    transition: opacity .15s ease-out
}

.cart-radio[type=radio]:checked+label:after {
    opacity: 1
}

.contact-text-line p {
    margin: 0 0 12px 0
}

.contact-text-line p:last-child {
    margin: 0
}

.home-banner+.conditional-section_bg,
.home-banner+.home-banner {
    margin-top: -40px
}

.home-banner .owl-stage {
    display: flex
}

.home-banner .owl-item {
    flex-shrink: 0
}

.home-banner .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 67px;
    display: flex;
    z-index: 2;
    transform: translateX(-50%)
}

.home-banner .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #f3f6fb;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--main-elements-color, #2363d1);
    display: block;
    transition: border-color .15s ease-out, background-color .15s ease-out
}

.home-banner .owl-dot:not(:last-child) {
    margin-right: 15px
}

.home-banner .owl-dot.active {
    background-color: var(--main-elements-color, #2363d1)
}

.home-banner .container {
    height: 100%
}

.home-banner__slide {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%
}

.home-banner__slide .image:first-child img {
    position: relative;
    height: auto
}

.home-banner__slide .image:not(:first-child) {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.home-banner__slide-container {
    min-height: 400px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 120px
}

.home-banner__slide-content {
    width: 400px;
    border-radius: 4px
}

.home-banner__slide-content_bg {
    padding: 20px;
    background-color: var(--color-banner-content-bg, #fff)
}

.home-banner__slide-content_right {
    margin: 0 0 0 auto
}

.home-banner .owl-prev,
.home-banner .owl-next {
    position: absolute;
    z-index: 3;
    width: 40px;
    height: 40px;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.home-banner .owl-prev .icon,
.home-banner .owl-next .icon {
    margin: auto;
    width: 25px;
    height: 25px;
    fill: #fff;
    opacity: .75;
    transition: opacity .15s ease-out, fill .15s ease-out
}

.home-banner .owl-prev:hover svg,
.home-banner .owl-next:hover svg {
    opacity: 1;
    fill: var(--main-elements-color, #2363d1)
}

.home-banner .owl-prev {
    left: 20px
}

.home-banner .owl-next {
    right: 20px
}

@media screen and (min-width: 992px) {
    .home-banner+.home-categories .home-categories__container {
        margin-top: -87px
    }
}

@media screen and (max-width: 1279px) {
    .home-banner .owl-prev {
        left: 10px
    }

    .home-banner .owl-next {
        right: 10px
    }

    .home-banner__slide-content {
        margin: 0 0 0 50px
    }

    .home-banner__slide-content_right {
        margin: 0 50px 0 auto
    }
}

@media screen and (max-width: 991px) {
    .home-banner .owl-dots {
        bottom: 20px
    }

    .home-banner__slide {
        overflow: hidden
    }

    .home-banner__slide-container {
        padding-top: 40px;
        padding-bottom: 70px;
        min-height: 350px
    }
}

@media screen and (max-width: 767px) {

    .home-banner__slide-content .btn,
    .home-banner__slide-content .btn-download {
        margin: 0;
        width: auto;
        padding: 0 30px
    }
}

@media screen and (max-width: 575px) {

    .home-banner .owl-prev,
    .home-banner .owl-next {
        display: none
    }

    .home-banner__slide-container {
        padding-bottom: 60px;
        justify-content: center;
        min-height: 250px
    }

    .home-banner__slide-content {
        width: calc(100% - 50px);
        margin: 0
    }
}

@media(min-width: 576px) {
    .welcome__content .home-banner .home-banner__slide-container {
        padding: 40px 70px 70px 70px;
        min-height: 300px
    }

    .welcome__content .home-banner .home-banner__slide-content {
        margin: 0
    }

    .welcome__content .home-banner .home-banner__slide-content_right {
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .welcome__content .home-banner .home-banner__slide-container {
        padding: 40px 60px 60px 60px
    }

    .welcome__content .home-banner .owl-dots {
        bottom: 30px
    }
}

@media(min-width: 1280px) {
    .welcome__content .home-banner .home-banner__slide-container {
        padding-right: 80px;
        padding-left: 80px
    }
}

@media(max-width: 575.98px) {
    .welcome__content .home-banner {
        margin: 0 calc(var(--container-padding-x)*-1)
    }
}

.category-card {
    font-size: .875rem;
    line-height: 1.25rem
}

.category-card__container {
    color: #fff;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    text-decoration: none;
    position: relative
}

.category-card__container:after {
    content: "";
    display: block;
    padding-top: 46.42%
}

.category-card__container .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.category-card__container .image img {
    transition: filter .15s ease-out
}

.category-card__container:hover .image img {
    filter: grayscale(0)
}

.category-card__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: 30px 60px 24px 30px;
    width: 100%;
    z-index: 4;
    margin: 0;
    color: inherit;
    position: absolute;
    bottom: 0;
    left: 0
}

.category-card__title .icon {
    position: absolute;
    width: 18px;
    height: 18px;
    bottom: 25px;
    right: 15px;
    transition: fill .15s ease-out;
    fill: #fff
}

@media screen and (max-width: 1209px) {
    .category-card__title {
        padding: 20px 60px 24px 20px
    }
}

@media screen and (max-width: 991px) {
    .category-card__title {
        padding: 30px 60px 24px 30px
    }
}

.landing-title {
    text-transform: uppercase
}

.landing-title_light {
    color: #fff
}

@media screen and (min-width: 768px) {
    .landing-title {
        padding-right: 100px
    }
}

.landing-slider {
    margin: 0
}

.landing-slider .owl-dots {
    position: initial
}

.landing-slider:not(:last-child) {
    margin-bottom: 40px
}

.landing-slider__slide {
    width: 100%;
    margin: 0
}

.landing-slider__slide-item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .product-slider__banners {
        display: flex !important;
        padding-bottom: 40px
    }

    .product-slider__banners .item {
        padding: 0 7.5px;
        flex: 1 1 50%;
        margin: 0
    }

    .product-slider__banners .item .product-item--banner {
        display: block;
        width: 100%
    }

    .product-slider__banners .item img {
        margin: 0;
        max-width: 100%
    }

    .product-slider__banners .owl-dots {
        bottom: 0 !important
    }
}

.new-banners {
    display: block
}

.new-banners .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.new-banners .owl-dot {
    padding: 6px
}

.new-banners .owl-dot span {
    width: 11px;
    height: 11px;
    border-radius: 10px;
    display: block;
    transition: background-color .15s ease-out;
    border: 1px solid var(--main-elements-color, #2363d1);
    background: #f3f6fb;
    cursor: pointer
}

.new-banners .owl-dot.active span {
    background: var(--main-elements-color, #2363d1)
}

@media screen and (min-width: 768px) {
    .new-banners:not(:first-child) {
        margin-top: 20px
    }

    .new-banners .item:not(:last-child) {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .new-banners {
        display: flex;
        margin: 40px -7.5px 25px -7.5px;
        width: calc(100% + 15px)
    }

    .new-banners .product-item--banner {
        padding: 0 7.5px;
        height: auto
    }

    .new-banners .product-item--banner a {
        display: block;
        height: 100%
    }

    .new-banners .product-item--banner img {
        display: block;
        height: auto;
        max-width: initial
    }
}

.landing-feedback-form {
    padding: 60px 0
}

@media screen and (max-width: 575px) {
    .landing-feedback-form {
        padding: 40px 0
    }
}

.landing-grateful-final {
    position: relative
}

.landing-grateful-final .image {
    max-height: 600px;
    z-index: 1
}

.landing-grateful-final .image::before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.landing-grateful-final__decoration {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 300px;
    left: 15%;
    transform: translateY(-50%);
    color: var(--main-elements-color)
}

.landing-grateful-final__text {
    display: block;
    width: 100%;
    color: var(--main-elements-color)
}

@media screen and (min-width: 576px) {
    .landing-grateful-final .container {
        position: absolute;
        z-index: 2;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 575px) {
    .landing-grateful-final__text {
        margin-bottom: 15px
    }

    .landing-grateful-final__decoration {
        top: 100%;
        width: calc(100% - 10px);
        height: 100px;
        left: 5px
    }
}

.landing-bg-section {
    background-color: #212121;
    background-size: cover;
    background-position: center center;
    margin: 20px 0
}

.landing-bg-section .container {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px
}

.landing-bg-section__decoration {
    width: 300px;
    color: var(--main-elements-color, #2363d1);
    position: absolute
}

.landing-bg-section__decoration_top {
    top: 0;
    transform: translateY(-50%)
}

.landing-bg-section__decoration_bottom {
    right: 60px;
    bottom: 0;
    transform: translateY(50%)
}

@media screen and (max-width: 575px) {
    .landing-bg-section {
        margin-bottom: 40px
    }

    .landing-bg-section__decoration {
        width: calc(100% - 30px);
        left: 15px
    }
}

.preview-block__container {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: opacity .15s ease-out
}

.preview-block__container:hover .preview-block__image:after {
    opacity: .2
}

.preview-block__image {
    position: relative;
    z-index: 1
}

.preview-block__image::after {
    content: "";
    display: block;
    padding-top: 100%;
    position: relative;
    z-index: 2;
    background-color: #000;
    opacity: 0;
    transition: opacity .15s ease-out
}

.preview-block__content {
    padding: 24px 16px;
    position: relative;
    z-index: 2
}

.preview-block__label {
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    transform: translateY(-50%);
    padding: 0 10px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    color: #000
}

.preview-block__title {
    color: inherit;
    font-weight: normal;
    margin: 0
}

@media screen and (max-width: 575px) {
    .preview-block__content {
        padding: 16px;
        font-size: 12px
    }
}

.landing-p-discount {
    padding: 0 0 40px 0
}

.landing-p-discount .container {
    position: relative
}

.landing-p-discount__content {
    flex: 1 1 auto
}

.landing-p-discount__text {
    font-size: 18px
}

.landing-p-discount__decoration {
    display: none
}

.landing-p-discount__form {
    padding-top: 5px;
    flex: 0 0 400px
}

.landing-p-discount__container {
    display: flex
}

.landing-p-discount__title {
    margin-bottom: 10px;
    padding: 0
}

@media screen and (max-width: 991px) {
    .landing-p-discount__container {
        display: block
    }

    .landing-p-discount__form {
        margin-top: 20px;
        max-width: 400px
    }
}

@media screen and (max-width: 767px) {
    .landing-p-discount {
        margin-top: 40px
    }

    .landing-p-discount__text {
        font-size: 14px
    }

    .landing-p-discount__form {
        max-width: 100%
    }
}

@media screen and (max-width: 575px) {
    .landing-p-discount {
        margin-top: 30px
    }

    .landing-p-discount__form .btn {
        width: 100% !important
    }

    .landing-p-discount__decoration {
        display: block;
        margin: -10% 0;
        transform: translateY(-20%);
        color: var(--main-elements-color, #2363d1)
    }
}

.landing-about__container {
    display: flex
}

.landing-about__image,
.landing-about__content {
    width: calc(50% - 10px)
}

.landing-about__content {
    margin-right: 20px;
    padding: 30px 40px 0 0
}

.landing-about__image {
    padding-left: 20px
}

.landing-about__image img {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .landing-about__image {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .landing-about__container {
        flex-direction: column
    }

    .landing-about__image {
        width: 100%;
        margin-bottom: 40px
    }

    .landing-about__content {
        width: 100%;
        order: 2;
        padding: 0
    }
}

@media screen and (max-width: 575px) {
    .landing-about__image {
        margin-bottom: 20px
    }
}

.landing-section-dark {
    padding: 40px 0 !important
}

@media screen and (min-width: 576px) {
    .landing-section-dark {
        background: #f5f5f5
    }
}

.personal-form {
    display: flex
}

.personal-form__content {
    padding: 40px;
    background-color: #fff;
    width: calc(50% - 10px);
    margin-right: 20px
}

.personal-form__image {
    width: calc(50% - 10px)
}

.personal-form__element-top {
    margin-bottom: 30px
}

.personal-form__element-bottom {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -20px -10px
}

.personal-form__element-radio:not(:last-child) {
    margin-bottom: 15px
}

.personal-form__element-item {
    padding: 0 10px;
    margin: 0 0 20px 0;
    flex: 1 1 50%;
    max-width: 50%
}

.personal-form__element-item .btn {
    width: 100%;
    margin: 0 !important
}

.personal-form__element-item .form-group {
    margin: 0
}

.personal-form__post-text {
    font-size: 12px;
    margin-top: 20px
}

@media screen and (max-width: 992px) {
    .personal-form__image {
        display: none
    }

    .personal-form__content {
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 575px) {
    .personal-form__content {
        padding: 30px 20px
    }

    .personal-form__element-top {
        margin: 20px 0
    }

    .personal-form__element-item {
        flex: 1 1 100%;
        max-width: 100%
    }
}

.landing-d-form {
    display: flex
}

.landing-d-form .btn {
    margin: 0 0 0 5px
}

@media screen and (max-width: 575px) {
    .landing-d-form {
        display: block
    }

    .landing-d-form .btn {
        display: block;
        margin: 10px 0 0 auto;
        width: 160px
    }
}

@media screen and (max-width: 575px) {
    .landing-banner {
        margin-bottom: 25px
    }
}

.landing-banner-item {
    background-size: cover;
    background-position: center center
}

.landing-banner-item__content {
    margin: 0 0 0 auto;
    max-width: 460px;
    color: #fff;
    position: relative;
    padding: 160px 0 140px 0
}

.landing-banner-item__decoration {
    position: absolute;
    width: 100%;
    bottom: 0;
    transform: translateY(15%);
    height: auto;
    color: var(--main-elements-color, #2363d1)
}

.landing-banner-item__title {
    display: block;
    font-size: 50px;
    font-weight: 700;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 0 20px 0
}

.landing-banner-item__sub-title {
    display: block;
    font-size: 25px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-weight: 700
}

.landing-banner-item__form {
    margin-top: 24px
}

@media screen and (max-width: 575px) {
    .landing-banner-item__content {
        padding: 45px 0 60px 0
    }

    .landing-banner-item__title {
        font-size: 20px;
        max-width: 200px;
        margin: 0 0 15px auto
    }

    .landing-banner-item__sub-title {
        font-size: 14px;
        max-width: 200px;
        margin: 0 0 0 auto
    }

    .landing-banner-item__decoration {
        position: absolute;
        bottom: 0;
        transform: translateY(50%)
    }
}

.conditional-section {
    margin-bottom: 40px;
    position: relative
}

.conditional-section:first-child:not(.conditional-section_bg):not(.home-banner) {
    margin-top: 40px
}

.conditional-section .container {
    position: relative
}

.conditional-section .conditional-section:last-child {
    margin-bottom: 0
}

.conditional-section_bg {
    padding: 40px 0;
    background-size: cover;
    background-position: center
}

.conditional-section_bg+.conditional-section_bg,
.conditional-section_bg+.section-dark,
.conditional-section_bg+.section-first-alter,
.conditional-section_bg+.home-banner {
    margin-top: -40px
}

.conditional-section_bg>img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    object-fit: cover;
    pointer-events: none
}

.conditional-section .product-slider,
.conditional-section .news-slider,
.conditional-section .action-slider,
.conditional-section .category-slider,
.conditional-section .main-slider {
    margin-bottom: 0
}

.conditional-section .main-slider {
    padding-bottom: 26px
}

@media(max-width: 575.98px) {
    .home-banner.nopad-mob {
        width: calc(100% + 32px);
        margin-left: -16px
    }

    .conditional-section_bg {
        background-position: center right
    }

    .conditional-section_bg>img {
        object-position: center right
    }
}

.frontpage .section-first-alter+.conditional-section_bg {
    margin-top: -40px
}

.banner-item__container {
    display: block;
    position: relative;
    height: 100%;
    color: #000;
    text-decoration: none;
    overflow: hidden
}

.banner-item__container img,
.banner-item__container svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .15s ease-out;
    will-change: transform
}

.banner-item__container:hover img,
.banner-item__container:hover svg {
    transform: scale(1.05)
}

.banner-item__text-content {
    padding: 25px 20px
}

.banner-items-section .banner-item {
    width: 33.33%
}

@media screen and (max-width: 767px) {
    .banner-items-section .banner-item {
        width: 50%
    }
}

@media screen and (max-width: 575px) {
    .banner-items-section .banner-item {
        width: 100%
    }
}

.open-chat-trigger {
    bottom: 20px;
    right: 65px
}

@media screen and (max-width: 575px) {
    .open-chat-trigger {
        bottom: 15px;
        right: 60px
    }
}

.chat-block {
    position: fixed;
    z-index: 98;
    width: 350px;
    box-shadow: 0px 0px 40px rgba(41, 41, 41, 0.35) !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease-out, visibility .15s ease-out;
    display: flex;
    flex-direction: column
}

.chat-block.active {
    opacity: 1;
    visibility: visible
}

.chat-block__head {
    flex: 0 0 auto;
    border-radius: 8px 8px 0 0;
    background-color: #333;
    padding: 16px 20px;
    color: #fff;
    position: relative;
    overflow: hidden
}

.chat-block__close {
    position: absolute;
    width: 32px;
    height: 32px;
    display: block;
    right: 100%;
    transform: translateX(-8px);
    background-color: #fff;
    color: #333;
    transition: color .15s ease-out;
    border-radius: 32px
}

.chat-block__close .icon {
    display: block;
    width: 100%;
    height: 100%
}

.chat-block__close:hover {
    color: var(--color-chat-accent, #ed1c24)
}

.chat-block__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin: 0
}

.chat-block__label {
    color: rgba(255, 255, 255, 0.5);
    display: block
}

.chat-block__content {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 460px
}

.chat-block__messages {
    flex: 1 1 100%;
    padding: 20px;
    overflow: auto
}

.chat-block__messages-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%
}

.chat-block__message {
    font-size: 14px
}

.chat-block__message:not(:last-child) {
    margin-bottom: 10px
}

.chat-block__message-content {
    border-radius: 8px;
    line-height: 20px;
    padding: 10px 20px
}

.chat-block__message-name {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #828282;
    margin-bottom: 4px;
    padding-left: 48px
}

.chat-block__message-container {
    display: flex;
    align-items: flex-end
}

.chat-block__message-image {
    position: relative;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 32px;
    flex: 0 0 auto;
    margin: 0 8px 8px 0
}

.chat-block__message-image img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%
}

.chat-block__message_admin {
    padding-right: 20px
}

.chat-block__message_admin .chat-block__message-content {
    background: #f1f4f7;
    color: #231f20
}

.chat-block__message_user {
    display: flex;
    justify-content: flex-end;
    padding-left: 20px
}

.chat-block__message_user .chat-block__message-content {
    background: var(--color-chat-accent, #ed1c24);
    color: #fff
}

.chat-block__send-form {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-top: .5px solid #c1c1c1
}

.chat-block__send-input,
.chat-block__send-button {
    outline: none;
    display: block;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    appearance: none;
    padding: 0;
    border-radius: 0
}

.chat-block__send-input {
    flex: 1 1 100%;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 0;
    margin-right: 20px;
    color: #231f20
}

.chat-block__send-input::placeholder {
    color: gray;
    transition: opacity .15s ease-out
}

.chat-block__send-input:focus::placeholder {
    opacity: 0
}

.chat-block__send-button {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    display: flex;
    transition: opacity .15s ease-out;
    background-color: var(--color-chat-accent, #ed1c24);
    cursor: pointer
}

.chat-block__send-button .icon {
    fill: #fff;
    width: 16px;
    height: 16px;
    margin: auto
}

.chat-block__send-button:hover {
    opacity: .8
}

.chat-block__info-form {
    padding: 10px 20px 30px 20px
}

.chat-block__info-form-button {
    width: 100%;
    margin: 0 !important
}

@media screen and (max-width: 575px) {
    .chat-block {
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        z-index: 2000
    }

    .chat-block__content {
        height: calc(100% - 75px)
    }

    .chat-block__head {
        border-radius: 0;
        padding-left: 60px
    }

    .chat-block__title {
        font-size: 16px
    }

    .chat-block__label {
        font-size: 13px
    }

    .chat-block__close {
        right: auto;
        left: 23px;
        z-index: 3;
        top: 20px;
        background-color: transparent !important
    }

    .chat-block__close svg {
        stroke: #fff
    }

    .chat-block__close svg circle {
        stroke: transparent
    }
}

.fixed-btn {
    z-index: 97;
    position: fixed;
    width: 38px;
    height: 38px;
    border-radius: 8px 8px 8px 0;
    display: flex;
    color: var(--color-fixedbtn, #fff);
    background-color: var(--color-bg-fixedbtn, #000);
    transition: opacity .15s ease-out, visibility .15s ease-out
}

.fixed-btn .icon {
    width: 20px;
    height: 20px;
    margin: auto;
    transition: opacity .15s ease-out
}

.fixed-btn:hover .icon {
    opacity: .8 !important
}

.js-up {
    opacity: 0;
    visibility: hidden;
    bottom: 65px;
    right: 20px
}

.js-up.visible {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 575px) {
    .js-up {
        bottom: 60px;
        right: 15px
    }
}

.safety-message-fixed {
    position: fixed;
    z-index: 97;
    display: block;
    right: 20px;
    bottom: 20px
}

.safety-message-fixed__popup {
    position: absolute;
    font-size: 16px;
    line-height: 1.25;
    bottom: 10px;
    right: 10px;
    background-color: #fff;
    padding: 20px 30px;
    width: 260px;
    border: 1px solid #d9d9de;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease-out, visibility .15s ease-out
}

.safety-message-fixed__popup.active {
    opacity: 1;
    visibility: visible
}

.safety-message-fixed__btn {
    position: relative
}

.safety-message-fixed__btn:before,
.safety-message-fixed__btn:after {
    position: absolute;
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background-color: #fff;
    top: 19px;
    left: 8px;
    transition: opacity .15s ease-out;
    opacity: 0
}

.safety-message-fixed__btn::before {
    transform: rotate(45deg)
}

.safety-message-fixed__btn:after {
    transform: rotate(-45deg)
}

.safety-message-fixed__btn.active .icon {
    opacity: 0 !important
}

.safety-message-fixed__btn.active:before,
.safety-message-fixed__btn.active:after {
    opacity: 1
}

@media screen and (max-width: 575px) {
    .safety-message-fixed {
        bottom: 15px;
        right: 15px
    }
}

.advertising {
    margin: 40px 0
}

.advertising_horizontal .advertising__container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -15px 0
}

.advertising_horizontal .advertising__block {
    margin: 0 15px 15px 0;
    width: calc(25% - 15px)
}

.advertising__block {
    display: block;
    background: #fff;
    position: relative;
    overflow: hidden
}

.advertising__block::before {
    content: "";
    display: block;
    padding-top: 171%
}

.advertising__block img {
    margin: 0 auto;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform .15s ease-out
}

.advertising__block:hover img {
    transform: scale(1.05)
}

@media screen and (max-width: 575px) {
    .advertising_horizontal .advertising__block {
        width: calc(50% - 15px)
    }
}

.product-card-bottom {
    background-color: #fff;
    position: relative
}

@media screen and (min-width: 768px) {
    .product-card-bottom__artikul {
        display: none
    }
}

.product-card-bottom__artikul {
    font-size: 11px;
    line-height: 13px;
    color: #bdbdbd;
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%)
}

.partner-item__description {
    font-size: 12px
}

.partner-item__description p {
    font-size: inherit;
    line-height: 1.5
}

.partner-item__description p:not(:last-child) {
    margin-bottom: 14px
}

.lk-menu-item {
    border-color: var(--color-lk-items-border, #b7cbe5);
    background-color: var(--color-lk-items-bg, #fff)
}

.lk-menu-item:hover {
    background-color: var(--color-lk-items-hover-bg, #dee1e4)
}

.product-item--banner a {
    height: 380px;
    overflow: hidden
}

.product-item--banner a img {
    transition: transform .15s ease-out
}

.product-item--banner a:hover img {
    transform: scale(1.05)
}

.catalog-filter-accordion .opener::before {
    border: 1px solid var(--main-elements-color);
    background: transparent
}

.catalog-filter-accordion .opener .icon {
    color: var(--main-elements-color);
    width: 12px;
    height: 12px;
    position: absolute;
    right: 21px;
    top: 6px;
    transition: .5s
}

.catalog-filter-accordion .active .opener .icon {
    transform: rotate(180deg)
}

.close-btn,
.close-btn-2,
.close-btn-3 {
    background: initial
}

.close-btn .icon,
.close-btn-2 .icon,
.close-btn-3 .icon {
    position: absolute;
    top: -30%;
    left: -30%;
    display: block;
    width: 160%;
    height: 160%;
    color: var(--main-elements-color)
}

.price-download {
    align-items: center;
    bottom: initial
}

.price-download .icon {
    width: 28px;
    height: 28px;
    color: var(--main-elements-color);
    margin: 0 5px 0 0;
    flex-shrink: 0
}

.breadcrumbs__sep {
    width: 12px;
    height: 8px;
    transform: rotate(-90deg);
    margin-right: 15px;
    color: var(--main-elements-color)
}

@media(max-width: 767px) {
    .breadcrumbs__sep {
        width: 14px;
        height: 9px;
        transform: rotate(90deg)
    }

    .breadcrumbs__sep:first-child {
        margin-left: -3px
    }

    .breadcrumbs a {
        align-items: stretch
    }

    .breadcrumbs a::before {
        display: none
    }

    .breadcrumbs a:first-child {
        padding: initial
    }
}

.dropdown-select::before {
    display: none
}

.dropdown-select .icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 12px;
    top: calc(50% - 7.5px);
    transition: .5s;
    pointer-events: none;
    color: var(--main-elements-color)
}

.active .dropdown-select .icon {
    opacity: 0
}

.header-user__link {
    background: initial
}

.header-user__link .icon-arrow {
    position: absolute;
    right: 0;
    width: 14px;
    height: 14px;
    top: calc(50% - 7px)
}

.mobile-ul li a {
    position: relative
}

.mobile-ul li a::before {
    display: none
}

.mobile-ul li a .icon {
    width: 14px;
    height: 14px;
    position: absolute;
    right: -25px;
    top: 5px;
    color: var(--accent-color-400)
}

.mobile-ul li .submenu li a .icon {
    transform: rotate(-90deg);
    right: 17px;
    top: 15px
}

.side-menu ul li a {
    padding: 7px 40px 7px 20px;
    min-height: 48px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2
}

.side-menu ul li a::before {
    display: none
}

.side-menu ul li a .icon {
    width: 14px;
    height: 14px;
    transform: rotate(-90deg);
    position: absolute;
    display: block;
    right: 20px;
    top: calc(50% - 7px);
    color: var(--main-elements-color)
}

.input-number .order-down {
    right: 0 !important
}

.simple-cart .shopping-cart {
    margin: 0
}

.simple-cart .delivery-total {
    margin: 0
}

.simple-cart .delivery-total ul li:last-child {
    margin: 0
}

.simple-cart__content {
    max-width: 880px;
    margin-bottom: 60px
}

@media(max-width: 767px) {
    .simple-cart {
        padding-top: 0;
        padding-bottom: 40px
    }

    .simple-cart:first-child .page-head {
        margin-top: 0
    }
}

.simple-order-form {
    margin: 0;
    max-width: 520px
}

.simple-order-form .form-group.comment {
    margin-bottom: 0
}

.simple-order-form .form-group.comment textarea {
    display: block
}

.simple-order-form__column {
    margin-bottom: 40px
}

.simple-order-form__column ul li:not(:last-child) {
    margin-bottom: 10px
}

.simple-order-form__submit .btn {
    margin: 0 !important
}

.simple-order-form__title {
    font-size: 16px;
    line-height: 1.3
}

.simple-cart-final {
    margin-top: 40px
}

.simple-cart-final__order {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px
}

.simple-cart-final__total {
    font-weight: 700;
    font-size: 18px
}

.simple-cart-final__button {
    margin-top: 40px
}

.simple-cart-final__button .btn {
    margin: 0
}

.partners-slider {
    margin: 0
}

.partners-slider .owl-carousel {
    padding-top: 0;
    margin-top: 20px
}

.partners-slider .owl-dots {
    position: static
}

.partners-slider .owl-dots.disabled {
    display: none
}

.partners-slider .owl-nav {
    pointer-events: none;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    left: 0
}

.partners-slider .owl-next,
.partners-slider .owl-prev {
    display: block !important;
    pointer-events: all;
    position: absolute !important;
    top: 0 !important
}

@media(min-width: 1376px) {
    .partners-slider .owl-prev {
        right: calc(100% + 30px) !important;
        left: initial !important
    }

    .partners-slider .owl-next {
        left: calc(100% + 30px) !important
    }
}

@media(max-width: 1375px) {
    .partners-slider .owl-carousel {
        padding: 0 60px
    }

    .partners-slider .owl-next {
        left: initial;
        right: 0;
        left: initial !important
    }

    .partners-slider .owl-prev {
        left: 0 !important
    }
}

@media(max-width: 949px) {
    .partners-slider .owl-carousel {
        padding: 0
    }
}

.main-slider .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 2;
    pointer-events: none
}

.main-slider .owl-nav [class*=owl-] {
    pointer-events: all;
    display: flex;
    width: 40px;
    height: 40px;
    background: initial;
    transform: initial;
    position: initial;
    left: initial;
    top: initial;
    opacity: initial
}

.main-slider .owl-nav [class*=owl-]:last-child {
    background: initial
}

.main-slider .owl-nav [class*=owl-]::before {
    display: none !important
}

.main-slider .owl-nav [class*=owl-] .icon {
    margin: auto;
    width: 25px;
    height: 25px;
    fill: #fff;
    opacity: .75;
    transition: opacity .15s ease-out, fill .15s ease-out
}

.main-slider .owl-nav [class*=owl-]:hover .icon {
    opacity: 1;
    fill: var(--main-elements-color, #2363d1)
}

@media screen and (max-width: 991px) {
    .main-slider .owl-nav {
        padding: 0 15px
    }
}

@media screen and (max-width: 575px) {
    .main-slider .owl-nav {
        display: none
    }
}

.wide-map {
    width: 100%;
    height: 500px
}

@media screen and (max-width: 1440px) {
    .wide-map {
        height: 400px
    }
}

.faq-element {
    position: relative;
    background-color: var(--color-faq-element-bg, #f5f5f5)
}

.faq-element:not(:last-child) {
    margin-bottom: 15px
}

.faq-element__head {
    padding: 15px 70px 15px 20px;
    min-height: 60px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.faq-element__head:hover .faq-element__trigger {
    background-color: #f3f6fb;
    border-color: var(--main-elements-color, #2363d1)
}

.faq-element__head.active .faq-element__trigger .icon {
    transform: rotate(180deg)
}

.faq-element__head-title {
    margin: 0
}

.faq-element__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #b7cbe5;
    background-color: #fff;
    transition: border-color .15s ease-out, background-color .15s ease-out
}

.faq-element__trigger .icon {
    color: #2363d1;
    width: 14px;
    height: 14px;
    transition: transform .15s ease-out
}

.faq-element__content {
    padding: 5px 20px 20px 20px
}

@media screen and (max-width: 575px) {
    .faq-element__content {
        padding: 5px 15px 15px 15px
    }

    .faq-element__head {
        padding: 15px 70px 15px 15px
    }

    .faq-element__head-title {
        font-size: 1rem;
        line-height: 1.3
    }
}

.home-categories__container {
    display: flex
}

.home-categories__container .grid {
    justify-content: center;
    flex: 1 1 auto
}

.home-categories__block {
    flex: 1 1 25%;
    max-width: 25%
}

@media screen and (min-width: 992px) {
    .home-categories__container {
        position: relative;
        z-index: 2
    }
}

@media screen and (max-width: 991px) {
    .home-categories__block {
        flex: 1 1 50%;
        max-width: 50%
    }
}

@media screen and (max-width: 575px) {
    .home-categories__block {
        flex: 1 1 100%;
        max-width: 100%
    }
}

footer>img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

footer>.container {
    position: relative;
    z-index: 2
}

.footer-content__title {
    color: var(--color-footer-title, #fff)
}

.footer-content__column a {
    opacity: 1;
    color: var(--color-footer-links, #c1c1c1)
}

.footer-content__column a:hover {
    color: var(--color-footer-links-hover, #fff)
}

.catalog-body .d-grid:has(.product-item--line) {
    grid-template-columns: repeat(1, 1fr) !important
}

.catalog-body .d-grid:has(.product-item--wide) {
    grid-template-columns: repeat(1, 1fr) !important
}

.fixed .header-default {
    position: static
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: var(--header-top-bg-color, #fff)
}

main {
    padding-top: 60px
}

.header--mob {
    height: 60px;
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    header {
        position: relative
    }

    main {
        padding-top: 0
    }

    .header--mob {
        display: none
    }

    .__header {
        display: flex
    }

    .fixed .__header {
        position: fixed;
        top: -80px;
        left: 0;
        width: 100%;
        transform: translateY(100%);
        transition: transform .5s;
        box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
        z-index: 999
    }

    .fixed .header-body {
        position: fixed;
        top: -80px;
        left: 0;
        width: 100%;
        transform: translateY(100%);
        transition: transform .5s;
        box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
        z-index: 999
    }

    .fixed::after {
        content: "";
        display: block;
        width: 100%;
        height: 80px
    }
}

.form-group.comment .content-name {
    font-size: 9px !important;
    left: 0px !important;
    top: -15px !important;
    text-transform: uppercase !important;
    color: var(--main-elements-color, var(--accent-color-400)) !important
}

.checkbox span {
    font-size: 12px;
    padding-left: 0px;
    line-height: 120%;
    color: #767676 !important
}

.cookie-modal {
    position: fixed;
    width: fit-content;
    height: fit-content;
    z-index: 9992;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: transparent
}

.cookie-modal__content {
    max-width: 600px;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #d9d9de;
    border-radius: 4px;
    box-shadow: 0px 2px 25px 0px rgba(118, 118, 118, .1490196078);
    margin-bottom: 30px;
    margin-right: 20px
}

.cookie-modal__content h4 {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 120%;
    letter-spacing: 0%;
    margin-bottom: 0
}

.cookie-modal__content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    margin-bottom: 0
}

.cookie-modal__content p a {
    color: var(--accent-color-400)
}

.cookie-modal__content button {
    width: fit-content;
    border-radius: 2px;
    padding: 10px 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    flex-shrink: 0;
    color: var(--color-button-primary-text, #fff);
    background-color: var(--color-button-primary-background, #2363d1);
    border-color: var(--color-button-primary-border, #2363d1)
}

.cookie-modal__content button:hover {
    background-color: var(--custom-accent-color-500, #1c52ac)
}

.user-data__personal {
    width: calc(33.3333333333% - 10px);
    padding: 20px;
    border: 1px solid var(--accent-color-300);
    margin-left: auto;
    margin-right: 0
}

.user-data__personal p {
    font-size: 14px !important;
    line-height: 130% !important;
    font-weight: 400
}

.lf-main-container .container {
    padding: 0
}

.user-data__content {
    display: flex
}

.partner-wrapper {
    display: flex;
    justify-content: space-between
}

.custom-select-wrapper {
    position: relative;
    width: 100%
}

.custom-select-wrapper::after {
    content: "▼";
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--custom-black-color)
}

.city-select-dropdown {
    font-size: 14px;
    height: 40px;
    color: var(--custom-black-color);
    background: var(--custom-gray-color-100);
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #bdbdbd;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}

.city-select-dropdown:focus {
    outline: none;
    background: var(--custom-gray-color-200)
}

#search-result-container[data-search-results-active],
#search-result-mob[data-search-results-active] {
    display: block !important
}

.partner-search-wrapper {
    margin: 20px 0;
    display: flex;
    gap: 10px
}

.partner-search-wrapper .form-control {
    max-width: 283px
}

#cart-form .form-group select {
    border-color: #a7a7ab !important;
    font-size: 14px;
    color: #767676
}

#cart-form .form-group select option {
    font-size: 14px;
    color: #767676
}

#cart-form .form-control {
    border-color: #a7a7ab;
    box-shadow: none;
    padding: 0 15px
}

#cart-form .form-group .content-name,
#cart-form .form-control::placeholder,
#cart-form textarea.form-control::placeholder {
    font-size: 14px;
    color: #767676
}

#cart-form textarea.form-control {
    padding: 10px 15px
}

.form-text a {
    color: var(--main-elements-color, var(--accent-color-400))
}

.home-banner__desktop-img {
    display: block !important
}

.home-banner__mobile-img {
    display: none !important
}

.user-data__avatar {
    overflow: hidden
}

@media(max-width: 767px) {
    .cookie-modal {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .2509803922)
    }

    .cookie-modal__content {
        width: 50%;
        flex-direction: column;
        padding: 15px;
        margin-bottom: 0;
        margin-right: 0;
        gap: 0;
        border-radius: 0;
        align-items: flex-start
    }

    .cookie-modal__content h4 {
        margin-bottom: 8px;
        font-size: 12px
    }

    .cookie-modal__content p {
        font-size: 10px
    }

    .cookie-modal__content p a {
        font-size: 10px
    }

    .cookie-modal__content button {
        width: 100%;
        margin-top: 15px
    }

    .lk-main-page__head .user-data {
        gap: 30px
    }

    .user-data__personal {
        margin-left: 0;
        width: 100%
    }

    .user-data__content {
        display: flex
    }

    .partner-wrapper {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px
    }

    .home-banner__desktop-img {
        display: none !important
    }

    .home-banner__mobile-img {
        display: block !important
    }
}

.catalog__links-block.city-select {
    flex: 0 0 auto;
    width: auto;
    min-width: 250px
}

.city-select-wrapper {
    width: 100%;
    position: relative;
    max-width: 283px
}

#partner-search-results-inline {
    position: absolute;
    top: 0;
    left: 0
}

.city-select-box {
    position: relative;
    width: 100%;
    min-width: 250px;
    font-family: inherit
}

.city-select-box__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s ease;
    user-select: none;
    min-height: 42px
}

.city-select-box__trigger:hover {
    border-color: #2363d1;
    background: #f8f9fa
}

.city-select-box.open .city-select-box__trigger {
    border-color: #2363d1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff
}

.city-select-box__value {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 1.4
}

.city-select-box__arrow {
    transition: transform .3s ease;
    color: #666;
    flex-shrink: 0;
    margin-left: 10px
}

.city-select-box.open .city-select-box__arrow {
    transform: rotate(180deg);
    color: #2363d1
}

.city-select-box__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #2363d1;
    border-top: none;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    display: none;
    flex-direction: column;
    max-height: 350px
}

.city-select-box.open .city-select-box__dropdown {
    display: flex
}

.city-select-box__search {
    position: relative;
    padding: 10px 12px;
    border-bottom: 1px solid #e8e8e8;
    flex-shrink: 0;
    background: #f8f9fa
}

.city-select-box__search-input {
    width: 100%;
    padding: 8px 36px 8px 12px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    font-size: 14px;
    outline: none;
    transition: all .2s ease;
    background: #fff;
    color: #333;
    font-family: inherit
}

.city-select-box__search-input:focus {
    border-color: #2363d1;
    box-shadow: 0 0 0 2px rgba(35, 99, 209, 0.1)
}

.city-select-box__search-input::placeholder {
    color: #999;
    font-size: 13px
}

.city-select-box__search-icon {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none
}

.city-select-box__options {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    overflow-y: auto;
    flex: 1;
    max-height: 250px
}

.city-select-box__options::-webkit-scrollbar {
    width: 5px
}

.city-select-box__options::-webkit-scrollbar-track {
    background: #f5f5f5
}

.city-select-box__options::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 2px
}

.city-select-box__options::-webkit-scrollbar-thumb:hover {
    background: #b0b0b0
}

.city-select-box__option {
    padding: 10px 16px;
    cursor: pointer;
    transition: all .2s ease;
    font-size: 14px;
    color: #333;
    line-height: 1.4
}

.city-select-box__option:hover {
    background: #f0f4ff;
    color: #2363d1
}

.city-select-box__option.selected {
    background: #e5efff;
    color: #2363d1;
    font-weight: 500;
    position: relative
}

.city-select-box__option.hidden {
    display: none
}

.city-select-box__option.no-results {
    padding: 20px 16px;
    text-align: center;
    color: #999;
    cursor: default;
    font-style: italic;
    font-size: 13px
}

.city-select-box__option.no-results:hover {
    background: transparent;
    color: #999
}

.section-favorite .catalog-sorting ul li a {
    display: flex;
    align-items: center
}

.section-favorite .icon-sort-price {
    display: inline-block;
    flex-shrink: 0
}

.section-favorite .cart-item__buttons {
    right: 0;
    left: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.cart-item--info {
    padding-right: 180px
}

@media(max-width: 768px) {
    .city-select-box {
        min-width: 200px
    }

    .city-select-box__trigger {
        padding: 9px 12px;
        min-height: 40px
    }

    .city-select-box__value {
        font-size: 13px
    }

    .city-select-box__dropdown {
        max-height: 300px
    }

    .city-select-box__options {
        max-height: 200px
    }

    .city-select-box__search {
        padding: 8px 10px
    }

    .city-select-box__search-input {
        padding: 7px 32px 7px 10px;
        font-size: 13px
    }

    .city-select-box__option {
        padding: 9px 12px;
        font-size: 13px
    }

    .cart-item--info {
        padding-right: 0
    }

    .section-favorite .cart-item__buttons {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: none;
        flex-direction: row-reverse
    }

    .catalog-sorting ul {
        display: flex !important
    }

    .catalog-sorting {
        align-items: flex-start;
        flex-direction: column
    }

    .cart-item--favorite .cart-item__image-wrapper {
        margin-bottom: 0
    }

    .st-button_add-to-cart .st-button__icon_cart {
        display: none
    }

    .st-button__icon+.st-button__text {
        display: block
    }
}

@keyframes slideDownCity {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.city-select-box.open .city-select-box__dropdown {
    animation: slideDownCity .3s ease
}

.partners-map-wrapper {
    margin-bottom: 40px
}

.partners-cities-wrapper {
    margin-top: 40px
}

.affiliate-network {
    margin-bottom: 60px
}

.affiliate-network__city-title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.2
}

.affiliate-network__head {
    margin-bottom: 20px
}

.partner-item[data-hidden] {
    display: none
}

.affiliate-network.city-filtered {
    display: none
}

.partners-show-more {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.partners-show-more.hidden {
    display: none
}

.partner-item__link {
    display: flex;
    align-items: center;
    gap: 8px
}

.partner-item__link::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("/static/images/partner-item-arrow.svg") 50% 50% no-repeat;
    background-size: contain
}

.product-v2 .compare-btn {
    display: none
}

.product-v2 .tab-content {
    padding: 0
}

.product-v2 .tabs li {
    padding-left: 0
}

.product-card .st-button_add-to-favorite {
    position: static;
    padding: 0 23px;
    border: 1px solid var(--catalog-btn__borderColor, #B7CBE5);
    max-width: 70px;
    min-width: 70px;
    flex-shrink: 0
}

.projects {
    margin-bottom: 20px
}

.projects .catalog__links-block {
    padding-bottom: 0
}

@media(max-width: 768px) {
    .affiliate-network__city-title {
        font-size: 24px
    }

    .affiliate-network {
        margin-bottom: 40px
    }

    .btn-show-more {
        padding: 12px 32px;
        font-size: 14px
    }

    .partners-map-wrapper {
        margin-bottom: 30px
    }

    .partners-cities-wrapper {
        margin-top: 30px
    }

    .projects {
        gap: 20px;
        margin-bottom: 20px
    }

    .city-select-box {
        max-width: none
    }

    .projects-search {
        width: 100%
    }
}

body .notifyjs-wrapper,
body .notifyjs-container {
    z-index: 555
}

.product-item--banner img {
    width: 100%;
    height: 100%;
    max-width: 290px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.review-item__links span {
    padding-right: .5rem
}

.review-item__links a {
    padding: 0 .3rem 0 .3rem
}

.review-item__links span:first-child {
    color: #7c8994
}

.agree-checkbox .content-name {
    top: 0
}

.product-item__btns {
    justify-content: flex-end
}

form .delivery-contacts-data {
    margin-bottom: 2rem
}

.delivery-choice.contacts {
    margin: 0
}

.pickup-point-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery-choice.contacts,
.pickup-point-selection,
.pickup-point-selection .content-title {
    width: 100%
}

.delivery-choice .delivery-total {
    margin: 30px 80px;
    border-top: 1px solid #f6f6f6;
    padding-top: 30px
}

.errors-block {
    background: #eb5a65;
    color: #fff;
    margin: 2rem 0;
    padding: 1rem;
    width: 100%
}

.errors-block span {
    padding-right: 1rem
}

.errors-block span,
.catalog-sorting ul li.active a {
    font-weight: bold
}

.icon-sort-price.price-asc span:before {
    width: 6px
}

.icon-sort-price.price-asc span:after {
    width: 12px
}

.form-group.filter-select {
    padding-right: 20px
}

.filter-item__content .filter-range {
    padding-right: 20px
}

.filter-show-all a {
    z-index: 1
}

.messages li {
    padding: 20px;
    background-color: #f44336;
    color: white;
    margin-bottom: 15px;
    border-radius: .6rem
}

.messages li.success {
    background-color: #00bdbd
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.closebtn:hover {
    color: black
}

.section-title {
    margin-top: 2rem
}

.product-item__btns .btn-checkout {
    height: 40px
}

.shopping-cart-product.not-available {
    justify-content: flex-end
}

.product-card__content .not-for-sale {
    margin-bottom: 20px
}

.bottom-panel {
    width: 100%;
    padding: 8px 15px;
    background: rgba(0, 0, 0, .7019607843);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999
}

#success-result-search {
    display: none
}

.city-selection__list {
    z-index: 999
}

.welcome__text.no-arrow::before {
    background: none
}

.catalog-side__content ul li a {
    pointer-events: inherit
}

.ya-share-block {
    position: relative
}

.input-number {
    margin-right: 5px
}

.delivery-comment {
    margin: 20px 0
}

.calculate-delivery__form-delivery {
    padding-left: 10px
}

li.menu-item.more {
    margin-top: 10px;
    text-align: right
}

.catalog-side__content ul li.more a::before {
    background: none !important
}

.catalog-side__content ul li.more a {
    background-image: url("/static/images/catalog-side-content-custom.svg");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 15px 15px;
    background-color: var(--catalog-menu-burger-color, transparent)
}

li.more .btn-border {
    color: var(--catalog-menu-arrow-color, #2363d1);
    border: 1px solid var(--catalog-menu-arrow-color, #2363d1)
}

#catalog-menu+.product-item--banner {
    margin-top: 1rem
}

.conditional-section.frontpage_seo_text .container {
    max-width: 980px
}

.conditional-section.club_privileges_block .container {
    padding: 0
}

.catalog-menu+.content-title {
    margin-top: 40px
}

.online-price {
    color: var(--color-product-online-price, #333)
}

.product-item__cost-product.online-price {
    bottom: 1rem;
    position: relative
}

.footer-bottom .copy.version {
    width: auto;
    margin-right: 5px
}

.with-online-price .product-item__cost-product,
.product-card__personal-cost.with-online-price {
    color: #a7a7a7
}

.main-action__type--news span,
.action-item__type--news span {
    background: var(--news-label-bg-color, #d74853);
    color: var(--news-label-font-color, #fff)
}

.main-action__type--action span,
.action-item__type--action span {
    background: var(--action-label-bg-color, #d74853);
    color: var(--action-label-font-color, #fff)
}

.main-action {
    width: 100%
}

.card-label_style-new {
    background-color: var(--new-tag-bg-color, yellow)
}

.b-multirows-row {
    margin-bottom: 1.5rem
}

.b-multirows-row:last-child {
    margin-bottom: 0
}

.header-top-bg-color {
    background-color: var(--header-top-bg-color, #fff)
}

.section.mobile-show.header-top-bg-color~.section {
    padding-top: 0
}

.main-slider~.catalog-side.mobile-show {
    margin-bottom: 20px
}

.catalog-menu.catalog-categories-block {
    margin-bottom: 50px
}

.frontpage .root-category-slider {
    padding-top: 40px
}

.footer-social svg.icon {
    position: relative;
    z-index: 2;
    fill: #3e3e3e;
    width: 14px;
    height: 14px;
    margin: auto
}

.footer-social a.svg::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.footer-social a.svg {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    display: flex
}

.not-available {
    font-size: 13px
}

.image-zoom .image_cover {
    background-color: transparent
}

.category-root-page .catalog-menu {
    margin-bottom: 100px
}

.sidebar-position-right {
    order: 1
}

.catalog-body.no-sidebar {
    width: 100%
}

.sidebar-position-right .filter-show-all {
    right: 220px;
    left: auto
}

.sidebar-position-right .filter-show-all::before {
    right: -2px;
    left: auto
}

.m-0 {
    margin: 0
}

#check-lombard-ticket input,
#check-lombard-ticket button {
    margin-bottom: 1.5rem
}

.header-cart .icon img {
    position: relative;
    right: 1.3rem
}

section.conditional-section_bg.ya-map {
    padding: 0
}

section.feedback-form .form-text {
    color: var(--feedback-form-text, #767676)
}

section.feedback-form .form-control:focus+.label-name::after,
section.feedback-form .form-control:valid+.label-name::after,
section.feedback-form .form-control:valid+.label-name .content-name {
    color: var(--feedback-form-text, var(--main-elements-color, #2363d1))
}

section.feedback-form .h2 {
    color: var(--feedback-form-title, #000)
}

section.feedback-form .form-control {
    border-color: var(--feedback-form-input-border, #e0e0e0)
}

.header-search button {
    background-color: var(--search-field-btn-color, var(--search-field-border-color, rgba(255, 255, 255, 0.1019607843)))
}

.section-dark.feedback-form {
    background-color: #f5f5f5
}

.catalog-inner-btn {
    background-color: var(--catalog-menu-button_bg, var(--color-main-dropdown-menu-bg, #333))
}

.catalog-menu-item {
    height: var(--category-preview-height, 140px)
}

.filter-item-title {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 13px;
    font-weight: bold;
    line-height: 24px;
    color: #333;
    padding-bottom: 3px;
    cursor: pointer
}

.filter-item-title,
.catalog-filter-accordion .opener {
    font-size: 14px
}

.inner-page .section-dark {
    background-color: var(--inner-page-bg, #f5f5f5)
}

.owl-carousel .owl-item img.custom-cart-icon {
    width: initial
}

.shopping-cart-btn.custom-icon {
    background-image: none;
    transition: all .2s ease-in-out
}

.shopping-cart-btn--lg.custom-icon {
    padding-left: 0
}

.shopping-cart-btn.custom-icon.hover,
.shopping-cart-btn.custom-cart-icon.hover {
    opacity: 0;
    display: none
}

.shopping-cart-btn:has(img.custom-icon.hover):hover img.custom-icon,
.shopping-cart-btn:has(img.custom-cart-icon.hover):hover img.custom-cart-icon {
    display: none
}

.shopping-cart-btn:has(img.custom-icon.hover):hover img.custom-icon.hover,
.shopping-cart-btn:has(img.custom-cart-icon.hover):hover img.custom-cart-icon {
    opacity: 1;
    display: flex
}

.add-to-cart img.cart-icon {
    padding-right: 1rem;
    transition: all .2s ease-in-out
}

.add-to-cart img.cart-icon.hover {
    opacity: 0;
    display: none
}

.add-to-cart:has(img.cart-icon.hover):hover img.cart-icon {
    display: none
}

.add-to-cart:has(img.cart-icon.hover):hover img.cart-icon.hover {
    opacity: 1;
    display: flex
}

.st-button_add-to-cart .st-button__icon_cart {
    transition: all .2s ease-in-out
}

.st-button_add-to-cart .st-button__icon_cart.hover {
    opacity: 0;
    display: none
}

.st-button_add-to-cart:has(.st-button__icon_cart.hover):hover .st-button__icon_cart {
    display: none
}

.st-button_add-to-cart:has(.st-button__icon_cart.hover):hover .st-button__icon_cart.hover {
    opacity: 1;
    display: flex
}

.owl-carousel .owl-item img.custom-icon {
    width: auto
}

.inner-page main {
    background-color: var(--inner-page-bg, #fff)
}

section.feedback-form .question-form {
    border-color: var(--feedback-form-border, var(--main-elements-color, #2363d1));
    background-color: var(--feedback-form-bg, var(--feedback-form-section-bg-color, #fff))
}

section.feedback-form,
.inner-page .section-dark.feedback-form {
    background-color: var(--feedback-form-section-bg-color, #fff) !important
}

.product-card-v2:hover {
    border-color: var(--product-preview-border-hover-color, #d9d9de)
}

.error-text ul li {
    color: #d74853
}

.product-item.product-item--banner,
.product-item.product-item--banner a {
    height: 100%
}

.table {
    overflow: auto
}

.catalog-box.show {
    transform: translateY(0px);
    z-index: 1;
    visibility: visible;
    opacity: 1
}

.catalog-box {
    width: 100%;
    background: #333;
    padding-top: 33px;
    padding-bottom: 33px;
    margin-top: 40px;
    transform: translateY(-50px);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: .2s
}

.__header .catalog-box {
    margin-top: 18px
}

.catalog-box ul {
    width: 100%;
    max-height: 485px;
    display: grid;
    grid-template-rows: repeat(6, auto);
    gap: 10px;
    grid-auto-flow: column;
    margin-bottom: 0
}

.catalog-box li {
    position: relative;
    max-width: 224px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    min-height: 33px
}

.catalog-box ul a {
    font-family: var(--rr);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
    transition: .2s;
    padding-right: 60px;
    position: relative
}

header ul.hover--color a:hover {
    color: #2363d1
}

header ul.hover--underline a:hover {
    color: #fff
}

header ul.hover--underline li:hover::after {
    transform: scaleX(1);
    transform-origin: center left
}

header ul.hover--underline li::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0px;
    border-bottom: 1px solid #2363d1;
    transform: scaleX(0);
    transform-origin: center right;
    transition: transform .45s cubic-bezier(0.4, 0, 0, 1)
}

header ul.hover--arrow a:hover {
    color: #fff
}

header ul.hover--arrow li:before {
    content: "";
    width: 14px;
    height: 8px;
    position: absolute;
    right: -30px;
    bottom: 0;
    top: -7px;
    margin: auto;
    background-image: url("/static/images/small-arrow.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transform: translateX(10px);
    transition: .4s
}

header ul.hover--arrow li:hover:before {
    opacity: 1;
    transform: none
}

header ul.link--arrow-right li span img,
header ul.link--arrow-left li span img {
    max-width: 33px;
    max-height: 33px
}

header ul.link--arrow-right li span,
header ul.link--arrow-left li span {
    position: absolute;
    top: 0px;
    bottom: 0;
    display: flex;
    margin: auto;
    max-width: 33px;
    max-height: 33px
}

header ul.link--arrow-right li span {
    right: 0
}

header ul.link--arrow-left li span {
    left: 0
}

header ul.link--arrow-left span+a {
    padding-left: 58px;
    padding-right: 0 !important
}

@media only screen and (max-width: 1280px) {
    .catalog-box li {
        max-width: 180px;
        margin-bottom: 20px
    }

    .catalog-box ul a {
        font-size: 12px;
        padding-right: 42px
    }
}

.__header .option-items li a.header-cart {
    margin-left: 0
}

.header-user__link.noauth .icon {
    position: relative;
    margin: 0
}

.header-cart .icon img.icon-svg {
    right: 0;
    transition: all .2s ease-in-out
}

.header-cart .icon-svg.hover {
    opacity: 0;
    display: none
}

.header-cart:has(.icon-svg.hover):hover .icon-svg {
    display: none
}

.header-cart:has(.icon-svg.hover):hover .icon-svg.hover {
    opacity: 1;
    display: flex
}

.inner-page section.header--bottom-mob,
.inner-page section.__h-fat-v2-bottom {
    background-color: #000 !important
}

.__header .catalog-btn span,
.__header .catalog-btn span:before,
.__header .catalog-btn span::after {
    background-color: var(--header-top-icon-color, #2363D1)
}

.catalog-header-content .catalog-box a:hover,
.catalog-header-content .catalog-box a::after {
    background-color: transparent !important
}

.burger-box svg {
    color: var(--main-elements-color, #2363D1)
}

.product-card__radio-options.product-modification-params a.active,
.product-card__product-mod-param_active {
    background: #2363d1;
    border-color: #2363d1;
    color: #fff
}

.header-body__content {
    z-index: 9999
}

.conditional-section.mb-0 {
    margin-top: 0 !important
}

@media(max-width: 767px) {
    .catalog-container .catalog-content .product-item {
        display: block
    }

    .main-slider .owl-dots {
        left: auto;
        bottom: -30px;
        width: 100%;
        text-align: center
    }

    .delivery-choice .delivery-total {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .wide-mode .catalog-side.mobile-show {
        margin: 20px auto
    }

    .wide-mode-alter .catalog-side.mobile-show {
        margin: 20px 0 0 0
    }
}

@media(min-width: 767px) {
    .frontpage.wide-mode .section:first-child {
        padding-top: 0
    }
}

@media(max-width: 700px) {
    .main-action {
        margin-left: 0;
        margin-right: 0
    }
}

@media(max-width: 575.98px) {
    .hide_adaptive {
        display: none !important
    }
}

.pl--0 {
    padding-left: 0 !important
}

.pr--0 {
    padding-right: 0 !important
}

@media(min-width: 991px) {
    .__header .row .col-lg-2 {
        width: 16.66667%
    }

    .__header .row .col-lg-6 {
        width: 50%
    }

    .__header .row .col-lg-4 {
        width: 33.33333%
    }
}

.__header {
    height: 80px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.__header .logo {
    align-items: center;
    height: 100%;
    display: flex
}

.__header .logo img {
    max-width: 100%
}

.__header .custom-block {
    display: flex;
    align-items: center;
    height: 47px;
    padding-left: 50px
}

.__header .catalog-btn {
    background: #333;
    border: 1px solid #333;
    position: relative;
    margin: 0;
    padding: 5px 4px 5px 57px;
    margin-right: 8px;
    flex-shrink: 0;
    transition: .2s;
    height: 100%;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: normal;
    max-width: 195px;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.__header .catalog-btn:hover {
    background: #474747
}

.__header .catalog-btn span {
    width: 17px;
    height: 2px;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    margin: auto;
    transition: .2s;
    pointer-events: none
}

.__header .catalog-btn.toggled {
    background: #474747
}

.__header .catalog-btn.toggled span {
    background: transparent
}

.__header .catalog-btn.toggled span:before {
    transform: rotate(45deg) translateX(8.5px);
    left: -7px
}

.__header .catalog-btn.toggled span::after {
    transform: rotate(-45deg) translateX(8.5px);
    left: -7px
}

.__header .catalog-btn span:before,
.__header .catalog-btn span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    transition: .2s
}

.__header .catalog-btn span:before {
    top: -6px
}

.__header .catalog-btn span::after {
    bottom: -6px
}

.__header .search-box {
    width: 100%;
    height: 100%;
    position: relative
}

.__header .search-box form {
    height: 100%
}

.__header .search-box input {
    width: 100%;
    height: 100%;
    background: #222;
    padding-left: 16px;
    padding-right: 65px;
    color: #fff;
    font-family: var(--rr) !important;
    font-size: 14px;
    border: 1px solid #333
}

.__header .search-box input::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.__header .search-box .submit {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    background: #333;
    cursor: pointer;
    transition: .2s;
    padding-left: 17px;
    padding-right: 17px;
    border-radius: 0px
}

.__header .search-box .submit:hover {
    background: #474747
}

.__header .options-box ul {
    margin: 0px 0
}

.__header .options-box ul:first-child {
    margin-top: 0
}

.__header .options-box ul:last-child {
    margin-bottom: 0
}

.__header .options-box .login-register {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: var(--rb);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    position: relative;
    top: 1px
}

.__header .options-box .login-register a {
    color: #000
}

.__header .options-box .login-register a:hover {
    text-decoration: underline;
    color: #1c52ac
}

.__header .options-box .login-register span {
    margin: 0 2px
}

.__header .options-box .login-register img {
    margin-right: 11px
}

.__header .options-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    max-height: 48px;
    height: 100%;
    width: 232px;
    margin-left: -30px;
    align-items: flex-start
}

.__header .options-box .nav-items {
    display: flex;
    width: 100%
}

.__header .options-box .nav-items li {
    padding-right: 20px;
    line-height: 16px
}

.__header .options-box .nav-items li:last-child {
    padding-right: 0px
}

.__header .options-box .nav-items li a {
    font-size: 14px;
    color: #000;
    font-family: var(--rb);
    transition: .2s;
    position: relative
}

.__header .options-box .nav-items li .location-caret:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 7px;
    right: -13px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #000
}

.__header .options-box .nav-items li .location-caret:hover:before {
    border-top-color: #2363d1
}

.__header .options-box .nav-items li a.active,
.__header .options-box .nav-items li a:hover {
    color: #1c52ac;
    text-decoration: underline;
    text-underline-position: under
}

.__header .option-items {
    display: flex;
    width: 100%
}

.__header .option-items li {
    padding-right: 10px
}

.__header .option-items li a {
    font-size: 12px;
    color: #000;
    font-family: var(--rb);
    transition: .2s;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 21px
}

.__header .option-items li:last-child {
    padding-right: 0
}

.__header .option-items li img {
    margin-right: 8px;
    max-width: 17px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.__header .option-items li a.active,
.__header .option-items li a:hover {
    color: #2363d1;
    text-decoration: underline
}

.__header .option-items {
    display: flex
}

.__header .option-items.v-white li a {
    padding-left: 27px
}

.__header .option-items.v-white a {
    color: #000;
    font-size: 14px;
    line-height: 17px
}

.__header .option-items.v-white img {
    max-width: 21px
}

.__header .contact-box {
    display: flex;
    max-height: 48px;
    height: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: fit-content;
    margin-left: auto;
    min-width: 159px
}

.__header .contact-box p {
    margin-bottom: 0px;
    position: relative;
    font-family: var(--rb);
    font-size: 14px;
    line-height: 17px;
    color: #000;
    cursor: pointer;
    transition: .2s;
    display: flex;
    align-items: center;
    padding-left: 20px
}

.__header .contact-box p:hover {
    color: #2363d1
}

.__header .contact-box a {
    font-family: var(--rb);
    font-size: 14px;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: .2s
}

.__header .contact-box .circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: solid 2px #2363d1;
    flex-shrink: 0;
    margin-right: 6px;
    position: relative;
    animation: circleFlick 1s infinite linear;
    animation-delay: .1s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.__header .contact-box .circle:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    border: solid 3px #2363d1;
    border-radius: 100%;
    animation: circleFlick 1s infinite linear
}

@keyframes circleFlick {
    0% {
        border-color: #fff
    }

    80% {
        border-color: #2363d1
    }

    100% {
        border-color: #fff
    }
}

.__header .contact-box a:hover {
    color: #2363d1
}

.__header .contact-box a img {
    margin-right: 6px
}

.__header .contact-box p>* {
    pointer-events: none
}

.__header .contact-box p.toggled {
    padding-left: 0
}

.__header .contact-box p.toggled>* {
    pointer-events: all
}

.__header .contact-box p.toggled .show-number,
.__header .contact-box p.toggled .circle {
    display: none;
    pointer-events: none
}

.__header .contact-box p.toggled a {
    display: inline-block
}

.__header .contact-box p a {
    display: none;
    color: #000
}

.general--width {
    max-width: 290px
}

.__header #search-result {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(35, 31, 32, 0.07);
    display: none;
    margin-top: 5px;
    align-items: center;
    max-height: 70vh;
    overflow-x: auto;
    z-index: 999
}

.__header #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none
}

.__header #overlay.show {
    display: block
}

.__header ::-webkit-scrollbar {
    width: 8px
}

.__header ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px
}

.__header ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.157);
    border-radius: 5px
}

.__header ::-webkit-scrollbar-thumb:hover {
    background: #555
}

.__header #search-result .s-item-link {
    width: 100%;
    align-items: center;
    transition: .2s;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}

.__header #search-result .s-item-link:last-child {
    border: none
}

.__header #search-result .s-item-link:hover {
    background-color: rgba(0, 0, 0, 0.048)
}

.__header #search-result .s-item-img {
    width: 50px;
    margin-right: 10px
}

.__header #search-result .s-item-img img {
    max-width: 100%;
    max-height: 50px
}

.__header #search-result .s-item-info {
    width: 100%
}

.__header #search-result .s-item-info span {
    margin: 2px 0
}

.__header #search-result .s-item-info span:first-child {
    margin-top: 0
}

.__header #search-result .s-item-info span:last-child {
    margin-bottom: 0
}

.__header #search-result .s-item-title {
    font-family: var(--rr);
    display: inline-block;
    color: #000;
    width: 100%;
    font-size: 12px
}

.__header #search-result .s-item-price {
    width: 100%;
    display: inline-block;
    font-family: var(--rb);
    color: #1c52ac
}

.__header #search-result .all-items-link {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1c52ac;
    color: #fff;
    font-family: var(--rb);
    padding: 10px 10px;
    transition: .2s
}

@media only screen and (max-width: 1536px) {
    .__header .contact-box a {
        line-height: 15px
    }

    .__header .contact-box a img {
        max-width: 14px
    }

    .__header .contact-box .circle {
        width: 14px;
        height: 14px
    }

    .__header .contact-box p {
        line-height: 14px
    }

    .__header .contact-box .circle:before {
        width: 4px;
        height: 4px;
        background-color: #ff5f00
    }

    .__header .options-box .nav-items li {
        line-height: 14px
    }

    .__header .options-box .login-register {
        top: 2px
    }

    .__header .option-items.v-white a {
        line-height: 14px
    }
}

@media only screen and (max-width: 1280px) {
    .general--width {
        max-width: 260px
    }

    .__header .custom-block {
        padding-left: 0
    }

    .__header .catalog-btn {
        padding: 5px 4px 5px 35px;
        margin-right: 5px;
        font-size: 12px;
        max-width: 155px
    }

    .__header .catalog-btn span:first-child {
        left: 10px
    }

    .__header .options-box {
        width: 180px
    }

    .__header .options-box .nav-items li {
        line-height: 12px
    }

    .__header .options-box .nav-items li a {
        font-size: 10px
    }

    .__header .option-items li {
        padding-right: 6px
    }

    .__header .option-items li img {
        max-width: 14px
    }

    .__header .option-items li a {
        font-size: 10px;
        padding-left: 16px
    }

    .__header .option-items li:last-child {
        padding-right: 0
    }

    .__header .contact-box p {
        font-size: 11px
    }

    .__header .contact-box a {
        font-size: 12px
    }

    .__header .option-items.v-white a {
        font-size: 11px;
        line-height: 13px
    }

    .__header .options-box .login-register {
        font-size: 11px;
        line-height: 15px;
        top: 2px
    }
}

@media only screen and (max-width: 991px) {
    .__header {
        display: none
    }

    .header--mob {
        display: flex
    }

    main {
        padding-top: 60px !important
    }
}

@media only screen and (max-width: 991px) {
    .header--mob {
        display: flex
    }
}

.header--mob {
    background: var(--header-top-bg-color, #fff);
    height: 60px;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    z-index: 999;
    top: 0;
    left: 0
}

.header--mob .row {
    align-items: center
}

.header--mob .logo {
    max-width: 76px;
    width: 100%
}

.header--mob .logo img {
    max-width: 100%
}

.header--mob .phone--box {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.header--mob .phone--box a {
    font-family: var(--rb);
    font-size: 14px;
    line-height: 13px;
    color: #000;
    width: 100%;
    text-align: center
}

.header--mob .phone--box a+a {
    margin-top: 8px
}

.header--mob .cart-mob {
    position: relative;
    margin-right: 10px
}

.header--mob .cart--counter {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
    position: absolute;
    top: -7px;
    right: -7px;
    box-shadow: 0px 0px 5px rgb(212, 212, 212);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--rb);
    font-size: 9px
}

.search--box {
    width: 100%;
    position: relative
}

.search--box form {
    width: 100%;
    display: flex
}

.search--box form.s-icon-left .submit {
    order: 1
}

.search--box form.s-icon-left input {
    order: 2
}

.search--box form.s-icon-right .submit {
    order: 2
}

.search--box form.s-icon-right input {
    order: 1
}

.header--bottom-mob .search--box input,
.header--mob .search--box input {
    width: 100%;
    height: 26px;
    background: #2c2c2c;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: var(--rr) !important;
    font-size: 12px
}

.search--box .submit {
    width: 60px;
    top: 0;
    font-size: 0;
    background: #4d4d4d;
    cursor: pointer;
    transition: .2s;
    padding-left: 17px;
    padding-right: 17px;
    border: none;
    outline: none;
    margin: 0;
    height: 26px;
    width: 31px;
    padding: 0;
    border-radius: 0px
}

.search--box .submit.icon-left {
    margin-right: auto
}

.search--box .submit img {
    max-width: 13px
}

.search--box .submit:hover {
    background: #2b2b2b
}

.header--bottom-mob .search--box input::placeholder,
.header--mob .search--box input::placeholder {
    color: #fff
}

#search-result-mob {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(35, 31, 32, 0.07);
    display: none;
    margin-top: 5px;
    align-items: center;
    max-height: 70vh;
    overflow-x: auto;
    z-index: 999
}

#overlay_mob {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none
}

#overlay_mob.show {
    display: block
}

.s-item-link {
    display: flex;
    width: 100%;
    align-items: center;
    transition: .2s;
    padding: 10px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}

.s-item-link:last-child {
    border: none
}

.s-item-link:hover {
    background-color: rgba(0, 0, 0, 0.048)
}

.s-item-img {
    width: 50px;
    margin-right: 10px
}

.s-item-img img {
    max-width: 100%;
    max-height: 50px
}

.s-item-info {
    width: 100%
}

.s-item-info span {
    margin: 2px 0
}

.s-item-info span:first-child {
    margin-top: 0
}

.s-item-info span:last-child {
    margin-bottom: 0
}

.s-item-title {
    font-family: var(--rr);
    display: inline-block;
    color: #000;
    width: 100%;
    font-size: 12px
}

.s-item-price {
    width: 100%;
    display: inline-block;
    font-family: var(--rb);
    color: #1c52ac
}

.all-items-link {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1c52ac;
    color: #fff;
    font-family: var(--rb);
    padding: 10px 10px;
    transition: .2s
}

.burger-box {
    display: flex;
    width: 100%;
    height: 35px;
    align-items: center;
    margin-left: auto;
    justify-content: flex-end
}

.burger-box .tel-mob {
    display: flex;
    align-items: center;
    font-family: var(--rb);
    font-size: 8px;
    line-height: 9px;
    color: #000
}

.burger-box .tel-mob img {
    margin-right: 7px;
    flex-shrink: 0
}

.burger-box #my-button {
    margin: 0;
    width: auto;
    margin-left: 8px;
    flex-shrink: 0;
    padding-right: 0
}

.burger-box .cart-mob img {
    width: 23px
}

@media only screen and (min-width: 991px) {
    .header--bottom-mob {
        display: none !important
    }
}

@media only screen and (max-width: 991px) {
    .header--bottom-mob~main {
        padding-top: 100px !important
    }
}

.header--bottom-mob {
    display: flex;
    height: 40px;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 998;
    border-top: 1px solid rgb(32, 32, 32);
    align-items: center
}

.header--bottom-mob .option-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px
}

.header--bottom-mob .custom-mob-cart {
    display: inline-flex;
    align-items: center;
    font-family: var(--rb);
    font-size: 10px;
    line-height: normal;
    letter-spacing: -0.025em;
    color: #fff;
    height: 26px;
    width: fit-content;
    transition: .2s
}

.header--bottom-mob .custom-mob-cart img {
    margin-left: 5px;
    width: 23px
}

.header--bottom-mob .custom-mob-cart.bordered {
    border: 1px solid #1c52ac;
    padding: 5px 7px 5px 7px;
    width: 100%;
    justify-content: center
}

.header--bottom-mob .custom-mob-cart.bordered:hover {
    background-color: #1c52ac
}

.header--bottom-mob .custom-mob-cart.bordered img {
    max-width: 18px
}

.header--bottom-mob .custom-tel-24 {
    padding: 3px 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 26px;
    font-family: var(--rb);
    font-size: 8px;
    line-height: 9px;
    color: #fff;
    border: 1px solid #1c52ac;
    transition: .2s
}

.header--bottom-mob .custom-tel-24:hover {
    background-color: #1c52ac
}

.header--bottom-mob .custom-tel-24 img {
    margin-right: 10px;
    flex-shrink: 0
}

.header--bottom-mob .custom-mob-number {
    padding: 4px 4px 2.5px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 26px;
    font-family: var(--rb);
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    border: 1px solid #1c52ac;
    transition: .2s
}

.header--bottom-mob .custom-mob-number:hover {
    background-color: #1c52ac
}

.header--bottom-mob .custom-mob-number img {
    margin-right: 10px;
    flex-shrink: 0
}

.header--bottom-mob.bottom-fixed {
    display: flex;
    height: 40px;
    background-color: #000;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    border-top: 1px solid rgb(32, 32, 32);
    align-items: center
}

.header--bottom-mob.bottom-fixed #search-result-mob {
    top: auto;
    bottom: 100%
}

@media only screen and (max-width: 991px) {
    footer {
        padding-bottom: 80px
    }

    .header--bottom-mob.bottom-fixed~main {
        padding-top: 60px !important
    }

    .js-up {
        bottom: 90px !important
    }

    .safety-message-fixed {
        bottom: 45px !important
    }
}

.__header .v3-variant {
    display: flex;
    align-items: center;
    width: 100%;
    max-height: 47px;
    height: 100%;
    margin-left: -30px;
    position: relative
}

.__header .v3-variant .col-block {
    width: 80px;
    flex-shrink: 0;
    margin-left: 5px;
    max-height: 48px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

@media(min-width: 1280px) {
    .__header .v3-variant .col-block {
        width: 92px
    }
}

.__header .v3-variant .col-block .option-items {
    width: auto
}

.__header .v3-variant .col-block .option-items:last-child {
    width: 100%
}

.__header .v3-variant .col-block .option-items li a {
    padding-left: 24px
}

.__header .v3-variant .col-block.a-center {
    flex-direction: row;
    align-items: center
}

.__header .menu-box.show {
    transform: translateY(0px);
    z-index: 1;
    visibility: visible;
    opacity: 1
}

.__header .menu-box {
    width: 353px;
    background: #474747;
    padding-top: 33px;
    padding-bottom: 20px;
    padding-left: 58px;
    padding-right: 58px;
    margin-top: 65px;
    transform: translateY(-50px);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    position: absolute;
    top: 0;
    left: 0
}

.__header .menu-box ul {
    width: 100%;
    max-height: 485px;
    display: -ms-grid;
    -ms-grid-template-rows: repeat(6, auto);
    gap: 10px;
    -ms-grid-auto-flow: column;
    margin-bottom: 0
}

.__header .menu-box li {
    position: relative;
    max-width: 224px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    min-height: 33px
}

.__header .menu-box ul a {
    font-family: var(--rr);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
    transition: .2s;
    padding-right: 60px;
    position: relative
}

.__header .menu-btn {
    background: rgb(17, 17, 17);
    border: 1px solid #7c8994;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 5px 18px 5px 5px;
    margin-right: 8px;
    flex-shrink: 0;
    transition: .2s;
    font-family: var(--msb);
    height: 100%;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.025em;
    line-height: normal;
    max-width: 150px;
    width: 100%
}

.__header .menu-btn img {
    margin-right: 12px;
    transition: .2s;
    pointer-events: none
}

.__header .menu-btn img+img {
    position: absolute;
    left: 32px;
    opacity: 0
}

.__header .menu-btn:hover {
    background: #474747
}

.__header .menu-btn span {
    width: 17px;
    height: 2px;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    background: #ff5f00;
    border-radius: 5px;
    margin: auto;
    transition: .2s
}

.__header .menu-btn.toggled {
    background: #474747
}

.__header .menu-btn.toggled img {
    opacity: 0
}

.__header .menu-btn.toggled img+img {
    display: inline-block;
    opacity: 1
}

@media only screen and (max-width: 1280px) {
    .__header .v3-variant {
        margin-left: -28px
    }

    .__header .menu-btn {
        font-size: 12px;
        max-width: 110px
    }

    .__header .menu-btn img+img {
        left: 15px
    }

    .__header .menu-box ul a {
        font-size: 12px;
        padding-right: 42px
    }

    .__header .menu-box li {
        margin-bottom: 20px
    }
}

.search-box.fat-v2-width {
    width: 377px !important;
    flex-shrink: 0
}

.__header .c-box-fat-v2 {
    flex-wrap: wrap;
    padding-left: 50px;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    width: 100%
}

.__header .c-box-fat-v2 p {
    margin-bottom: 0;
    margin-right: 6px;
    flex-wrap: wrap;
    max-width: 160px;
    padding-left: 20px !important
}

.__header .c-box-fat-v2 p a+a {
    padding-top: 12px
}

.__header .c-box-fat-v2 .order-call {
    border: 1px solid #b7cbe5;
    padding: 12px 14px;
    max-height: 48px;
    max-width: 160px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #1c52ac
}

.__header .c-box-fat-v2 .order-call:hover {
    background-color: #1c52ac;
    border-color: #1c52ac;
    color: #fff
}

.__h-fat-v2-bottom {
    background: #000;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 99;
    width: 100%
}

.__fat-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 40px
}

.__fat-v2-options {
    display: flex;
    align-items: center
}

.__fat-v2-options ul {
    display: flex;
    align-content: center;
    height: 100%
}

.__fat-v2-options ul li {
    padding-right: 13px;
    height: 100%
}

.__fat-v2-options ul li:last-child {
    padding-right: 0
}

.__fat-v2-options ul li a {
    font-size: 12px;
    color: #fff;
    font-family: var(--rb);
    transition: .2s;
    display: flex;
    align-items: center;
    height: 100%
}

.__fat-v2-options ul li img {
    flex-shrink: 0;
    margin-right: 6px
}

.__fat-v2-options ul li a.active,
.__fat-v2-options ul li a:hover {
    color: #1c52ac;
    text-decoration: underline
}

.__fat-v2-nav ul {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    height: 100%;
    height: 40px;
    align-items: center
}

.__fat-v2-nav ul li {
    height: 100%;
    position: relative;
    transition: .2s
}

.__fat-v2-nav ul li a {
    color: #fff;
    font-family: var(--rr);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    transition: .2s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px
}

.__fat-v2-nav ul li a.active {
    text-decoration: underline;
    color: #1c52ac;
    text-underline-position: under
}

.__fat-v2-nav ul li:hover {
    background: #474747
}

.__fat-v2-nav ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: all;
    transform: translateY(0px)
}

.__fat-v2-nav ul li a:hover {
    color: #1c52ac
}

.__fat-v2-nav ul li ul {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
    height: auto;
    transition: .2s;
    width: 0;
    margin-right: 0;
    width: 390px;
    position: absolute;
    transform: translateY(-20px)
}

.__fat-v2-nav ul li ul li {
    margin-right: 0;
    height: auto;
    background: #474747;
    transition: .2s
}

.__fat-v2-nav ul li ul li a {
    padding: 12px 15px 12px 15px;
    display: inline-block;
    width: 100%
}

.__fat-v2-nav ul li ul li:hover>a {
    background: #323232
}

@media only screen and (max-width: 1280px) {
    .search-box.fat-v2-width {
        width: 100%;
        flex-shrink: unset
    }

    .__header .c-box-fat-v2 {
        padding-left: 0
    }

    .__fat-v2-nav ul li a {
        font-size: 12px
    }

    .__header .c-box-fat-v2 p {
        max-width: 128px
    }
}

@media only screen and (max-width: 991px) {
    .__h-fat-v2-bottom {
        display: none
    }
}

.__header.trapeze .catalog-btn {
    z-index: 1
}

.__header.trapeze .custom-block {
    padding-left: 30px
}

.__header.trapeze .catalog-btn {
    border: none;
    background: none;
    color: #1c52ac;
    letter-spacing: -0.025em;
    font-family: "Golos";
    max-width: 213px;
    padding: 5px 26px 5px 64px
}

.__header.trapeze .catalog-btn.toggled {
    background: none
}

.__header.trapeze .catalog-btn span {
    left: 35px
}

.__header.trapeze .catalog-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -11px;
    width: 100%;
    height: 100%;
    border: 1px solid #b7cbe5;
    transform: skew(25deg)
}

.__header.trapeze_1 .catalog-btn {
    border-left: 1px solid #b7cbe5
}

.__header.trapeze_2 .catalog-btn:before {
    border-left: none;
    transform: skew(-25deg);
    border-bottom: none
}

.__header.trapeze_2 .catalog-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 79.8%;
    height: 100%;
    border: 1px solid #b7cbe5;
    border-right: none;
    border-bottom: 1px solid #b7cbe5;
    transform: skew(25deg)
}

.__header.trapeze_3 .catalog-btn:before {
    border-left: none;
    border-top: none
}

.__header.trapeze_3 .catalog-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 79.8%;
    height: 100%;
    border: 1px solid #b7cbe5;
    border-right: none;
    border-bottom: 1px solid #b7cbe5;
    transform: skew(-25deg)
}

.__header.trapeze_4 .catalog-btn:before {
    width: calc(100% - 22px);
    transform: skew(-25deg);
    left: 11px
}

.__header.trapeze_5 .catalog-btn {
    border-right: 1px solid #b7cbe5
}

.__header.trapeze_5 .catalog-btn:before {
    left: 11px;
    border-right: none
}

.__header.trapeze_6 .catalog-btn {
    border: 1px solid #b7cbe5
}

.__header.trapeze_6 .catalog-btn:before,
.__header.trapeze_6 .catalog-btn::after {
    display: none
}

.__header.trapeze .search-box .field__box {
    height: 100%;
    position: relative;
    width: calc(100% - 82px)
}

.__header.trapeze .search-box input {
    border: none;
    background: none;
    letter-spacing: -0.025em;
    font-family: "Golos";
    color: #1c52ac;
    padding-right: 22px;
    width: 100%;
    z-index: 1;
    position: relative
}

.__header.trapeze .search-box .field__box:before {
    content: "";
    position: absolute;
    top: 0;
    left: -11px;
    width: 100%;
    height: 100%;
    border: 1px solid #b7cbe5;
    transform: skew(25deg)
}

.__header.trapeze .search-box input::placeholder {
    color: #1c52ac
}

.__header.trapeze_5 .search-box .field__box {
    overflow: hidden
}

.__header.trapeze_5 .search-box input {
    border-left: 1px solid #b7cbe5
}

.__header.trapeze_6 .search-box input {
    border-left: 1px solid #b7cbe5
}

.__header.trapeze_2 .search-box .field__box:before,
.__header.trapeze_4 .search-box .field__box:before,
.__header.trapeze_5 .search-box .field__box:before,
.__header.trapeze_6 .search-box .field__box:before {
    transform: skew(-25deg)
}

.__header.trapeze_6 .search-box .field__box {
    overflow: hidden
}

.__header.trapeze_6 .search-box .field__box:before {
    transform: skew(-25deg);
    border-left: none
}

.__header.trapeze .search-box .submit {
    background: #b7cbe5;
    width: 85px
}

.__header.trapeze_1 .search-box .submit,
.__header.trapeze_3 .search-box .submit {
    transform: skew(25deg)
}

.__header.trapeze_2 .search-box .submit,
.__header.trapeze_4 .search-box .submit {
    transform: skew(-25deg)
}

.__header.trapeze .search-box .submit:hover {
    background: #1c52ac
}

.__header.trapeze_1 .search-box .submit img,
.__header.trapeze_3 .search-box .submit img {
    transform: skew(-25deg)
}

.__header.trapeze_2 .search-box .submit img,
.__header.trapeze_4 .search-box .submit img {
    transform: skew(25deg)
}

.__header.trapeze_5 .search-box .submit,
.__header.trapeze_6 .search-box .submit,
.__header.trapeze_5 .search-box .submit:hover,
.__header.trapeze_6 .search-box .submit:hover {
    border: none;
    background: none
}

.__header.trapeze_5 .search-box .submit:before,
.__header.trapeze_6 .search-box .submit:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 25px);
    height: 100%;
    background: #b7cbe5;
    border: 1px solid #b7cbe5;
    border-right: none;
    transform: skew(-25deg);
    transition: .2s
}

.__header.trapeze_5 .search-box .submit::after,
.__header.trapeze_6 .search-box .submit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 25px);
    height: 100%;
    background: #b7cbe5;
    border: 1px solid #b7cbe5;
    border-left: none;
    transform: skew(25deg);
    transition: .2s
}

.__header.trapeze_5 .search-box .submit img,
.__header.trapeze_6 .search-box .submit img {
    position: relative;
    z-index: 1
}

.__header.trapeze_5 .search-box .submit:hover:before,
.__header.trapeze_5 .search-box .submit:hover::after,
.__header.trapeze_6 .search-box .submit:hover:before,
.__header.trapeze_6 .search-box .submit:hover::after {
    background: #1c52ac;
    border-color: #1c52ac
}

.__header.trapeze .c-box-fat-v2 {
    padding-left: 30px
}

.__header.trapeze .c-box-fat-v2 .order-call {
    border: none;
    max-height: 48px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #1c52ac;
    position: relative;
    margin-left: 10px
}

.__header.trapeze .c-box-fat-v2 .order-call:hover {
    background: none
}

.__header.trapeze_1 .c-box-fat-v2 .order-call {
    padding: 11px 9px 9px 24px;
    max-width: 160px;
    overflow: hidden;
    border-right: 1px solid #b7cbe5
}

.__header.trapeze_2 .c-box-fat-v2 .order-call {
    padding: 12px 15px 8px 15px;
    max-width: 165px
}

.__header.trapeze_1 .c-box-fat-v2 .order-call:hover {
    background-color: transparent
}

.__header.trapeze .c-box-fat-v2 .order-call:before {
    content: "";
    position: absolute;
    top: 0;
    left: 11px;
    width: 100%;
    height: 100%;
    border: 1px solid #b7cbe5;
    transform: skew(25deg);
    transition: .2s
}

.__header.trapeze_1 .c-box-fat-v2 .order-call:before {
    left: 11px
}

.__header.trapeze_2 .c-box-fat-v2 .order-call:before {
    left: 0px;
    transform: skew(-25deg)
}

.__header.trapeze_3 .c-box-fat-v2 .order-call,
.__header.trapeze_4 .c-box-fat-v2 .order-call,
.__header.trapeze_5 .c-box-fat-v2 .order-call {
    padding: 12px 15px 8px 15px;
    max-width: 165px
}

.__header.trapeze_3 .c-box-fat-v2 .order-call:before,
.__header.trapeze_4 .c-box-fat-v2 .order-call:before {
    transform: skew(-25deg);
    left: 0
}

.__header.trapeze_5 .c-box-fat-v2 .order-call:before {
    left: auto;
    right: 0;
    width: calc(100% - 19px);
    border-left: none;
    transform: skew(-25deg);
    border-bottom: 1px solid #b7cbe5;
    transition: 0s
}

.__header.trapeze_5 .c-box-fat-v2 .order-call::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
    border: 1px solid #b7cbe5;
    border-right: none;
    transform: skew(25deg);
    border-bottom: none
}

.__header.trapeze_5 .c-box-fat-v2 .order-call:hover:before,
.__header.trapeze_5 .c-box-fat-v2 .order-call:hover::after {
    background-color: #1c52ac;
    border-color: #1c52ac
}

.__header.trapeze_6 .c-box-fat-v2 .order-call {
    border-right: 1px solid #b7cbe5;
    padding: 12px 14px 8px 20px;
    max-width: 175px;
    margin-left: 5px;
    overflow: hidden
}

.__header.trapeze .c-box-fat-v2 .order-call span {
    display: inline-block;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.__header.trapeze .c-box-fat-v2 .order-call:hover:before {
    background-color: #1c52ac;
    border-color: #1c52ac
}

.__header.trapeze .c-box-fat-v2 .order-call:hover span {
    color: #fff
}

.trapeze .search-box.fat-v2-width {
    width: 377px !important;
    flex-shrink: 0
}

.__header .c-box-fat-v2 {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    width: 100%
}

.__header .c-box-fat-v2 p {
    margin-bottom: 0;
    margin-right: 6px;
    flex-wrap: wrap;
    max-width: 160px;
    padding-left: 20px !important
}

.__header .c-box-fat-v2 p a+a {
    padding-top: 12px
}

.trapeze+.__h-fat-v2-bottom {
    background: #000;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 99;
    width: 100%
}

.trapeze+.__h-fat-v2-bottom .__fat-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 40px
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options {
    display: flex;
    align-items: center
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul {
    display: flex;
    align-content: center;
    height: 100%
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li {
    padding-right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li span {
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    font-family: var(--rb);
    margin: 0 5px
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li:last-child {
    padding-right: 0
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li a {
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    font-family: var(--rb);
    transition: .2s;
    display: flex;
    align-items: center;
    height: 100%
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li img,
.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li svg {
    margin-right: 8px
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li a.active,
.trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li a:hover {
    color: #1c52ac;
    text-decoration: underline
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options li {
    margin-right: 10px
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-options li .caret:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 11px;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    border: solid 1px #fff;
    border-top: none;
    border-left: none
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    height: 100%;
    height: 40px;
    align-items: center
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li {
    height: 100%;
    position: relative;
    transition: .2s
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li a {
    color: #fff;
    font-family: var(--rr);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    transition: .2s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li a.active {
    text-decoration: underline;
    color: #1c52ac;
    text-underline-position: under
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li:hover {
    background: #474747
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: all;
    transform: translateY(0px)
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li a:hover {
    color: #1c52ac
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li ul {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
    height: auto;
    transition: .2s;
    width: 0;
    margin-right: 0;
    width: 390px;
    position: absolute;
    transform: translateY(-20px)
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li ul li {
    margin-right: 0;
    height: auto;
    background: #474747;
    transition: .2s
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li ul li a {
    padding: 12px 15px 12px 15px;
    display: inline-block;
    width: 100%
}

.trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li ul li:hover>a {
    background: #323232
}

@media only screen and (max-width: 1280px) {
    .__header.trapeze .catalog-btn {
        max-width: 189px
    }

    .__header.trapeze .catalog-btn::after {
        right: 33px;
        width: 76.8%
    }

    .__header.trapeze .c-box-fat-v2 p {
        max-width: 128px
    }

    .trapeze .search-box.fat-v2-width {
        width: 100%;
        flex-shrink: unset
    }

    .__header.trapeze .c-box-fat-v2 {
        padding-left: 0
    }

    .__header.trapeze .c-box-fat-v2 .order-call {
        margin-left: 5px;
        max-width: 150px
    }

    .trapeze+.__h-fat-v2-bottom .__fat-v2-options li {
        margin-right: 4px
    }

    .trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li a {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 12px
    }

    .trapeze+.__h-fat-v2-bottom .__fat-v2-nav ul li ul li a {
        padding-left: 8px;
        padding-right: 8px
    }

    .trapeze+.__h-fat-v2-bottom .__fat-v2-options ul li a {
        font-size: 12px
    }
}

@media only screen and (max-width: 991px) {
    .trapeze+.__h-fat-v2-bottom {
        display: none
    }
}

.mobile-header {
    height: 60px;
    display: flex;
    align-items: center;
    overflow: hidden
}

.mobile-header__row {
    display: flex;
    justify-content: space-between
}

.mobile-header__item {
    display: flex;
    gap: 15px;
    min-width: 59px
}

.mobile-header__item:has(.mobile-header__phones) {
    min-width: 184px
}

.mobile-header__phones {
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: center;
    min-width: 108px
}

.mobile-header__phone {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #000
}

.mobile-header__hamburger-button {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 27px;
    width: 27px;
    gap: 4px
}

.mobile-header__hamburger-button::after,
.mobile-header__hamburger-button::before {
    content: "";
    display: block;
    background-color: #000;
    height: 2px;
    width: 100%;
    border-radius: 1px
}

.mobile-header__hamburger-line {
    height: 2px;
    width: 100%;
    background-color: #000;
    border-radius: 1px
}

.mobile-header__search-button {
    min-width: 27px
}

.logo-link {
    display: inline-flex;
    align-items: center
}

.logo-link__image {
    max-width: 100%;
    height: auto
}

@media(max-width: 575px) {
    .mobile-header__row {
        gap: 40px
    }
}

.header-body__buttons {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 15px
}

.header-body__buttons .header-compare,
.header-body__buttons .header-favorite,
.header-body__buttons .header-cart {
    flex-shrink: 0;
    margin: 0
}

.header-body__buttons .header-compare .icon,
.header-body__buttons .header-favorite .icon,
.header-body__buttons .header-cart .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -3px
}

.header-body__buttons .header-compare .icon-svg,
.header-body__buttons .header-favorite .icon-svg,
.header-body__buttons .header-cart .icon-svg {
    width: 30px;
    height: 30px
}

.header-body__buttons .header-compare span {
    background-color: var(--gray-color-700)
}

.menu-item-link-mobile {
    display: flex !important;
    gap: 10px;
    align-items: center
}

.menu-item-mobile__image {
    max-width: 20px;
    min-width: 20px;
    height: auto
}

.menu-item-mobile__image {
    width: 100%;
    height: auto
}

.mobile-ul li .submenu li .menu-item-link-mobile {
    padding: 9px 0px
}

.header-user__link.noauth {
    display: flex;
    align-items: center;
    bottom: auto
}

.header-user {
    display: flex;
    align-items: center
}

.header-user__link.noauth .icon {
    top: auto;
    margin-right: 10px
}

.header-language__selector {
    width: 47px;
    position: relative
}

.header-language__selected {
    border-radius: 2px;
    position: relative;
    display: flex;
    gap: 5px
}

.header-language__selected-arrow {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-language__selected,
.header-language__option {
    padding-left: 10px;
    height: 24px;
    display: flex;
    align-items: center;
    font-size: 14px
}

.header-language__selector.drop-selector:hover .header-language__selected,
.header-language__selector.drop-selector:hover .header-language__option {
    background-color: #2f2f2f
}

.header-language__selector.drop-selector:hover .header-language__selected-arrow svg {
    color: #fff;
    transform: rotate(180deg)
}

.header-language__options {
    display: none;
    position: absolute;
    top: 24px;
    width: 100%;
    z-index: 1
}

.header-language__option:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.header-language__selector:hover .header-language__options {
    display: block
}

.header-language__selector.drop-selector:hover {
    color: #fff
}

.header-language__selector.drop-selector:hover .header-language__selected {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.header-language__selector.drop-selector .header-language__selected:hover,
.header-language__selector.drop-selector .header-language__option:hover {
    background-color: #212121
}

.option-item__lang a {
    padding-left: 0 !important
}

.__header.header-lang .option-items li {
    padding-right: 10px
}

.__header.header-lang .options-box {
    width: 260px
}

.__header .options-box ul {
    align-items: center
}

.__header.header-lang-v-3-2 .options-box ul {
    align-items: flex-end
}

.header-lang-v-3-2 .contact-box {
    min-width: 157px
}

.header-lang-v-3-2 .option-items li {
    padding-right: 3px !important
}

.header-lang-v-3-2 .header-language__selected {
    top: 3px
}

.__header a.lang-dropdown.active,
.__header a.lang-dropdown:hover {
    text-decoration: none !important
}

.lang-default {
    color: var(--main-elements-color, #2363d1)
}

.lang-popup:hover {
    color: #2363d1;
    text-decoration: underline
}

.header-language__modal {
    display: none
}

.header-language__modal .header-language__modal_title {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 25px
}

.header-language__modal .language-list li a {
    display: flex;
    padding: 10px 110px 10px 0px
}

.header-language__modal .language-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.header-language__modal .language-list li a .language-icon {
    margin-right: 10px
}

.header-language__modal .language-list li a .language-name {
    margin-right: 3px
}

.header-language__modal .language-list li a span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333;
    transition: .5s
}

.header-language__modal .language-list li a:hover span {
    color: #1c52ac
}

.mobile-menu .language-selected {
    display: flex;
    align-items: center;
    margin-top: 25px;
    position: relative
}

.mobile-menu .language-selected .language-icon {
    margin-right: 15px
}

.mobile-menu .language-selected .language-name,
.mobile-menu .language-selected .language-valuta {
    color: #1c52ac;
    font-size: 18px
}

.mobile-menu .language-selected::after {
    content: "";
    background: url("/static/images/mobile-blue-arrow.svg");
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0
}

.fancybox-slide--html {
    padding: 0
}

.mobile-language-default {
    background-color: #fff
}

.mobile-language-default .header-language__modal_title {
    text-align: center
}

.footer-content-cookie {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #767676;
    margin-top: 10px
}

.product-item {
    width: auto;
    height: auto;
    background-color: var(--product-preview-bg-color, #fff);
    position: relative;
    border: 1px solid var(--color-card-border, #D9D9DE);
    margin: -0.5px;
    transition: var(--trs-2, 0.3s);
    overflow: hidden
}

.product-item__image-inner img {
    transition: .3s
}

.product-item__image-inner img:not(:first-child) {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.product-item:has(.product-price-range) .product-item__name {
    height: 36px;
    -webkit-line-clamp: 2
}

.product-item:has(.product-card-slideshow) .product-card-sell-badge_bottom {
    bottom: 15px
}

.product-item:hover {
    border: 1px solid var(--product-preview-border-hover-color, #d9d9de)
}

.product-item:hover .product-item__image-inner img:not(:first-child) {
    opacity: 1
}

.product-item:hover .product-item__image-inner img:not(:last-child) {
    opacity: 0
}

@media(max-width: 767px) {
    .product-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-left: 0;
        border-right: 0;
        margin: -1px 0 0px 0
    }
}

.product-item__link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto
}

@media(max-width: 767px) {
    .product-item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%
    }
}

.product-item--banner {
    text-align: center;
    border: 0 !important
}

.product-item--banner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 378px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 290px;
    margin: 0 auto;
    background: #fff
}

@media(max-width: 767px) {
    .product-item--banner a {
        max-width: 480px
    }
}

.product-item--banner img {
    width: 100%;
    height: 100%;
    max-width: 290px;
    overflow: hidden;
    object-fit: contain;
    margin: 0 auto
}

@media(max-width: 767px) {
    .product-item--banner img {
        max-width: 480px
    }
}

.product-item__img-text {
    position: absolute;
    right: 15px;
    top: 0;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    opacity: .5;
    z-index: 9;
    text-transform: none
}

.product-item__img-text--white {
    color: hsla(0, 0%, 100%, .6) !important
}

@media(max-width: 767px) {
    .product-item__img-text {
        right: auto;
        left: 0px;
        top: auto;
        bottom: -24px
    }
}

.product-item__image {
    overflow: hidden;
    position: relative;
    height: auto;
    width: 100%;
    aspect-ratio: 220/170;
    display: block;
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 767px) {
    .product-item__image {
        aspect-ratio: 1/1;
        min-width: 95px;
        max-width: 95px;
        width: 95px
    }
}

.product-item__image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: contain
}

.product-item__content-top {
    position: relative;
    padding: 15px 12px 50px 12px;
    display: block;
    height: 100%;
    width: 100%
}

.product-item__content-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0px 12px 10px 12px;
    display: block
}

@media(max-width: 767px) {
    .product-item__content-bottom {
        position: absolute;
        right: 0;
        bottom: 0;
        width: calc(100% - 95px);
        z-index: 10
    }
}

.product-item__flag-content {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-item__flag {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #fff;
    height: 20px;
    padding: 0 15px;
    min-width: 65px;
    line-height: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .product-item__flag {
        padding: 0 5px;
        min-width: auto
    }
}

.product-item__flag--hit {
    background-color: var(--hit-tag-bg-color, #3ec28f);
    color: var(--hit-tag-font-color, #fff)
}

.product-item__flag--discount {
    background-color: #f33d2a;
    color: var(--hit-tag-font-color, #fff)
}

.product-item__flag--new {
    background-color: var(--new-tag-bg-color, #30c2ff);
    color: var(--new-tag-font-color, #fff)
}

.product-item__flag--sale {
    background-color: var(--sale-tag-bg-color, #ff9500);
    color: var(--sale-tag-font-color, #fff)
}

.product-item__flag--discounted {
    background-color: var(--discount-tag-bg-color, #626262);
    color: var(--discount-tag-font-color, #fff)
}

.product-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px
}

@media(max-width: 767px) {
    .product-item__head {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2
    }
}

.product-item__art {
    font-size: 12px;
    color: #bdbdbd
}

@media(max-width: 767px) {
    .product-item__art {
        font-size: 10px
    }
}

.product-item__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -2px
}

.product-item__rating .star {
    width: 15px;
    height: 15px;
    margin-left: 2px
}

@media(max-width: 767px) {
    .product-item__rating .star {
        width: 18px;
        height: 18px
    }
}

.product-item__rating .star:first-child {
    margin-left: 0
}

.product-item__rating .star--full {
    background-image: url("/static/images/star-full.svg");
    background-size: 15px 15px
}

@media(max-width: 767px) {
    .product-item__rating .star--full {
        background-size: 18px 18px
    }
}

.product-item__rating .star--half {
    background-image: url("/static/images/star-half.svg");
    background-size: 15px 15px
}

@media(max-width: 767px) {
    .product-item__rating .star--half {
        background-size: 18px 18px
    }
}

.product-item__rating .star--empty {
    background-image: url("/static/images/star-empty.svg");
    background-size: 15px 15px
}

@media(max-width: 767px) {
    .product-item__rating .star--empty {
        background-size: 18px 18px
    }
}

.product-item__name {
    font-size: 14px;
    line-height: 18px;
    color: #333;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media(max-width: 767px) {
    .product-item__name {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        height: 33px;
        -webkit-line-clamp: 2
    }
}

.product-item__delivery {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 11px;
    margin-left: 10px;
    color: #a9b1b9
}

.product-item__delivery .icon {
    margin-right: 10px
}

.product-item__delivery .icon img {
    width: 18px
}

.product-item__cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 5px
}

@media(max-width: 767px) {
    .product-item__cost {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        z-index: 9;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-item__cost-product {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #333;
    font-weight: bold;
    white-space: nowrap
}

.product-item__cost-product span {
    font-size: 14px;
    padding-left: 2px
}

.product-item__cost-old {
    font-size: 12px;
    text-decoration: line-through;
    -webkit-text-decoration-color: #d74853;
    text-decoration-color: #d74853;
    color: #7c8994;
    font-weight: normal;
    padding-left: 10px;
    white-space: nowrap;
    position: relative;
    top: -3px;
    margin-bottom: 2px
}

@media(max-width: 767px) {
    .product-item__cost-old {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-left: 0
    }
}

.product-item__status {
    font-size: 11px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .product-item__status {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        position: relative;
        bottom: 0
    }
}

.product-item__status--limited {
    color: #30c2ff
}

.product-item__status--small {
    color: #ff9500
}

.product-item__status--none {
    color: #d74853
}

.product-item__status--many {
    color: #3ec28f
}

.product-item__btns {
    display: flex;
    gap: 10px;
    width: 100%
}

.product-item__balance {
    display: none;
    font-size: 11px;
    color: #000
}

.product-item__line-cost {
    display: none;
    font-size: 11px;
    color: #000
}

.product-item__input-line {
    display: none;
    margin-right: 10px
}

.product-item__input-line input {
    width: 54px;
    height: 32px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: inset 0px 1.6px 4px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 1.6px 4px rgba(0, 0, 0, .05);
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
    color: #000;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-item__input-line input:focus {
    border-color: var(--main-elements-color, #2363d1)
}

.product-item--wide {
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #d9d9de
}

.product-item--wide .product-item__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    padding-bottom: 65px
}

.product-item--wide .product-item__head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 5px
}

.product-item--wide .product-item__content-top {
    height: 100%;
    width: calc(100% - 145px);
    padding: 15px 12px
}

@media(max-width: 991px) {
    .product-item--wide .product-item__content-top {
        width: calc(100% - 80px)
    }
}

.product-item--wide .product-item__cost-title {
    display: none
}

.product-item--wide .product-item__art {
    margin-right: 30px
}

.product-item--wide .product-item__name {
    width: calc(100% - 200px);
    margin-bottom: 15px
}

.product-item--wide .product-item__status {
    position: relative
}

.product-item--wide .product-item__content-bottom {
    position: absolute;
    right: 0px;
    bottom: 0px
}

.product-item--wide .product-item__content-bottom .product-comparison {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 10px
}

.product-item--wide .product-item__cost {
    position: absolute;
    right: 15px;
    top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-item--wide .product-item__cost span {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 10px
}

.product-item--wide .product-item__img-text {
    bottom: 0;
    left: 10px;
    right: auto;
    top: auto
}

.product-item--wide .product-item__image {
    width: 190px;
    height: 100%
}

@media(max-width: 991px) {
    .product-item--wide .product-item__image {
        width: 100px
    }
}

.product-item--wide .product-item__image:before {
    width: 30px;
    height: 100%;
    left: auto;
    right: -1px;
    top: 0px;
    border: auto;
    background: url("/static/images/product-mask-wide.svg") no-repeat;
    background-size: 30px
}

@media(max-width: 991px) {
    .product-item--wide .product-item__image:before {
        width: 18px;
        background: url("/static/images/product-mask-mobile.png") no-repeat;
        background-size: 18px auto;
        right: -2px
    }
}

.product-item--line {
    height: auto;
    padding: 8px 0;
    margin-bottom: 0px;
    overflow: hidden;
    margin-bottom: -1px !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: 56px
}

.product-item--line:hover {
    background: #f6f6f6 !important
}

.product-item--line:hover .product-item__link .product-item__name {
    color: var(--main-elements-color, #2363d1)
}

.product-item--line .btn-green {
    width: 80px;
    font-size: 12px;
    margin-left: 20px
}

.product-item--line .btn-green .icon {
    display: none
}

.product-item--line .product-item__input-line {
    display: block
}

.product-item--line .input-number {
    width: 100px !important;
    margin-right: 10px
}

.product-item--line .input-number input[type=number] {
    width: 21px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    color: #000;
    border: 1px solid #d9d9de;
    width: 50px;
    height: 40px;
    line-height: 48px;
    margin: 0 7px
}

.product-item--line .product-item__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%
}

.product-item--line .product-item__head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

.product-item--line .product-item__content-top {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    background: rgba(0, 0, 0, 0);
    padding: 0 140px 0 15px
}

.product-item--line .product-item__cost-title {
    display: none
}

.product-item--line .product-item__art {
    margin-right: 20px;
    width: 45px
}

.product-item--line .product-item__name {
    height: auto;
    width: calc(100% - 502px);
    margin-bottom: 0;
    font-size: 12px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-item--line .product-item__status {
    display: none
}

.product-item--line .product-item__content-bottom {
    position: absolute;
    right: 0px;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    padding: 8px 10px;
    width: auto
}

.product-item--line .product-item__content-bottom .product-comparison {
    display: none
}

.product-item--line .product-item__cost {
    display: none
}

.product-item--line .product-item__img-text {
    bottom: 0;
    left: 10px;
    right: auto;
    top: auto
}

.product-item--line .product-item__image {
    display: none
}

.product-item--line .product-item__rating {
    display: none
}

.product-item--line .product-item__balance {
    display: block;
    padding: 0 12px;
    width: 14%;
    text-align: center;
    padding-right: 23px
}

.product-item--line .product-item__line-cost {
    display: block;
    padding-left: 4px;
    width: 14%;
    text-align: center
}

.product-item--line .shopping-cart-btn {
    width: 80px;
    height: 40px;
    border-radius: 2px;
    background-image: none;
    background-color: #fff;
    border: 1px solid #b7cbe5;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--main-elements-color, #2363d1);
    overflow: hidden;
    margin-left: 20px
}

.product-item--line .shopping-cart-btn .icon {
    width: 30px;
    height: 26px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-item--line .shopping-cart-btn:hover .icon {
    color: #fff
}

.product-item--line .shopping-cart-product .btn-border {
    min-width: 180px
}

.product-item__link:hover .product-item__image img {
    transform: scale(1.05)
}

.product-item__image {
    background: rgba(0, 0, 0, 0)
}

.product-item__image-inner {
    position: relative;
    height: 100%;
    width: 100%
}

.product-item__image img {
    position: relative;
    padding: 10px;
    transition: opacity .15s ease-out, visibility .15s ease-out, transform .15s ease-out;
    will-change: transform
}

.product-item__content-top {
    padding: 10px 12px;
    padding-bottom: 67px
}

@media(max-width: 767px) {
    .product-item__content-top {
        padding-bottom: 67px
    }
}

.product-item__content-bottom {
    padding: 0px 12px 15px 12px
}

.product-item__head {
    margin-bottom: 5px
}

.product-item__cost-label {
    font-size: 12px;
    padding-bottom: 2px;
    color: #333;
    font-weight: 400;
    margin-left: 5px
}

.product-item__cost-product {
    line-height: 18px
}

@media(max-width: 767px) {
    .product-item__cost {
        bottom: initial
    }

    .product-item__cost-label {
        margin: 0;
        font-size: 10px
    }

    .slider-constructor .product-item {
        margin: 0;
        border: 1px solid #d9d9de
    }
}

.product-item--wide .product-item__online-cost {
    top: 45px
}

.product-item--wide .product-item__online-cost span {
    margin-right: 0
}

.product-item--wide .product-item__cost-label {
    margin-right: 0 !important
}

.product-item--banner {
    padding-bottom: 0
}

.slider-constructor:has(.product-item--wide),
.slider-constructor:has(.product-item--line) {
    display: none !important
}

.welcome__content .d-grid:has(.product-item--line),
.welcome__content .d-grid:has(.product-item--wide) {
    grid-template-columns: repeat(1, 1fr) !important
}

.product-item_new {
    border: 1px solid var(--color-card-border, #D9D9DE)
}

@media(max-width: 767px) {
    .product-item_new .product-item__image {
        min-width: 120px;
        height: auto;
        aspect-ratio: 120/130
    }

    .product-item_new .product-item__content-bottom {
        width: calc(100% - 120px)
    }
}

.product-item_wide {
    height: auto
}

.product-item_wide .product-item__image {
    aspect-ratio: 220/200
}

.product-item_wide .product-item__btns {
    justify-content: flex-start
}

.product-item_wide .product-item__flag-content {
    width: 64px
}

.product-item_wide .shopping-cart-product {
    justify-content: flex-start
}

@media(max-width: 767px) {
    .product-item_wide {
        height: auto
    }

    .product-item_wide .product-item {
        flex-direction: column
    }

    .product-item_wide .product-item__image {
        aspect-ratio: 160/145;
        max-width: 100%;
        min-width: 0;
        width: 100%;
        height: auto
    }

    .product-item_wide .product-item__link {
        flex-direction: column;
        height: auto
    }

    .product-item_wide .product-item__content-top {
        height: auto
    }

    .product-item_wide .product-item__content-bottom {
        width: 100%;
        right: 0
    }
}

.product-item__parameters {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px
}

.product-item__parameter {
    border: 1px solid #d9d9de;
    border-radius: 2px;
    color: #767676;
    padding: 5px 8px;
    font-size: 12px
}

.product-item_max-width {
    height: auto
}

.product-item_max-width .product-item__image {
    aspect-ratio: 300/165
}

.product-item_max-width .product-item__btns {
    justify-content: flex-start
}

.product-item_max-width .product-item__flag-content {
    width: 64px
}

.product-item_max-width .shopping-cart-product {
    justify-content: flex-start
}

@media(max-width: 767px) {
    .product-item_max-width {
        height: auto
    }

    .product-item_max-width .product-item {
        flex-direction: column
    }

    .product-item_max-width .product-item__image {
        aspect-ratio: 300/165;
        max-width: 100%;
        min-width: 0;
        width: 100%;
        height: auto
    }

    .product-item_max-width .product-item__link {
        flex-direction: column;
        height: auto
    }

    .product-item_max-width .product-item__content-top {
        height: auto
    }

    .product-item_max-width .product-item__content-bottom {
        width: 100%;
        right: 0;
        padding: 10px
    }
}

.product-item_max-heigth {
    height: auto
}

.product-item_max-heigth .product-item__image {
    aspect-ratio: 220/320
}

.product-item_max-heigth .product-item__btns {
    justify-content: flex-start
}

.product-item_max-heigth .product-item__flag-content {
    width: 64px
}

.product-item_max-heigth .shopping-cart-product {
    justify-content: flex-start
}

@media(max-width: 767px) {
    .product-item_max-heigth {
        height: auto
    }

    .product-item_max-heigth .product-item {
        flex-direction: column
    }

    .product-item_max-heigth .product-item__image {
        aspect-ratio: 220/320;
        max-width: 100%;
        min-width: 0;
        width: 100%;
        height: auto
    }

    .product-item_max-heigth .product-item__link {
        flex-direction: column;
        height: auto
    }

    .product-item_max-heigth .product-item__content-top {
        height: auto
    }

    .product-item_max-heigth .product-item__content-bottom {
        width: 100%;
        right: 0;
        padding: 10px
    }
}

.product-card-v2 {
    font-size: 14px;
    position: relative;
    border: 1px solid var(--color-card-border, #d9d9de);
    display: flex !important;
    flex-direction: column;
    overflow: hidden
}

.product-card-v2__img-text {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    opacity: .5;
    position: relative;
    text-transform: none;
    z-index: 9
}

.product-card-v2__link {
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.product-card-v2__image {
    position: relative;
    aspect-ratio: 220/170;
    width: 100%;
    height: auto;
    overflow: hidden
}

.product-card-v2__image:has(.product-card-slideshow) {
    z-index: 3
}

.product-card-v2:has(.product-card-slideshow) .product-card-v2__image {
    z-index: 3
}

.product-card-v2:has(.product-card-slideshow) .product-card-v2__labels {
    bottom: 15px
}

.product-card-v2__image .image {
    height: 100%
}

.product-card-v2__image .image img {
    padding: 10px;
    transition: opacity .15s ease-out, visibility .15s ease-out, transform .15s ease-out;
    will-change: transform;
    object-fit: contain
}

.product-card-v2__image .image img:not(:first-child) {
    opacity: 0;
    visibility: hidden
}

.product-card-v2__image .image_no-image {
    background-color: #f5f5f5
}

.product-card-v2__image .image_no-image img {
    padding: 25px !important
}

.product-card-v2__labels {
    position: absolute;
    width: 100%;
    z-index: 2;
    bottom: 0;
    display: flex;
    flex-wrap: wrap
}

.product-card-v2__label {
    padding: 0 8px;
    width: auto;
    font-weight: 500
}

.product-card-v2__rating {
    position: relative;
    width: 85px;
    height: auto;
    z-index: 2;
    margin-top: 5px
}

.product-card-v2__rating-stars {
    display: block;
    width: 100%;
    height: auto
}

.product-card-v2__title {
    hyphens: auto;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 0 0 auto;
    margin-bottom: 15px;
    line-height: 1.5
}

.product-card-v2__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 12px;
    position: relative;
    z-index: 3;
    pointer-events: none;
    height: auto;
    width: 100%
}

.product-card-v2__content-bottom {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.product-card-v2__buttons {
    display: flex;
    gap: 10px;
    pointer-events: all
}

.product-card-v2__buttons>* {
    height: 48px !important
}

.product-card-v2__buttons .st-button_not-availbe {
    width: 100% !important
}

.product-card-v2__buttons .st-button_add-to-cart {
    width: 100% !important
}

.product-card-v2__button {
    position: relative;
    z-index: 3
}

.product-card-v2__cart-button {
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 0
}

.product-card-v2__cart-button .icon {
    width: 26px;
    height: 26px
}

.product-card-v2__cart-button>span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    row-gap: 4px
}

.product-card-v2__cart-button>span span {
    line-height: 1
}

.product-card-v2__cart-button>span span:not(:last-child) {
    font-size: 10px
}

.product-card-v2__cart-button>span span:not(:first-child) {
    font-size: 16px;
    text-transform: uppercase
}

.product-card-v2__pricing {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    gap: 6px
}

.product-card-v2__pricing-txt {
    font-size: 12px;
    line-height: 1.25
}

.product-card-v2__price {
    font-size: 20px;
    font-weight: 700
}

.product-card-v2__price.text-color-accent span {
    color: #333
}

.product-card-v2__price span {
    font-weight: 700;
    font-size: 16px
}

.product-card-v2__old-price {
    color: #767676;
    font-size: 16px;
    position: relative;
    padding: 0 3px
}

.product-card-v2__old-price::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #c43228;
    top: calc(45% - 1px);
    left: 0
}

.product-card-v2[data-touch] .product-card-v2__image .image img,
.product-card-v2[data-hover] .product-card-v2__image .image img {
    transform: scale(1.05)
}

.product-card-v2[data-touch] .product-card-v2__image .image img:not(:last-child),
.product-card-v2[data-hover] .product-card-v2__image .image img:not(:last-child) {
    opacity: 0;
    visibility: hidden
}

.product-card-v2[data-touch] .product-card-v2__image .image img:not(:first-child),
.product-card-v2[data-hover] .product-card-v2__image .image img:not(:first-child) {
    opacity: 1;
    visibility: visible
}

@media(max-width: 575.98px) {
    .product-card-v2__buttons>* {
        height: 40px !important
    }

    .product-card-v2_type-2 {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        min-height: 160px
    }

    .gap-grid>.product-card-v2_type-2:not(:nth-child(1)) {
        margin-top: calc(var(--grid-gutter-width)*-1 - 1px)
    }

    .slider-constructor .slick-slide>div:not(:first-child) .product-card-v2_type-2 {
        margin-top: calc(var(--grid-gutter-width)/-2 - .5px)
    }

    .slider-constructor .slick-slide>div:not(:last-child) .product-card-v2_type-2 {
        margin-bottom: calc(var(--grid-gutter-width)/-2 - .5px)
    }

    .slider-constructor .slick-slide .product-card-v2_type-2 {
        display: grid !important
    }

    .product-card-v2_type-2 .product-card-v2__image {
        height: 100%
    }

    .product-card-v2_type-2 .product-card-v2__rating {
        right: 0;
        left: auto
    }
}

.product-card-v2__text-rating_container {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9
}

.product-card-v2_hover {
    padding-bottom: 210px
}

.product-card-v2_hover:hover .product-item__head {
    visibility: visible;
    height: 15px;
    opacity: 1
}

.product-card-v2_hover:hover .product-card-v2__title {
    height: 63px;
    -webkit-line-clamp: 3
}

.product-card-v2_hover:hover .product-card-v2__content {
    height: 245px
}

.product-card-v2_hover .product-item__head {
    opacity: 0;
    height: 0;
    transition: .3s
}

.product-card-v2_hover .product-card-v2__pricing {
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom: 70px;
    width: calc(100% - 24px);
    left: 12px
}

.product-card-v2_hover .product-item__head {
    justify-content: space-between;
    display: flex;
    width: 100%
}

.product-card-v2_hover .product-card-v2__title {
    height: 42px;
    position: relative;
    transition: .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0
}

.product-card-v2_hover .product-card-v2__content {
    padding-bottom: 70px;
    display: flex;
    bottom: 16px;
    background-color: #fff;
    justify-content: flex-start;
    position: absolute;
    height: 210px;
    transition: .3s
}

.product-card-v2_hover .product-item__head {
    opacity: 0;
    transition: .3s
}

.product-card-v2_hover .product-card-v2__price {
    font-size: 18px
}

.product-card-v2_hover .product-card-v2__price.text-color-accent span {
    font-size: 14px
}

.product-card-v2_hover .product-card-v2__old-price {
    font-size: 12px
}

.product-card-v2_hover .product-card-v2__labels {
    bottom: auto;
    top: 0;
    left: 0
}

.product-card-v2_hover .product-card-v2__labels {
    flex-direction: column;
    width: auto
}

.product-card-v2_hover .product-card-v2__buttons {
    position: absolute;
    width: calc(100% - 24px);
    bottom: 10px;
    left: 12px
}

.product-card-v2_hover .product-card-v2__cart-button {
    white-space: break-spaces;
    font-size: 13px;
    text-align: center
}

.product-card-v2_hover .product-card-v2__content {
    bottom: 0
}

.product-card-v2_hover .product-card-v2__cart-button {
    min-width: 0
}

.product-card-v2__button-text {
    line-height: 15px;
    text-align: center;
    white-space: break-spaces;
    color: #fff
}

.product-card-v2__cart-button>span span:not(:first-child) {
    font-size: 11px
}

@media(max-width: 767px) {
    .product-card-v2_hover {
        padding-bottom: 0
    }

    .product-card-v2_hover .product-item__head {
        opacity: 1;
        position: relative;
        bottom: auto
    }

    .product-card-v2_hover .product-card-v2__title {
        height: 63px;
        -webkit-line-clamp: 3
    }

    .product-card-v2_hover .product-card-v2__content {
        height: auto !important;
        position: relative;
        padding-bottom: 62px
    }

    .product-card-v2_hover .product-item__head {
        visibility: visible;
        height: 15px;
        opacity: 1
    }

    .product-card-v2_hover .product-card-v2__button-text {
        font-size: 13px
    }

    .product-card-v2_hover .product-card-v2__pricing {
        position: static
    }
}

@media(max-width: 575px) {
    .product-card-v2_hover .product-card-v2__title {
        font-size: 14px
    }
}

.product-card-slideshow {
    padding-bottom: 15px;
    position: relative;
    display: block;
    height: 100%
}

.product-card-slideshow__images {
    height: 100%;
    position: relative
}

.product-card-slideshow__image {
    display: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 100%;
    width: 100%;
    object-fit: contain;
    transform: scale(1) !important
}

.product-card-slideshow__image_active {
    display: block !important;
    position: relative !important
}

.product-card-slideshow__sectors {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.product-card-slideshow__sector {
    width: 100%;
    height: 100%
}

.product-card-slideshow__dots {
    display: flex;
    justify-content: center;
    gap: 3px;
    z-index: 1;
    position: absolute;
    bottom: 5px;
    width: 100%
}

.product-card-slideshow__dot {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #d9d9d9
}

.product-card-slideshow__dot_active {
    background-color: #2363d1
}

.product-price-range {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.product-price-range__cost {
    color: #a7a7ab;
    font-size: 18px;
    font-weight: 700;
    line-height: 110%
}

.product-price-range__text {
    color: #a7a7ab;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%
}

.product-card-sell-badge {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f33d2a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    min-width: 65px
}

.product-card-sell-badge_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64px
}

.product-card-sell-badge_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px
}

@media(max-width: 767px) {

    .product-card-sell-badge_top,
    .product-card-sell-badge_bottom {
        font-size: 10px;
        font-weight: 700;
        line-height: 16px;
        width: 34px;
        height: 20px
    }

    .product-card-sell-badge_no-adaptive {
        width: 64px;
        font-size: 12px
    }
}

.product-item_compare {
    flex-direction: column
}

.product-item_compare .product-item__header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 10px 10px 0 10px
}

.product-item_compare .product-item__header .btn-remove:is(:hover, :active, .active) .svg-icon {
    --_color: var(--accent-color-400)
}

.product-item_compare .product-item__header .btn-remove .svg-icon {
    --_color: var(--gray-color-450)
}

.product-item_compare .product-item__link {
    flex-direction: column
}

.product-item_compare .product-item__image {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 1/1
}

.product-item_compare .product-item__content-bottom {
    width: 100%
}

.product-item_compare .shopping-cart-product {
    gap: 5px
}

.product-item_compare .shopping-cart-product .st-button_without-price {
    width: auto;
    flex: 1
}

.product-item_compare .shopping-cart-product .st-button {
    border-radius: 2px
}

@media(max-width: 767px) {
    .product-item_compare .shopping-cart-product .st-button {
        padding: 8px;
        white-space: nowrap
    }
}

.product-item_new .input-number,
.product-item_wide .input-number,
.product-item_max-heigth .input-number,
.product-item_max-width .input-number,
.product-card-v2 .input-number {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    height: 40px;
    display: flex;
    border: 1px solid var(--color-button-secondary-border, #B7CBE5);
    border-radius: 2px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin-right: 0
}

.product-item_new .input-number input[type=number],
.product-item_wide .input-number input[type=number],
.product-item_max-heigth .input-number input[type=number],
.product-item_max-width .input-number input[type=number],
.product-card-v2 .input-number input[type=number] {
    width: 40px;
    -webkit-appearance: none;
    text-align: center;
    border: none;
    height: 100%;
    color: var(--color-button-secondary-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 2px
}

.product-item_new .input-number input[type=number]::-webkit-outer-spin-button,
.product-item_new .input-number input[type=number]::-webkit-inner-spin-button,
.product-item_wide .input-number input[type=number]::-webkit-outer-spin-button,
.product-item_wide .input-number input[type=number]::-webkit-inner-spin-button,
.product-item_max-heigth .input-number input[type=number]::-webkit-outer-spin-button,
.product-item_max-heigth .input-number input[type=number]::-webkit-inner-spin-button,
.product-item_max-width .input-number input[type=number]::-webkit-outer-spin-button,
.product-item_max-width .input-number input[type=number]::-webkit-inner-spin-button,
.product-card-v2 .input-number input[type=number]::-webkit-outer-spin-button,
.product-card-v2 .input-number input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-item_new .input-number .order-down,
.product-item_new .input-number .order-up,
.product-item_wide .input-number .order-down,
.product-item_wide .input-number .order-up,
.product-item_max-heigth .input-number .order-down,
.product-item_max-heigth .input-number .order-up,
.product-item_max-width .input-number .order-down,
.product-item_max-width .input-number .order-up,
.product-card-v2 .input-number .order-down,
.product-card-v2 .input-number .order-up {
    width: 23px;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.product-item_new .input-number .order-down:hover,
.product-item_new .input-number .order-up:hover,
.product-item_wide .input-number .order-down:hover,
.product-item_wide .input-number .order-up:hover,
.product-item_max-heigth .input-number .order-down:hover,
.product-item_max-heigth .input-number .order-up:hover,
.product-item_max-width .input-number .order-down:hover,
.product-item_max-width .input-number .order-up:hover,
.product-card-v2 .input-number .order-down:hover,
.product-card-v2 .input-number .order-up:hover {
    background: var(--color-button-secondary-background-hover, #e7eef6)
}

.product-item_new .input-number .order-up:after,
.product-item_new .input-number .order-up:before,
.product-item_new .input-number .order-down:before,
.product-item_wide .input-number .order-up:after,
.product-item_wide .input-number .order-up:before,
.product-item_wide .input-number .order-down:before,
.product-item_max-heigth .input-number .order-up:after,
.product-item_max-heigth .input-number .order-up:before,
.product-item_max-heigth .input-number .order-down:before,
.product-item_max-width .input-number .order-up:after,
.product-item_max-width .input-number .order-up:before,
.product-item_max-width .input-number .order-down:before,
.product-card-v2 .input-number .order-up:after,
.product-card-v2 .input-number .order-up:before,
.product-card-v2 .input-number .order-down:before {
    top: auto;
    left: auto
}

.product-item_new .input-number .order-up:before,
.product-item_wide .input-number .order-up:before,
.product-item_max-heigth .input-number .order-up:before,
.product-item_max-width .input-number .order-up:before,
.product-card-v2 .input-number .order-up:before {
    width: 1px;
    height: 7px
}

.product-item_new .input-number .order-up:after,
.product-item_new .input-number .order-down:before,
.product-item_wide .input-number .order-up:after,
.product-item_wide .input-number .order-down:before,
.product-item_max-heigth .input-number .order-up:after,
.product-item_max-heigth .input-number .order-down:before,
.product-item_max-width .input-number .order-up:after,
.product-item_max-width .input-number .order-down:before,
.product-card-v2 .input-number .order-up:after,
.product-card-v2 .input-number .order-down:before {
    width: 7px;
    height: 1px
}

@media(max-width: 767px) {

    .product-item_new .input-number,
    .product-item_wide .input-number,
    .product_max-height .input-number,
    .product_max-width .input-number,
    .product-card-v2 .input-number {
        display: none
    }

    .product-item {
        border-left: 1px solid var(--color-card-border, #D9D9DE);
        border-right: 1px solid var(--color-card-border, #D9D9DE)
    }
}

.st-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    padding: 8px 14px;
    transition: var(--trs-1);
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 40px;
    cursor: pointer;
    white-space-collapse: collapse
}

.st-button:not(.st-button:has(.st-button__icon)) .st-button__title {
    margin-left: 0
}

.st-button:not(.st-button:has(.st-button__icon)) .st-button__sub-title {
    margin-left: 0
}

.st-button__icon {
    fill: inherit
}

.st-button__icon_cart {
    min-width: 22px;
    height: auto
}

.st-button__icon_favorite {
    min-width: 20px;
    height: auto
}

.st-button__icon_comparison {
    min-width: 17px;
    height: auto
}

.st-button__text {
    color: inherit;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.st-button__title {
    color: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-left: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.st-button__title:empty {
    margin-left: 0
}

.st-button__sub-title {
    color: inherit;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    margin-left: 7px;
    width: 100%;
    text-align: left
}

.st-button__sub-title:empty {
    margin-left: 0
}

.st-button_add-to-cart .st-button__title {
    white-space: nowrap
}

.st-button_add-to-cart .st-button__title {
    white-space: nowrap
}

.st-button_primary {
    fill: var(--color-button-primary-text, #fff);
    color: var(--color-button-primary-text, #fff);
    background-color: var(--color-button-primary-background, #2363D1);
    border-color: var(--color-button-primary-border, #2363D1)
}

.st-button_primary:hover {
    fill: var(--color-button-primary-text-hover, var(--color-button-primary-text, #fff));
    color: var(--color-button-primary-text-hover, var(--color-button-primary-text, #fff));
    background-color: var(--color-button-primary-background-hover, #1C52AC);
    border-color: var(--color-button-primary-border-hover, #1C52AC)
}

.st-button_secondary {
    fill: var(--color-button-secondary-text, #2363D1);
    color: var(--color-button-secondary-text, #2363D1);
    background-color: var(--color-button-secondary-background, #fff);
    border-color: var(--color-button-secondary-border, #B7CBE5)
}

.st-button_secondary:hover {
    fill: var(--color-button-secondary-text-hover, #1C52AC);
    color: var(--color-button-secondary-text-hover, #1C52AC);
    background-color: var(--color-button-secondary-background-hover, #E7EEF6);
    border-color: var(--color-button-secondary-border-hover, #1C52AC)
}

.st-button_muted {
    fill: var(--color-button-muted-text, #fff);
    color: var(--color-button-muted-text, #fff);
    background-color: var(--color-button-muted-background, #767676);
    border-color: var(--color-button-muted-border, #767676)
}

.st-button_muted:hover {
    fill: var(--color-button-muted-text-hover, var(--color-button-muted-text, #fff));
    color: var(--color-button-muted-text-hover, var(--color-button-muted-text, #fff));
    background-color: var(--color-button-muted-background-hover, #818181);
    border-color: var(--color-button-muted-border-hover, #818181)
}

@media(max-width: 767px) {
    .st-button {
        font-size: 12px
    }

    .st-button__text {
        font-size: 12px
    }

    .st-button__title {
        font-size: 12px
    }

    .st-button__sub-title {
        font-size: 10px
    }

    .st-button__icon+.st-button__text {
        display: none
    }

    .st-button_comparison {
        display: none
    }
}

.st-button-header-favorite {
    color: var(--accent-color-400);
    border: none;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media(min-width: 768px) {
    .st-button-header-favorite {
        padding: 10px;
        top: auto;
        bottom: 0
    }
}

.st-button-header-favorite .st-button__icon {
    fill: currentColor
}

.shopping-cart-product {
    display: flex;
    gap: 10px;
    width: 100%
}

.shopping-cart-product--btn {
    width: auto;
    flex: 1;
    font-weight: 400;
    margin: 0 !important
}

@media(max-width: 767px) {
    .shopping-cart-product .not-available {
        width: 100% !important
    }
}

@media(max-width: 767px) {
    .shopping-cart-product {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.shopping-cart-product .btn {
    width: 130px;
    padding: 0;
    border: 1px solid var(--main-elements-color, #2363d1)
}

@media(max-width: 767px) {
    .shopping-cart-product .btn {
        width: 100%
    }
}

.shopping-cart-product .btn-border {
    min-width: 130px;
    flex: 1;
    padding: 0;
    text-align: center
}

.shopping-cart-product .btn-checkout {
    width: 100%;
    line-height: normal;
    height: 48px;
    text-align: center;
    border: 0 !important;
    padding: 0 10px
}

@media(max-width: 767px) {
    .shopping-cart-product .btn-checkout {
        width: calc(100% - 80px)
    }
}

.st-button_add-to-cart {
    flex: 1
}

.st-button_add-to-favorite {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 0;
    border: none;
    width: auto;
    max-width: 24px;
    min-width: 24px;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10
}

.st-button_add-to-favorite:is(:hover, .active) {
    fill: var(--color-button-secondary-text, #2363D1);
    color: var(--color-button-secondary-text, #2363D1);
    background-color: var(--color-button-secondary-background, #fff);
    border-color: var(--color-button-secondary-border, #B7CBE5)
}

.st-button_add-to-favorite:is(:hover, .active) .icon-container .st-button__icon_favorite:first-child {
    opacity: 0;
    visibility: hidden
}

.st-button_add-to-favorite:is(:hover, .active) .icon-container .st-button__icon_favorite:last-child {
    opacity: 1;
    visibility: visible
}

.st-button_add-to-favorite .icon-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.st-button_add-to-favorite .icon-container .st-button__icon_favorite:last-child {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.st-button_add-to-favorite--lg {
    min-width: 82px;
    max-width: 82px;
    height: 48px
}

.st-button_without-price {
    width: 100%
}

.product-item__flag--offer,
.card-label_style-offer {
    background-color: #4fa22e;
    color: #fff
}

.additional-products-block__title {
    margin-bottom: 30px
}

.additional-products-block__bottom {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.additional-products-block__price {
    max-width: 111px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 20px
}

.additional-products-block__price-text {
    color: #000;
    font-family: Golos;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    white-space: nowrap;
    margin: 0
}

.additional-products-block__button {
    max-width: max-content;
    --color-text: var(--color-button-cart-text, #fff);
    --color-background: var(--color-button-cart-background, #2363d1);
    --color-border: var(--color-button-cart-border, #2363d1);
    --color-text-hover: var(--color-button-cart-text-hover, var(--color-text));
    --color-background-hover: var(--color-button-cart-background-hover, #1c52ac);
    --color-border-hover: var(--color-button-cart-border-hover, #1c52ac);
    background-color: var(--color-background) !important;
    border-color: var(--color-border) !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: var(--color-text) !important;
    -webkit-transition: color var(--trs-1), background-color var(--trs-1), border-color var(--trs-1) !important;
    transition: color var(--trs-1), background-color var(--trs-1), border-color var(--trs-1) !important
}

.additional-products-block__icon-fill {
    fill: #fff
}

@media(max-width: 1023px) {
    .additional-products-block__price {
        max-width: 100%;
        width: 100%;
        flex-direction: row;
        justify-content: space-between
    }

    .additional-products-block__button {
        max-width: 100%
    }
}

.additional-products {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
}

.additional-product {
    display: flex;
    border: 1px solid #d9d9de;
    height: 110px;
    margin-bottom: -1px
}

.additional-product__content {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.additional-product__image-wrapper {
    height: 100%;
    width: 100%;
    max-width: 125px;
    position: relative
}

.additional-product__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.additional-product__articul {
    font-size: 12px;
    margin-bottom: 8px
}

.additional-product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 3px;
    max-height: 40px;
    max-width: 550px
}

.additional-product__info {
    width: 30%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    min-width: 255px
}

.additional-product__description {
    padding: 10px
}

.additional-product__counter-wrapper {
    display: flex;
    align-items: center;
    gap: 20px
}

.additional-product__counter-text {
    font-size: 12px;
    line-height: 130%
}

.additional-product__price-title {
    font-size: 12px;
    margin-bottom: 6px
}

.additional-product__price-block {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.additional-product__price {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    color: var(--additional-product-price, var(--neutral-dark-colorest-color));
    text-wrap: nowrap
}

.additional-product__old-price {
    font-size: 12px;
    line-height: 130%;
    position: relative;
    display: flex;
    align-items: center;
    text-wrap: nowrap
}

.additional-product__old-price::after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #d74853
}

.additional-product__status {
    margin-bottom: 5px !important
}

@media(max-width: 767px) {
    .additional-product {
        height: 172px
    }

    .additional-product__content {
        flex-direction: column
    }

    .additional-product__description {
        padding-top: 5px;
        padding-bottom: 0
    }

    .additional-product__info {
        width: 100%;
        padding: 10px;
        padding-top: 0;
        padding-bottom: 10px;
        align-items: flex-start;
        min-width: 0
    }

    .additional-product__articul {
        margin-bottom: 1px;
        line-height: 130%
    }

    .additional-product__title {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 130%
    }

    .additional-product__status {
        line-height: 130%;
        font-size: 12px;
        margin-bottom: 5px
    }

    .additional-product__price {
        margin-bottom: 5px
    }

    .additional-product__counter-wrapper {
        margin-left: auto
    }

    .additional-product__price-block {
        flex-direction: column-reverse;
        gap: 5px;
        align-items: flex-start
    }
}

@media(max-width: 575px) {
    .additional-product__counter-wrapper {
        gap: 5px
    }
}

.product-accessibility-group__row {
    gap: 10px
}

.product-accessibility-group__title {
    margin-bottom: 3px;
    font-weight: 700
}

.product-banner-group__image {
    width: 100%;
    height: auto;
    max-width: 300px;
    margin: 0 auto
}

.product-articul {
    margin: 0;
    color: #bdbdbd;
    font-size: 12px;
    display: inline
}

.product-title-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 20px 30px;
    border-bottom: 1px solid #e5e5ea
}

.product-title-block__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    color: #000
}

.product-counter-group {
    margin-bottom: 15px
}

.product-counter {
    background-color: #fff;
    border: 1px solid #a7a7ab;
    display: flex;
    justify-content: space-between;
    min-width: 80px;
    width: 80px;
    height: 40px;
    border-radius: 2px;
    position: relative;
    transition: .3s
}

.product-counter:hover {
    background-color: rgba(79, 162, 46, .2);
    border: 1px solid #4fa22e
}

.product-counter:hover .product-counter__order-up:hover,
.product-counter:hover .product-counter__order-down:hover {
    background-color: rgba(79, 162, 46, .2)
}

.product-counter_active {
    background-color: rgba(79, 162, 46, .2);
    border: 1px solid #4fa22e
}

.product-counter_active .product-counter__order-up:hover,
.product-counter_active .product-counter__order-down:hover {
    background-color: rgba(79, 162, 46, .2)
}

.product-counter_disabled::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}

.product-counter_disabled:hover {
    background-color: #fff;
    border: 1px solid #a7a7ab
}

.product-counter_disabled:hover .product-counter__order-up:hover,
.product-counter_disabled:hover .product-counter__order-down:hover {
    background-color: #fff
}

.product-counter_disabled .product-counter__input {
    color: #a7a7ab
}

.product-counter_disabled .product-counter__order-up::after,
.product-counter_disabled .product-counter__order-down::before {
    color: #a7a7ab
}

.product-counter__input {
    background: rgba(0, 0, 0, 0);
    border: none;
    width: 100%;
    text-align: center;
    appearance: none;
    -moz-appearance: textfield;
    color: #333
}

.product-counter__input::-webkit-outer-spin-button,
.product-counter__input::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: textfield
}

.product-counter__input:focus,
.product-counter__input:hover {
    appearance: none;
    -moz-appearance: textfield
}

.product-counter__order-down,
.product-counter__order-up {
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    transition: .3s;
    background-color: hsla(0, 0%, 100%, 0)
}

.product-counter__order-up {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-counter__order-up::after {
    content: "+";
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #333
}

.product-counter__order-down {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-counter__order-down::before {
    content: "-";
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #333
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.product-description-group__collapse {
    position: relative
}

.product-description-group__collapse_inactive {
    height: auto !important
}

.product-description-group__collapse_inactive::after {
    display: none !important
}

.product-description-group__collapse::after {
    content: "";
    transition: .3s;
    height: 20px;
    width: 100%;
    background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
    position: absolute;
    opacity: 1;
    bottom: 0;
    left: 0
}

.product-description-group__collapse.show::after {
    opacity: 0
}

.product-description-group__collapse.collapsing::after {
    opacity: 0
}

.product-description-group .collapse:not(.show) {
    display: block;
    height: 85px;
    overflow: hidden
}

.product-description-group .collapsing {
    position: relative;
    height: 85px;
    overflow: hidden;
    transition: height .35s ease
}

@media(min-width: 768px) {
    .product-description-group .collapse:not(.show) {
        display: block;
        height: auto
    }
}

.product-file {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5ea;
    position: relative;
    justify-content: space-between
}

.product-file:last-child {
    border-bottom: none
}

.product-file__info {
    max-width: 265px;
    min-width: 265px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-file__title {
    width: auto;
    padding-right: 30px
}

.product-file__format {
    min-width: 48px;
    max-width: 48px;
    aspect-ratio: 32/40;
    height: auto;
    background-image: url("/static/images/format-file.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
    margin: 0
}

.product-file__size {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.product-file__button {
    min-width: max-content;
    max-width: max-content
}

@media(max-width: 767px) {
    .product-file {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, auto)
    }
}

@media(max-width: 575px) {
    .product-file {
        flex-direction: row-reverse;
        padding-bottom: 65px;
        gap: 20px
    }

    .product-file__title {
        width: 100%;
        padding-right: 0
    }

    .product-file__size {
        position: absolute;
        bottom: 48px;
        left: 70px;
        padding: 0;
        color: #bdbdbd;
        width: auto
    }

    .product-file__format {
        min-width: 45px
    }

    .product-file__info {
        min-width: 48px;
        width: auto
    }

    .product-file__button {
        position: absolute;
        bottom: 0;
        max-width: 100%
    }
}

.product-haracteristic-table__row {
    display: grid;
    grid-template-columns: 60% 40%;
    margin-bottom: 20px
}

.product-haracteristic-table__item-value {
    position: relative;
    top: 3.5px;
    margin: 0;
    padding-left: 10px
}

.product-haracteristic-table__item-name-text {
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 10px;
    margin: 0
}

.product-haracteristic-table__item-name {
    position: relative;
    margin-right: 10px;
    margin: 0
}

.product-haracteristic-table__item-name::after {
    content: "";
    display: block;
    background-image: url("/static/images/dot.png");
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    height: 18px;
    position: absolute;
    top: 0
}

.product-haracteristic-group__collapse {
    position: relative
}

.product-haracteristic-group__collapse::after {
    content: "";
    transition: .3s;
    height: 20px;
    width: 100%;
    background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
    position: absolute;
    opacity: 1;
    bottom: 0;
    left: 0
}

.product-haracteristic-group__collapse.show::after {
    opacity: 0
}

.product-haracteristic-group__collapse.collapsing::after {
    opacity: 0
}

.product-haracteristic-group .collapse:not(.show) {
    display: block;
    height: 85px;
    overflow: hidden
}

.product-haracteristic-group .collapsing {
    position: relative;
    height: 85px;
    overflow: hidden;
    transition: height .35s ease
}

@media(min-width: 768px) {
    .product-haracteristic-group .collapse:not(.show) {
        display: block;
        height: auto
    }
}

.product-input-number {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    height: 40px;
    display: flex;
    border: 1px solid var(--color-button-secondary-border, #B7CBE5);
    border-radius: 2px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin-right: 0
}

.product-input-number input[type=number] {
    width: 40px;
    text-align: center;
    border: none;
    height: 100%;
    color: var(--color-button-secondary-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 2px;
    color: #1c52ac
}

.product-input-number .order-down,
.product-input-number .order-up {
    width: 23px;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.product-input-number .order-down:hover,
.product-input-number .order-up:hover {
    background: var(--color-button-secondary-background-hover, #e7eef6)
}

.product-input-number .order-up:after,
.product-input-number .order-up:before,
.product-input-number .order-down:before {
    top: auto;
    left: auto
}

.product-input-number .order-up:before {
    width: 1px;
    height: 7px
}

.product-input-number .order-up:after,
.product-input-number .order-down:before {
    width: 7px;
    height: 1px
}

.product-price-group {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.product-price-group__percent {
    display: flex;
    gap: 5px;
    fill: #2363d1;
    align-items: center
}

.product-price-group__date-text {
    text-wrap: nowrap;
    white-space: nowrap
}

.product-price-group__title {
    margin-bottom: 2px
}

.product-price-group__row {
    display: flex;
    align-items: center;
    gap: 15px
}

.product-price-group__price {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #767676;
    margin: 0;
    text-wrap: nowrap;
    white-space: nowrap
}

.product-price-group__price_old {
    color: #c43228;
    text-decoration: line-through
}

.product-price-group__price_inactive {
    opacity: .4
}

.product-price-group__price_primary {
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
    color: #000
}

.product-price-group__price_range {
    color: #a7a7ab;
    font-size: 20px;
    line-height: 100%;
    font-weight: 700
}

.product-price-group__price_range-cost {
    color: #a7a7ab;
    font-size: 28px;
    line-height: 100%;
    font-weight: 700
}

@media(max-width: 1023px) {
    .product-price-group__title {
        margin-bottom: 10px
    }

    .product-price-group__row {
        margin-bottom: 5px
    }
}

.star {
    height: 15px;
    width: 15px
}

.star_full {
    background-image: url("/static/images/star-full.svg")
}

.star_half {
    background-image: url("/static/images/star-half.svg")
}

.star_empty {
    background-image: url("/static/images/star-empty.svg")
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 3px
}

.product-select-group__text {
    margin-bottom: 5px
}

.product-select {
    border-radius: 2px;
    border: 1px solid #b7cbe5;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #1c52ac;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    appearance: none;
    background-image: url("/static/images/angle.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right 1rem center;
    font-family: Golos
}

.product-size-group__row {
    flex-wrap: wrap;
    gap: 10px
}

.product-size-group__text {
    margin-bottom: 5px
}

.product-navigation {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-navigation__prev,
.product-navigation__next {
    display: flex;
    align-items: center;
    color: #bdbdbd;
    stroke: #bdbdbd;
    font-size: 14px;
    background-color: #fff;
    transition: .3s;
    width: 100%;
    padding: 10px 28px;
    gap: 7px
}

.product-navigation__prev:hover,
.product-navigation__next:hover {
    background-color: #f3f6fb;
    color: #1c52ac;
    stroke: #1c52ac
}

.product-navigation__prev {
    display: flex
}

.product-navigation__next {
    justify-content: flex-end
}

.product-navigation__text {
    color: inherit;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis
}

.product-navigation__articul {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #bdbdbd;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 575px) {

    .product-navigation__prev,
    .product-navigation__next {
        padding: 10px
    }

    .product-navigation__text {
        max-width: 50px
    }
}

.product-slideshow-default {
    padding-bottom: 60px
}

.product-slideshow #sync1 .owl-nav {
    max-width: 360px;
    margin: 0 auto;
    position: relative
}

.product-slideshow #sync1 .owl-dots {
    display: none !important
}

.product-slideshow #sync1 .owl-next,
.product-slideshow #sync1 .owl-prev {
    background-color: rgba(0, 0, 0, 0) !important;
    bottom: -45px !important
}

.product-slideshow #sync2 {
    display: block !important
}

.product-slideshow #sync2 .owl-dots.disabled {
    display: none
}

@media(max-width: 767px) {
    .product-slideshow #sync1 .owl-nav {
        top: 18px;
        z-index: 1
    }

    .product-slideshow #sync1 .owl-dots {
        top: 18px
    }
}

@media(max-width: 575px) {
    .product-slideshow_inner {
        padding: 10px
    }
}

.product-share-button {
    fill: #2363d1;
    display: inline-flex;
    gap: 10px
}

.product-compare-button {
    fill: #2363d1;
    display: inline-flex;
    gap: 10px
}

.product-static-text li {
    font-size: 14px;
    line-height: 18px;
    color: #7c8994;
    margin-bottom: 3px
}

.product-sale-badge {
    background-color: #f33d2a;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 100%;
    padding: 3px 10px
}

.product-card__static-text-wrapper {
    font-size: 14px
}

.product .product-item__flag-content {
    width: 64px
}

.product__title-block {
    background-color: #fff;
    padding: 20px 30px;
    border-bottom: 1px solid #e5e5ea
}

.product__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    color: #000
}

.product__articul {
    margin: 0;
    color: #bdbdbd;
    font-size: 12px;
    display: inline
}

.product__inner-content {
    padding: 40px 80px
}

.product__main-column-content {
    padding: 0 60px
}

.product__inner {
    padding: 40px 80px
}

.product__secondary-column-content {
    background-color: #f5f5f5;
    padding: 20px 30px
}

.product__navigation-wrapper {
    border-bottom: 1px solid #e5e5ea
}

.product__static-text-wrapper {
    font-size: 14px
}

@media(max-width: 1279px) {
    .product__main-column-content {
        padding-right: 0
    }
}

@media(max-width: 1023px) {
    .product__inner-content {
        padding: 20px
    }

    .product__inner {
        padding: 20px
    }

    .product__content-dark {
        padding: 20px
    }
}

@media(max-width: 767px) {
    .product__inner-content {
        padding: 0
    }

    .product__content {
        padding: 20px
    }

    .product__main-column-content {
        padding-left: 0
    }
}

@media(max-width: 575px) {

    .product__secondary-column-content,
    .product__navigation-wrapper {
        margin: 0 -16px
    }

    .product__content {
        padding: 20px 0
    }
}

.product-short .product-item__flag-content {
    width: 64px
}

.product-short__main-content {
    padding-left: 30px;
    padding-right: 20px
}

.product-short__description-text {
    margin-bottom: 20px
}

.product-short__haracteristic-table {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.product-short__haracteristic-table-row {
    display: flex;
    justify-content: space-between
}

.product-short__haracteristic-name {
    color: #a7a7ab;
    width: 40%
}

.product-short__haracteristic-value {
    width: 60%;
    text-align: left;
    padding-left: 10px
}

.product-short__main-content,
.product-short__secondary-content {
    padding: 30px
}

.product-short__main-column-content {
    padding-left: 50px;
    padding-right: 60px
}

.product-short__navigation-wrapper {
    border-bottom: 1px solid #e5e5ea
}

.product-short__static-text-wrapper {
    font-size: 14px
}

.product-short #sync1.owl-theme .owl-next {
    right: 0
}

.product-short #sync1.owl-theme .owl-prev {
    left: 0
}

@media(max-width: 1279px) {
    .product-short__haracteristic-table {
        gap: 10px
    }

    .product-short__haracteristic-table-row {
        flex-direction: column;
        gap: 4px
    }

    .product-short__haracteristic-name {
        width: 100%
    }

    .product-short__haracteristic-value {
        width: 100%;
        padding-left: 0
    }
}

@media(max-width: 1023px) {
    .product-short__main-content {
        padding: 0
    }

    .product-short__secondary-column-content {
        padding-top: 30px
    }

    .product-short__main-content,
    .product-short__secondary-content {
        padding: 20px
    }

    .product-short__main-column-content {
        padding-right: 0
    }
}

@media(max-width: 767px) {
    .product-short__main-column-content {
        padding-left: 0
    }
}

@media(max-width: 575px) {

    .product-short__content,
    .product-short__secondary-content {
        margin: 0 -16px;
        border: none
    }
}

.product-sidebar .product-item__flag-content {
    width: 64px
}

.product-sidebar__main-content {
    position: sticky;
    top: 100px;
    left: 0
}

.product-sidebar__slideshow-wrapper {
    padding: 0 0 30px 0
}

.product-sidebar__sidebar-content {
    background-color: #fff;
    border: 1px solid #e5e5ea;
    margin-bottom: var(--grid-gutter-width, 20px)
}

.product-sidebar__sidebar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5ea
}

.product-sidebar__sidebar-main-content {
    padding: 20px
}

.product-sidebar__secondary-content {
    padding: 40px 60px
}

.product-sidebar__title {
    font-family: Golos;
    font-size: 26px;
    font-weight: 700;
    line-height: 130%;
    color: #000;
    margin-bottom: 25px
}

.product-sidebar__top-item {
    display: flex;
    gap: 15px;
    min-width: 185px
}

.product-sidebar__additional-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-sidebar__static-text-wrapper {
    font-size: 14px
}

@media(max-width: 1023px) {
    .product-sidebar__title {
        margin-bottom: 10px
    }

    .product-sidebar__secondary-content {
        padding: 20px
    }
}

@media(max-width: 575px) {

    .product-sidebar__sidebar-content,
    .product-sidebar__main-content {
        border: none;
        margin: 0 -16px
    }

    .product-sidebar__sidebar-main-content {
        padding: 20px 16px;
        border: none
    }

    .product-sidebar__secondary-content {
        padding: 20px 0;
        border: none
    }

    .product-sidebar__top {
        padding: 10px 0
    }

    .section-dark {
        background-color: #fff !important
    }
}

[data-collapse-open] {
    color: #2363d1
}

[data-collapse-close] {
    color: #767676
}

.product-content {
    background-color: #fff;
    border: none
}

.product-content_inner {
    padding: 40px 80px
}

.product-content ul li {
    position: relative
}

.product-content ul li:before {
    content: "";
    width: 12px;
    height: 2px;
    background-color: var(--main-elements-color, var(--accent-color-400));
    display: block;
    position: absolute;
    left: 0;
    top: 8px
}

.product-content ol li {
    position: relative
}

.product-content ol li:before {
    content: "";
    counter-increment: myCounter;
    content: counter(myCounter) !important;
    position: absolute;
    left: 0;
    top: -10px;
    line-height: 16px;
    width: 36px;
    height: 36px;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: var(--main-elements-color, var(--accent-color-400));
    line-height: 32px;
    text-align: center;
    background: var(--white-color)
}

@media(min-width: 575px) {
    .product-content {
        padding: 40px 20px;
        border: 1px solid #e5e5ea
    }

    .product-content_frameless {
        border: none
    }
}

@media(min-width: 768px) {
    .product-content {
        padding: 40px 60px
    }
}

.char {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.char li {
    display: flex;
    position: relative
}

.char-text {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    display: block
}

.char-text__mask {
    position: relative;
    padding: 0 10px 5px 0px;
    height: 16px;
    background-color: var(--white-color)
}

.char-text:first-child {
    width: 60%;
    margin-right: 10px
}

.char-text:first-child:before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 3px;
    background: url("/static/images/dot.png") 0 0 repeat-x
}

.char-text:last-child {
    width: 40% !important
}

.char-text:last-child {
    width: auto;
    font-size: 14px;
    color: #000
}

.product-content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .char li {
        flex-direction: column;
        gap: 5px
    }

    .char-text:first-child {
        font-size: 14px;
        color: #bdbdbd
    }

    .char-text:last-child {
        font-size: 18px
    }

    .char-text:first-child:before {
        display: none
    }
}

.product-card-page {
    padding: 30px 0 60px 0
}

.product-card {
    width: 100%;
    margin-bottom: 10px
}

.product-card .btn-border {
    min-width: 180px;
    margin-top: 15px
}

.product-card__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-card__btns .share-block {
    width: auto
}

.product-card__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-card__rating .product-item__rating {
    margin-top: 2px
}

.product-card__review-link {
    margin-left: 10px
}

.product-card__review-link a {
    font-size: 14px;
    color: var(--main-elements-color, #2363d1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.product-card__review-link a:hover {
    color: var(--main-elements-hover-color, #1c52ac)
}

.product-card__review-link a:active {
    color: #164593
}

.product-card__head {
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--gray-color-200);
    background-color: var(--white-color)
}

.product-card__title {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 0
}

.product-card__artikul {
    font-size: 11px;
    line-height: 13px;
    color: #bdbdbd;
    margin: 0
}

.product-card__navigation {
    display: flex;
    border-bottom: 1px solid var(--gray-color-200);
    background-color: var(--white-color)
}

.product-card__nav-prev {
    display: flex;
    width: 100%;
    height: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    background: #fff;
    font-size: 11px;
    line-height: 13px;
    color: #bdbdbd;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-card__nav-prev:hover {
    background: rgba(0, 189, 189, .05);
    color: var(--main-elements-color, #2363d1)
}

.product-card__nav-prev:hover .icon svg {
    color: var(--main-elements-color, #2363d1)
}

.product-card__nav-prev .icon {
    margin-right: 5px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: -4px
}

.product-card__nav-prev .icon svg {
    width: 12px;
    height: 12px
}

.product-card__nav-next {
    display: flex;
    width: 100%;
    height: 38px;
    align-items: center;
    padding: 0 30px;
    background: #fff;
    font-size: 11px;
    line-height: 13px;
    color: #bdbdbd;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.product-card__nav-next:hover {
    background: rgba(0, 189, 189, .05);
    color: var(--main-elements-color, #2363d1)
}

.product-card__nav-next:hover .icon svg {
    color: var(--main-elements-color, #2363d1)
}

.product-card__nav-next .icon {
    margin-left: 5px;
    margin-bottom: -4px
}

.product-card__nav-next .icon svg {
    width: 12px;
    height: 12px
}

.product-card__container {
    padding: 20px 80px;
    background: #fff;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-card__slideshow {
    width: 320px
}

.product-card__slideshow .product-item__img-text {
    font-size: 11px;
    color: rgba(0, 0, 0, .25)
}

.product-card__content {
    width: calc(100% - 355px);
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-card__left {
    min-width: 260px
}

.product-card__content .btn-checkout {
    width: calc(100% - 80px)
}

.product-card__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 260px;
    gap: 15px
}

.product-card__right {
    width: 300px;
    margin-left: 20px
}

.product-card__price-block {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.product-card__personal-cost {
    font-weight: 400;
    font-size: 28px;
    line-height: 33px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-card__personal-cost span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.product-card__main-cost {
    color: #767676;
    font-size: 14px
}

.product-card__main-cost strong {
    font-size: 14px;
    line-height: 16px;
    padding-left: 5px;
    font-weight: 400
}

.product-card__main-cost span {
    font-size: 14px;
    line-height: 16px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    padding-left: 5px;
    color: #d74853
}

.product-card .product-item__flag--hit {
    background-color: #d74853
}

.product-card .product-item__flag--new {
    background-color: #3ec28f
}

.product-card .product-item__flag--sale {
    background-color: #f6ac1d
}

.product-card .product-item__flag--markdown {
    background-color: #626262
}

.product-card .product-item__flag--offer {
    background-color: var(--offer-tag-bg-color, #626262);
    color: var(--offer-tag-font-color, #fff)
}

.product-card .product-item__img-text {
    position: absolute;
    right: 15px;
    top: 0;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 10px;
    color: rgba(0, 0, 0, .4);
    z-index: 9;
    text-transform: none;
    font-style: italic;
    font-family: "Golos"
}

.product-card__discription {
    padding: 20px 30px;
    background: #f6f6f6
}

.product-card__discription ul li {
    font-size: 14px;
    line-height: 18px;
    color: #7c8994;
    margin-bottom: 3px
}

.product-card__discription .btn-get-an-account-min {
    margin-top: 10px
}

.product-card__discription .btn-calculate-min {
    margin-top: 10px
}

.product-card__discription-title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #7c8994
}

.product-card__modification-container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.product-card__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-card__rating .star {
    width: 15px;
    height: 15px;
    margin-left: 2px
}

.product-card__rating .star:first-child {
    margin-left: 0
}

.product-card__rating .star--full {
    background-image: url("/static/images/star-full.svg");
    background-size: 15px 15px
}

.product-card__rating .star--half {
    background-image: url("/static/images/star-half.svg");
    background-size: 15px 15px
}

.product-card__rating .star--empty {
    background-image: url("/static/images/star-empty.svg");
    background-size: 15px 15px
}

.product-card__radio-options {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    gap: 5px
}

.product-card__modification-title {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
    font-weight: 400;
    margin-bottom: 0
}

.product-card__product-mod-param {
    border-radius: 2px;
    cursor: pointer;
    font-family: "Golos";
    transition: .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    padding: 7px 14.5px;
    font-size: 12px;
    line-height: 20px;
    color: #767676;
    background: #fff;
    border: 1px solid #767676
}

.product-card__product-mod-param:hover {
    background: #2363d1 !important;
    border-color: #2363d1 !important;
    color: #fff !important
}

.product-card__product-mod-param_active {
    background: #2363d1 !important;
    border-color: #2363d1 !important;
    color: #fff !important
}

.product-card__modification-item {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.product-card__modification-item--row {
    flex-direction: row;
    align-items: center;
    gap: 20px
}

.product-card__modification-item--row .product-card__modification-title {
    width: auto
}

.product-card__modification-item .product-card__accessibility-title {
    font-weight: 400
}

.product-card__accessibility-title {
    font-weight: 700;
    color: var(--gray-color-550);
    margin-bottom: 4px
}

.product-card__select-options {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

.product-card__select-options span {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
    font-weight: 400
}

.product-card__select-options select {
    width: 100%;
    height: 30px;
    padding-left: 20px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 24px 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Golos";
    color: #333
}

.product-card__modification-select {
    width: 100%;
    height: 30px;
    padding-left: 20px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 24px 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Golos";
    color: #333
}

.product-banners {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px
}

.product-banners__item {
    width: 100%;
    height: auto
}

.product-banners__link {
    display: block
}

.product-banners__image {
    display: block;
    width: 100%;
    height: auto
}

@media(max-width: 991px) {
    .product-banners {
        grid-template-columns: repeat(2, 1fr)
    }
}

.btn-checkout {
    background: var(--checkout-button-color, #3ec28f);
    border: 0
}

.btn-checkout.btn {
    color: var(--checkout-button-font-color, #3ec28f)
}

.btn-checkout .icon-svg {
    max-width: 22px;
    max-height: 22px;
    margin: 0 10px 0 0
}

.product-card-schedule {
    width: 100%;
    background: #f6f6f6;
    margin-bottom: 15px;
    padding: 15px 20px
}

.product-card-schedule__image {
    display: block;
    margin-bottom: 15px;
    text-align: center
}

.product-card-schedule__image img {
    max-width: 100%
}

.product-card-schedule .schedule-btn {
    padding: 0 15px
}

.product-card-schedule .schedule-btn .icon {
    margin-right: 7px;
    margin-bottom: -2px
}

.product-card-schedule .schedule-btn .icon .icon-svg {
    width: 25px;
    height: 11px
}

.product-card-schedule .schedule-btn a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    white-space: nowrap
}

.product-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-card-container .product-card-content {
    width: calc(100% - 240px)
}

.product-card-container .product-card-side {
    width: 225px
}

.cart-icon {
    margin-right: 10px
}

.document-item {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 0
}

.document-item__text {
    display: block;
    max-width: 350px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-right: auto
}

.document-item__text-link {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    transition: .5s
}

.document-item__text-link:hover {
    color: var(--main-elements-color, #2363d1)
}

.document-item__format {
    display: block;
    background: url("/static/images/format-file.svg");
    width: 32px;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px;
    text-align: center
}

.document-item__size {
    font-size: 14px;
    line-height: 18px;
    color: #7c8994
}

.document-item__btn {
    max-width: max-content;
    width: 100%
}

.document-item__btn-download {
    background: #fff;
    border: 1px solid var(--colorless-buttons-border-color, #b7cbe5);
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    transition: .5s;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--main-elements-color, #2363d1);
    border-radius: 2px
}

.document-item__btn-download:hover {
    background: var(--main-elements-color, #2363d1);
    color: #fff;
    border-color: var(--main-elements-color, #2363d1)
}

@media(max-width: 1279px) {
    .product-card__container {
        padding: 20px 30px
    }

    .product-card__right {
        width: auto
    }

    .product-card__inner-content {
        padding: 20px 40px
    }

    .tab-content {
        padding: 40px
    }
}

@media(max-width: 1023px) {
    .product-card__container {
        padding: 20px 15px 0 15px
    }

    .product-card__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100% - 340px)
    }

    .product-card__discription {
        padding: 20px 15px
    }

    .product-card__left {
        width: 100%;
        margin-bottom: 20px
    }

    .product-card__right {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px
    }

    .tab-content {
        padding: 40px 20px
    }
}

@media(max-width: 991px) {
    .product-card-schedule {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0;
        padding: 15px 15px 0 15px
    }

    .product-card-schedule .schedule-btn {
        padding: 0
    }

    .product-card-container .product-card-content {
        width: 100%;
        margin-bottom: 20px
    }

    .product-card-container .product-card-side {
        width: 100%
    }
}

@media(max-width: 767px) {
    .product-card-page {
        padding: 30px 0
    }

    .product-card__status {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        position: relative;
        bottom: 0
    }

    .product-card__rating .star {
        width: 18px;
        height: 18px
    }

    .product-card__rating .star--full {
        background-size: 18px 18px
    }

    .product-card__rating .star--half {
        background-size: 18px 18px
    }

    .product-card__rating .star--empty {
        background-size: 18px 18px
    }

    .product-card .input-number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-card__review-link a {
        font-size: 14px;
        word-break: keep-all
    }

    .product-card__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
        border-bottom: 0
    }

    .product-card__artikul {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-top: -32px;
        margin-bottom: 30px
    }

    .product-card__navigation {
        padding: 10px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 0
    }

    .product-card__nav-prev {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #f2f2f2;
        font-size: 0;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-card__nav-prev .icon {
        margin-right: -2px;
        margin-top: -7px
    }

    .product-card__nav-next {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #f2f2f2;
        font-size: 0;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-card__nav-next .icon {
        margin-left: -2px;
        margin-bottom: -7px
    }

    .product-card__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-card__slideshow {
        width: 100%;
        margin-bottom: 30px
    }

    .product-card__content {
        width: 100%
    }

    .product-card__right {
        width: calc(100% + 30px);
        margin: 0 -15px
    }

    .product-card .product-item__flag {
        top: 10px;
        height: 24px;
        line-height: 24px;
        font-size: 13px
    }

    .product-card .product-item__img-text {
        top: 10px;
        right: 15px;
        bottom: auto;
        left: auto;
        font-size: 13px
    }

    .product-card__discription {
        margin-bottom: 0
    }

    .product-card-schedule {
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 15px 30px
    }

    .product-card-container .product-card-side {
        display: block;
        width: 100%
    }

    .document-item {
        position: relative;
        padding-left: 50px;
        padding-bottom: 20px
    }

    .document-item__name {
        width: 100%;
        margin: 0
    }

    .document-item__format {
        position: absolute;
        left: 0
    }

    .document-item__size {
        color: #a9b1b9;
        position: absolute;
        bottom: 0;
        left: 50px
    }
}

.product-card__avaibility-title {
    margin: 0;
    font-weight: 700
}

.product-card__avaibility {
    display: flex;
    flex-direction: column
}

.product-card__status {
    font-size: 11px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-card__status--limited {
    color: #30c2ff
}

.product-card__status--small {
    color: #ff9500
}

.product-card__status--none {
    color: #d74853
}

.product-card__status--many {
    color: #3ec28f
}

.product-v1-new {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-v1-new .input-number {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    height: 48px;
    display: flex;
    border: 1px solid var(--color-button-secondary-border, #B7CBE5);
    border-radius: 2px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin-right: 0
}

.product-v1-new .input-number input[type=number] {
    width: 40px;
    text-align: center;
    border: none;
    height: 100%;
    color: var(--color-button-secondary-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 2px;
    color: #1c52ac
}

.product-v1-new .input-number .order-down,
.product-v1-new .input-number .order-up {
    width: 23px;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.product-v1-new .input-number .order-down:hover,
.product-v1-new .input-number .order-up:hover {
    background: var(--color-button-secondary-background-hover, #e7eef6)
}

.product-v1-new .input-number .order-up:after,
.product-v1-new .input-number .order-up:before,
.product-v1-new .input-number .order-down:before {
    top: auto;
    left: auto
}

.product-v1-new .input-number .order-up:before {
    width: 1px;
    height: 7px
}

.product-v1-new .input-number .order-up:after,
.product-v1-new .input-number .order-down:before {
    width: 7px;
    height: 1px
}

.product-v1-new .product-card__inner-content {
    padding: 20px 80px
}

.product-v1-new .product-card__main-column-content {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.product-v1-new .product-card__secondary-column-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-left: 40px;
    background-color: var(--gray-color-100);
    padding: 20px 30px
}

@media(max-width: 1279px) {
    .product-v1-new .product-card__secondary-column-content {
        margin-left: 0;
        margin-top: 20px
    }
}

@media(max-width: 1023px) {
    .product-banners {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 991px) {
    .product-v1-new .product-card__inner-content {
        padding: 20px
    }
}

@media(max-width: 767px) {
    .product-v1-new .product-card__main-column-content {
        margin-left: 0;
        padding-top: 20px
    }
}

@media(max-width: 575px) {
    .product-v1-new .product-card__inner-content {
        padding: 20px 0
    }
}

.product-v2 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-v2 .char {
    padding-bottom: 20px
}

.product-v2 .input-number {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    height: 48px;
    display: flex;
    border: 1px solid var(--color-button-secondary-border, #B7CBE5);
    border-radius: 2px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin-right: 0
}

.product-v2 .input-number input[type=number] {
    width: 40px;
    text-align: center;
    border: none;
    height: 100%;
    color: var(--color-button-secondary-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 2px;
    color: #1c52ac
}

.product-v2 .input-number .order-down,
.product-v2 .input-number .order-up {
    width: 23px;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.product-v2 .input-number .order-down:hover,
.product-v2 .input-number .order-up:hover {
    background: var(--color-button-secondary-background-hover, #e7eef6)
}

.product-v2 .input-number .order-up:after,
.product-v2 .input-number .order-up:before,
.product-v2 .input-number .order-down:before {
    top: auto;
    left: auto
}

.product-v2 .input-number .order-up:before {
    width: 1px;
    height: 7px
}

.product-v2 .input-number .order-up:after,
.product-v2 .input-number .order-down:before {
    width: 7px;
    height: 1px
}

.product-v2 .product-card {
    background: none
}

.product-v2 .product-card__slideshow-wrapper {
    padding-bottom: 30px
}

.product-v2 .product-card__sidebar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid var(--gray-color-200)
}

.product-v2 .product-card__sidebar-main-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.product-v2 .document-item__text {
    width: 100%
}

.product-v2 .document-item__format {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.product-v2 .document-item__size {
    max-width: 85px;
    min-width: 85px;
    padding: 0 10px;
    text-align: center
}

.product-v2 .document-item__download-button {
    border-radius: 0;
    width: max-content;
    font-size: 14px;
    background: var(--white-color);
    color: var(--accent-color-400);
    border: 1px solid var(--accent-color-200)
}

.product-v2 .document-item__download-button:hover {
    background: var(--accent-color-400);
    color: var(--white-color);
    border-color: 1px solid var(--accent-color-400)
}

@media(max-width: 767px) {
    .product-v2 .product-card__sidebar-main-content {
        padding: 20px
    }

    .product-v2 .product-card__sidebar-top {
        border-bottom: none
    }

    .product-v2 .document-item {
        padding-left: 50px
    }

    .product-v2 .document-item__format {
        min-width: 32px;
        max-width: 32px;
        height: 40px;
        font-size: 10px
    }

    .product-v2 .document-item__size {
        padding: 0;
        min-width: 0;
        max-width: max-content;
        margin-bottom: 10px
    }

    .product-v2 .document-item__download {
        width: 100%
    }

    .product-v2 .document-item__download-button {
        width: 100%
    }
}

@media(max-width: 575px) {
    .product-v2 .product-card__sidebar-main-content {
        padding: 20px 0
    }
}

.product-v3 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-v3 .input-number {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    height: 48px;
    display: flex;
    border: 1px solid var(--color-button-secondary-border, #B7CBE5);
    border-radius: 2px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin-right: 0
}

.product-v3 .input-number input[type=number] {
    width: 40px;
    text-align: center;
    border: none;
    height: 100%;
    color: var(--color-button-secondary-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 2px;
    color: #1c52ac
}

.product-v3 .input-number .order-down,
.product-v3 .input-number .order-up {
    width: 23px;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.product-v3 .input-number .order-down:hover,
.product-v3 .input-number .order-up:hover {
    background: var(--color-button-secondary-background-hover, #e7eef6)
}

.product-v3 .input-number .order-up:after,
.product-v3 .input-number .order-up:before,
.product-v3 .input-number .order-down:before {
    top: auto;
    left: auto
}

.product-v3 .input-number .order-up:before {
    width: 1px;
    height: 7px
}

.product-v3 .input-number .order-up:after,
.product-v3 .input-number .order-down:before {
    width: 7px;
    height: 1px
}

.product-v3 .product-card__main-content {
    padding: 30px
}

.product-v3 .product-card__main-column-content {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.product-v3 .product-card__secondary-column-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 30px
}

.product-v3 .char .char-text:first-child:before {
    display: none
}

.product-v3 .char .char-text:first-child {
    width: 35%;
    color: var(--gray-color-500)
}

.product-v3 .char .char-text:last-child {
    width: 65%;
    font-size: 14px
}

@media(max-width: 1023px) {
    .product-v3 .product-card__main-column-content {
        margin-right: 0
    }

    .product-v3 .product-card__secondary-column-content {
        width: 100%;
        padding-top: 30px;
        margin: 0
    }
}

@media(max-width: 767px) {
    .product-v3 .product-card {
        border: none
    }

    .product-v3 .product-card__main-column-content {
        margin: 0
    }

    .product-v3 .product-card__main-content {
        padding: 30px 0
    }
}

.order-status-block {
    background-color: #fff;
    padding: 40px 100px
}

.order-status-block__title-highlight {
    color: var(--main-elements-color, #2363d1)
}

.order-status-block__title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start
}

.order-status-block__title-text {
    font-size: 22px;
    font-weight: bold
}

.order-status-block__badge {
    display: inline-block;
    padding: 0 15px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.order-status-block__badge_green {
    background: rgba(79, 162, 46, .1019607843);
    color: #4fa22e !important;
    border: 1px solid #4fa22e
}

.order-status-block__badge_blue {
    background-color: rgba(28, 82, 172, .1019607843);
    color: #1c52ac !important;
    border: 1px solid #1c52ac
}

.order-status-block__badge_red {
    background-color: rgba(196, 50, 40, .1019607843);
    color: #c43228 !important;
    border: 1px solid #c43228
}

.order-status-block__sub-title {
    font-size: 18px;
    font-weight: bold
}

.order-status-block__sub-title_table {
    border-top: 1px solid #e5e5ea;
    padding-top: 20px
}

.order-status-block__grid {
    display: grid;
    grid-template-columns: 130px 1fr
}

.order-status-block__grid-element:nth-child(2n) {
    padding-left: 13px
}

.order-status-block__grid-element {
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 400
}

.order-status-block__grid-element_green {
    color: #4fa22e
}

.order-status-block__grid-element_red {
    color: #c43228
}

.order-status-block__icon {
    width: 15px;
    height: 15px
}

.order-status-block__table {
    overflow: auto
}

.order-status-block__table-row {
    display: grid;
    grid-template-columns: 15% 40% 15% 15% 15%;
    min-width: 980px;
    padding: 15px 0
}

.order-status-block__table-row_head {
    border-bottom: 1px solid #e5e5ea
}

.order-status-block__table-row_post-head {
    border-top: 1px solid #e5e5ea
}

.order-status-block__table-cell {
    padding-right: 15px
}

.order-status-block__table-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0
}

.order-status-block__table-text {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: block;
    word-break: break-all
}

.order-status-block__info-text {
    max-width: 380px;
    font-size: 14px;
    font-weight: 400
}

.order-status-block__row {
    display: grid;
    grid-template-columns: 85% 15%;
    padding-top: 15px
}

.order-status-block__row_top {
    border-top: 1px solid #e5e5ea
}

@media(max-width: 1279px) {
    .order-status-block__row {
        display: flex;
        justify-content: space-between
    }
}

@media(max-width: 767px) {
    .order-status-block {
        padding-inline: 15px;
        margin: 0 -15px
    }
}

.order-status-form {
    background-color: #fff;
    padding: 40px 15px 88px 15px
}

.order-status-form__wrapper {
    max-width: 380px;
    width: 100%;
    margin: 0 auto
}

@media(max-width: 767px) {
    .order-status-form {
        margin: 0 -15px
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*padding-bottom: 35px;*/
    position: relative;
    z-index: 8;
    font-size: 12px;
    color: #767676;
    padding-top: 20px
}

@media(max-width: 767px) {
    .breadcrumbs :first-child a::before {
        content: "";
        width: 12px;
        height: 12px;
        display: inline-block;
        flex-shrink: 0;
        margin-top: -1px;
        margin-right: 4px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url("/static/images/slideshow-arrow.svg");
        transform: rotate(180deg)
    }
}

.breadcrumbs__sep {
    align-self: center
}

@media(max-width: 767px) {
    .breadcrumbs__sep {
        display: none
    }
}

@media(min-width: 767px) {
    .breadcrumbs__sep:last-child {
        display: block
    }
}

@media(max-width: 767px) {
    .breadcrumbs {
        align-items: stretch;
        padding-bottom: 0;
        padding-top: 0;
        line-height: 26px
    }
}

.breadcrumbs a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    color: var(--breadcrumb-item-color, #2363d1);
    text-transform: uppercase;
    margin-right: 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media(max-width: 767px) {
    .breadcrumbs a {
        display: none
    }
}

@media(max-width: 767px) {
    .breadcrumbs a:first-child {
        display: inline-flex;
        font-size: 13px;
        border: none;
        position: relative
    }
}

.breadcrumbs a:hover {
    text-decoration: underline;
    color: var(--breadcrumb-item-hover-color, var(--breadcrumb-item-color, #2363d1))
}

.breadcrumbs span {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #bdbdbd
}

.breadcrumbs .sep {
    display: inline-block;
    margin-right: 13px;
    background: url("/static/images/breadcrumbs-arrow.svg") 100% 50% no-repeat;
    background-size: 15px auto;
    width: 10px;
    height: 19px
}

@media(max-width: 767px) {
    .breadcrumbs .sep {
        display: none
    }
}

.breadcrumbs .sep:last-child {
    display: none
}

.bottom-mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--bottom-mobile-menu-background, #fff);
    z-index: 99
}

.bottom-mobile-menu_radius {
    background-color: rgba(0, 0, 0, 0)
}

.bottom-mobile-menu_radius .bottom-mobile-menu__content {
    border-radius: 40px;
    margin-bottom: 13px;
    margin-inline: 13px;
    background-color: var(--bottom-mobile-menu-background, #fff);
    box-shadow: 0px -2px 15px 2px rgba(218, 218, 218, .5019607843)
}

.bottom-mobile-menu__content {
    background-color: var(--bottom-mobile-menu-background, #fff);
    position: relative;
    z-index: 1;
    box-shadow: 0px -1px 15px 2px rgba(218, 218, 218, .5019607843);
    height: 70px;
    display: flex;
    align-items: center
}

.bottom-mobile-menu__row {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.bottom-mobile-menu-button {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.bottom-mobile-menu-button_background:hover .bottom-mobile-menu-button__inner {
    background-color: var(--bottom-mobile-menu-background-circle-hover, #2363d1)
}

.bottom-mobile-menu-button_background.bottom-mobile-menu-button_active .bottom-mobile-menu-button__inner {
    background-color: var(--bottom-mobile-menu-background-circle-hover, #2363d1)
}

.bottom-mobile-menu-button_background .bottom-mobile-menu-button__inner {
    border-radius: 100%;
    background-color: var(--bottom-mobile-menu-background-circle, #fff);
    transition: .3s
}

.bottom-mobile-menu-button_underline:hover .bottom-mobile-menu-button__icon-wrapper::after {
    color: var(--bottom-mobile-menu-active, #2363d1)
}

.bottom-mobile-menu-button_underline.bottom-mobile-menu-button_active .bottom-mobile-menu-button__icon-wrapper::after {
    color: var(--bottom-mobile-menu-active, #2363d1)
}

.bottom-mobile-menu-button_underline .bottom-mobile-menu-button__icon-wrapper {
    position: relative
}

.bottom-mobile-menu-button_underline .bottom-mobile-menu-button__icon-wrapper::after {
    content: "-";
    position: absolute;
    bottom: -5px;
    transition: .3s;
    color: #fff;
    line-height: 1px;
    font-size: 30px
}

.bottom-mobile-menu-button_active .bottom-mobile-menu-button__text {
    color: var(--bottom-mobile-menu-active, #2363d1)
}

.bottom-mobile-menu-button_active .bottom-mobile-menu-button__icon {
    opacity: 0
}

.bottom-mobile-menu-button_active .bottom-mobile-menu-button__icon_active {
    opacity: 1
}

.bottom-mobile-menu-button_active .bottom-mobile-menu-button__icon_always-active {
    opacity: 1
}

.bottom-mobile-menu-button__icon {
    position: absolute;
    opacity: 1;
    transition: .3s
}

.bottom-mobile-menu-button__icon_active {
    opacity: 0
}

.bottom-mobile-menu-button__icon_always-active {
    opacity: 1
}

.bottom-mobile-menu-button__icon_hidden {
    opacity: 0
}

.bottom-mobile-menu-button__text {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    color: var(--bottom-mobile-menu-inactive, #cccccc);
    transition: .3s;
    text-align: center
}

.bottom-mobile-menu-button__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 50px;
    width: 50px
}

.bottom-mobile-menu-button__icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 30px
}

.bottom-mobile-menu-button__counter {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    overflow: hidden;
    background-color: var(--bottom-mobile-menu-active, #2363d1);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -9px;
    top: -9px;
    z-index: 1
}

@media(max-width: 340px) {
    .bottom-mobile-menu .bottom-mobile-menu__content {
        margin-bottom: 4px;
        margin-inline: 4px
    }
}

.bottom-mobile-menu-list {
    position: absolute;
    background-color: var(--bottom-mobile-menu-list-background, #fff);
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 95px;
    transition: .3s;
    transform: translateY(100%);
    overflow: auto;
    max-height: 50vh
}

.bottom-mobile-menu-list_plates {
    padding: 10px 20px;
    padding-bottom: 95px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end
}

.bottom-mobile-menu-list_plates .bottom-mobile-menu-list__link {
    display: inline-flex;
    background-color: var(--bottom-mobile-menu-list-plates-link-text-color, #2363d1);
    height: 40px;
    text-align: center;
    border: none;
    border-radius: 6px;
    transition: .3s
}

.bottom-mobile-menu-list_plates .bottom-mobile-menu-list__link:hover {
    background-color: var(--bottom-mobile-menu-list-plates-link-background-color, #2363d1);
    color: var(--bottom-mobile-menu-list-plates-link-text-color, #fff)
}

.bottom-mobile-menu-list_active {
    transform: translateY(0%)
}

.bottom-mobile-menu-list__icon-arrow-fill {
    fill: var(--bottom-mobile-menu-list-link-icon-color, #cccccc)
}

.bottom-mobile-menu-list__link {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--bottom-mobile-menu-list-link-text-color, #A7A7AB);
    border-bottom: 1px solid var(--bottom-mobile-menu-list-link-border-color, #dadada);
    transition: .3s;
    background-color: var(--bottom-mobile-menu-list-link-background, #fff)
}

.bottom-mobile-menu-list__link:hover {
    background-color: var(--bottom-mobile-menu-list-link-background-hover, #2363d1);
    color: var(--bottom-mobile-menu-list-link-text-color, #2363d1)
}

.search-modal-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    display: none
}

.search-modal-window__header {
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 1px 15px 2px rgba(218, 218, 218, .5019607843)
}

.search-modal-window__search-results {
    max-height: calc(100% - 60px);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.search-modal-window__cancel {
    min-width: 52px
}

.search-modal-window__row {
    width: 100%;
    gap: 15px;
    align-items: center;
    justify-content: space-between
}

.search-modal-window__input-form {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.search-modal-window__input {
    width: 100%;
    height: 30px;
    border-radius: 50px;
    background-color: #ececec;
    border: none;
    padding: 0 15px;
    display: flex;
    align-items: center;
    color: #333
}

.search-modal-window__clear-input {
    position: absolute;
    right: 5px;
    background-color: #cfcfcf;
    height: 19px;
    width: 19px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mm-navbar {
    background-color: var(--white-color)
}

.mm-navbars_top {
    border: none
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 120px
}

.mm-navbar {
    height: auto;
    border: none
}

#mm-1 {
    padding-top: 0 !important
}

#mm-1 .mm-navbar {
    display: none !important
}

.mm-panels .mm-navbar__title {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--gray-color-700) !important
}

.mm-listitem:after {
    display: none
}

.mm-menu {
    background-color: var(--white-color)
}

.mm-navbars_bottom>.mm-navbar:not(.mm-navbar_has-btns),
.mm-navbars_top>.mm-navbar:not(.mm-navbar_has-btns) {
    display: block;
    height: 120px
}

.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {
    width: 100%
}

.mobile-header #menu {
    display: none
}

.mm-listitem__text {
    padding: 0
}

.menu-navbar {
    display: block
}

.mm-menu--theme-light {
    --mm-color-background: var(--white-color)
}

.mm-navbars--top {
    border: none
}

.mm-navbar__title {
    justify-content: flex-start
}

.mm-btn--next {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: none !important
}

#mm-1 .mm-listview {
    position: relative;
    min-height: 100%;
    padding-bottom: 230px
}

.mm-panel:after {
    display: none
}

#my-button {
    background: rgba(0, 0, 0, 0);
    border: none
}

#menu:not(.mm-menu) {
    display: none
}

#menu {
    transition: none
}

#menu[data-position=left-front] {
    transform: translateX(100%)
}

#menu[data-position=left-front] {
    transform: translateX(-100%)
}

#menu.mm-menu--position-right-front {
    transform: translateX(100%);
    transition: .4s
}

#menu.mm-menu--position-left-front {
    transform: translateX(-100%);
    transition: .4s
}

#menu.mm-menu--opened {
    transform: translateX(0);
    transition: .4s
}

.cross-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 17px;
    height: 17px
}

.cross-button::after,
.cross-button::before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    border-radius: 1px;
    background-color: var(--black-color)
}

.cross-button::after {
    transform: rotate(45deg)
}

.cross-button::before {
    transform: rotate(-45deg)
}

.menu-list__item {
    display: flex;
    padding: 6.5px 20px;
    align-items: center
}

.menu-list__item_bottom {
    position: absolute;
    bottom: 180px;
    width: 100%;
    z-index: 1
}

.menu-list__item_bottom-language {
    position: absolute;
    bottom: 230px;
    width: 100%;
    z-index: 1
}

.menu-list__link {
    cursor: pointer;
    color: var(--gray-color-700);
    display: inline-flex;
    padding: 5px 0;
    padding-right: 15px;
    align-items: center;
    padding-left: 0 !important;
    white-space: normal !important
}

.menu-list__link span {
    color: var(--accent-color-400)
}

.menu-list__link-language::after {
    content: "";
    position: absolute;
    background: url("/static/images/next-arrow.svg");
    width: 8px;
    height: 12px;
    left: 230px
}

.menu-list__icon {
    max-width: 22px;
    width: 100%;
    min-width: 22px;
    height: auto
}

.mobile-side-menu-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--gray-color-200);
    width: 100%;
    padding: 20px;
    padding-top: 110px
}

.mobile-side-menu-footer__link {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--accent-color-400) !important
}

.phone-block {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.phone-block__primary-link {
    font-size: 22px;
    color: var(--accent-color-400) !important
}

.phone-block__secondary-link {
    font-size: 16px;
    text-decoration: underline;
    color: #2363d1 !important
}

.phone-block__secondary-link:hover {
    text-decoration: underline
}

.mobile-side-menu__background {
    background-color: rgba(0, 0, 0, .3411764706);
    transition: .3s;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10;
    display: none
}

.mobile-side-menu-content {
    width: 90%;
    height: 100vh;
    transform: translateX(-100%);
    transition: .3s;
    background-color: var(--white-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.mobile-side-menu-content_active {
    transform: translateX(0%)
}

.mobile-side-menu-content__header {
    height: 57px;
    display: flex;
    align-items: center;
    padding: 0 20px
}

.mobile-side-menu-content__row {
    width: 100%
}

.mobile-side-menu-content__main {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.mobile-side-menu-content__page {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    background-color: var(--white-color);
    padding: 0 20px
}

.mobile-side-menu-content__page_active {
    transform: translateX(0%)
}

.search-input-group {
    padding: 0 20px
}

.search-input-group__row {
    display: flex
}

.search-input-group__input {
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    border-radius: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid var(--gray-color-500);
    outline: none !important
}

.search-input-group__input:focus {
    outline: none
}

.search-input-group__button {
    min-width: 48px;
    height: 40px;
    background-color: var(--accent-color-400);
    color: var(--white-color);
    stroke: var(--white-color);
    border-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

[data-mmenu-cities-item] .mm-listitem__text:first-letter {
    text-transform: uppercase
}

.city-selection-mmenu {
    width: 100%;
    height: 100%
}

.city-selection-mmenu__city-list {
    overflow: auto;
    height: 85%
}

.city-selection-mmenu__search {
    width: 100%;
    max-width: 450px
}

.city-selection-mmenu__search-input {
    padding-left: 15px;
    width: 100%;
    transition: .3s;
    outline: none !important
}

.city-selection-mmenu__search-icon {
    position: absolute;
    left: 15px;
    transition: .3s
}

.city-selection-mmenu__clear-button {
    position: absolute;
    right: 15px;
    transition: .3s
}

.catalog-filter-accordion .opener {
    padding-right: 44px
}

.catalog-filter-accordion .opener:before {
    top: 0
}

.filter-range__head {
    padding-right: 3px;
    padding-left: 3px
}

.filter-range .noUi-target {
    border-radius: 6px
}

.filter-range .noUi-connect {
    top: 0;
    background: rgba(0, 0, 0, 0)
}

.filter-range .noUi-connect::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 100%;
    background: var(--main-elements-color, #2363d1)
}

.menu-item__link {
    display: flex !important;
    gap: 10px;
    align-items: center
}

.menu-item__image {
    max-width: 20px;
    min-width: 20px;
    height: auto
}

.menu-item__image img {
    width: 100%;
    height: auto
}

.acc-link {
    display: flex !important;
    align-items: center;
    gap: 10px
}

.acc__image {
    max-width: 15px;
    min-width: 15px;
    height: auto
}

.catalog__links-item {
    display: inline-block;
    position: relative
}

.catalog-item__link {
    display: flex !important;
    align-items: center;
    gap: 10px
}

.catalog__links-item_image {
    width: 20px;
    min-width: 20px
}

.catalog__links-item_image img {
    width: 100%;
    height: auto
}

.acc-link {
    display: flex !important;
    align-items: center;
    gap: 10px
}

.acc__image {
    max-width: 15px;
    min-width: 15px;
    height: auto
}

.custom__accordion .inner .inner {
    padding: 0
}

.inner.show {
    border-top: 1px solid #d9d9de
}

.inner .inner {
    border-bottom: 1px solid #d9d9de
}

.acc-link {
    display: flex !important;
    align-items: center;
    gap: 10px
}

.acc__image {
    width: 15px;
    min-width: 15px;
    height: auto
}

.custom__accordion .inner.inner-underline {
    padding: 0 15px 0 15px
}

.inner.show {
    border-top: 1px solid #d9d9de
}

.inner .inner {
    border-bottom: 1px solid #d9d9de
}

.custom__accordion.v-arrow .acc__toggle-inner.acc__toggle-inner-underline:not(.not_toggle):after {
    display: none
}

.accordion-underline .acc__toggle-inner {
    padding: 8px 6px 8px 20px
}

.booking-block {
    background-color: var(--white-color);
    padding: 85px 50px
}

.booking-block__content {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.booking-block__slider {
    margin-inline: auto;
    margin-bottom: 25px;
    max-width: 600px;
    padding: 0 50px
}

.booking-block__statuses {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px
}

.booking-block__statuses_right {
    justify-content: flex-end
}

.booking-block__status {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--gray-color-700);
    margin: 0
}

.booking-block__status-color {
    height: 16px;
    width: 16px;
    border-radius: 2px
}

.booking-block__status-color_free {
    border: 1px solid var(--green-color-400);
    background-color: var(--green-color-200)
}

.booking-block__status-color_selected {
    border: 1px solid var(--green-color-400);
    background-color: var(--green-color-400)
}

.booking-block__status-color_busy {
    border: 1px solid var(--gray-color-500);
    background-color: var(--white-color)
}

.booking-table {
    position: relative
}

.booking-table__scroll {
    overflow: auto
}

.booking-table__content {
    min-width: max-content;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 17px
}

.booking-table__row {
    display: grid;
    padding-left: 7px
}

.booking-table__row_hours {
    grid-template-columns: 125px 1fr
}

.booking-table__row_days {
    grid-template-columns: 260px 1fr
}

.booking-table__title {
    font-size: 10px;
    padding-right: 10px;
    margin: 0;
    color: var(--gray-color-700);
    min-height: 30px;
    line-height: 130%;
    display: flex;
    align-items: center
}

.booking-table__title_days {
    font-size: 14px;
    padding-right: 15px
}

.booking-table__items {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.booking-table__items_hours {
    gap: 8px
}

.booking-table__items_days {
    gap: 14px
}

.booking-table__item {
    font-size: 10px;
    color: var(--gray-color-700);
    border-radius: 2px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    gap: 3px;
    border: 1px solid var(--green-color-400);
    background-color: var(--green-color-200);
    aspect-ratio: 1/1
}

.booking-table__item:hover {
    border: 1px solid var(--green-color-400);
    background-color: var(--green-color-400)
}

.booking-table__item[data-booking-item-selected] {
    border: 1px solid var(--green-color-400);
    background-color: var(--green-color-400)
}

.booking-table__item_day {
    font-size: 12px
}

.booking-table__item_selected {
    border: 1px solid var(--green-color-400);
    background-color: var(--green-color-400)
}

.booking-table__item_busy {
    border: 1px solid var(--gray-color-500);
    background-color: var(--white-color);
    pointer-events: none;
    cursor: auto
}

.booking-table__item_past {
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

.booking-table__mobile-titles {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 17px;
    background-color: var(--white-color);
    height: 100%;
    max-width: 150px;
    transition: .3s;
    z-index: 1
}

.booking-table__mobile-titles[data-booking-mobile-titles-active]::after {
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    background: linear-gradient(90deg, rgba(118, 118, 118, 0.1019607843) 0%, rgba(118, 118, 118, 0) 100%);
    width: 20px;
    height: 100%
}

.booking-form {
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

.booking-form__title {
    font-size: 22px;
    line-height: 100%
}

.booking-block-day-slide {
    display: flex;
    flex-direction: column;
    align-items: center
}

.booking-block-day-slide_current {
    opacity: .5;
    pointer-events: none
}

.booking-block-week-day {
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-color-700);
    text-align: center;
    margin: 0
}

.booking-block-date {
    font-size: 12px;
    text-align: center;
    color: var(--gray-color-700);
    margin: 0
}

.days-slider-prev,
.days-slider-next {
    display: flex !important;
    align-items: center;
    position: absolute;
    width: auto !important;
    min-width: auto !important;
    transition: .3s
}

.days-slider-prev.slick-disabled,
.days-slider-next.slick-disabled {
    opacity: .5
}

.days-slider-prev {
    left: -45px
}

.days-slider-next {
    right: -45px
}

.days-slider {
    align-items: center;
    padding-top: 0
}

.days-slider .slick-dots {
    display: none !important
}

.tippy-box[data-theme~=light] {
    background-color: var(--white-color);
    color: var(--gray-color-700);
    border: 1px solid var(--gray-color-300)
}

.tippy-box[data-theme~=light] .tippy-content {
    padding: 25px 40px
}

.tippy-box[data-theme~=light] .tippy-arrow {
    color: var(--white-color)
}

.tippy-box[data-theme~=light] .tippy-arrow::before {
    z-index: 1
}

.tippy-box[data-theme~=light] .tippy-arrow::after {
    content: "";
    position: absolute;
    transform-origin: center top
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:after {
    bottom: -8px;
    left: -1px;
    border-style: solid;
    border-width: 9px 9px 0;
    border-color: var(--gray-color-300) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:after {
    top: -8px;
    left: -1px;
    border-style: solid;
    border-width: 0px 9px 9px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--gray-color-300) rgba(0, 0, 0, 0)
}

.booking-tooltip {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.booking-tooltip__text {
    color: var(--gray-color-550);
    margin: 0
}

.booking-tooltip__text-accent {
    color: var(--accent-color-500)
}

.booking-tooltip__button {
    width: auto;
    padding: 10px 30px;
    max-width: max-content
}

@media(max-width: 767px) {
    .booking-block {
        padding: 40px 20px
    }

    .booking-block__statuses_right {
        justify-content: center
    }

    .booking-table__row {
        grid-template-columns: 150px 1fr
    }

    .booking-table__title_days {
        font-size: 10px
    }
}

@media(max-width: 575px) {
    .booking-block {
        padding: 40px 0
    }
}

.cart-item {
    position: relative;
    border-bottom: 1px solid var(--gray-color-200)
}

.cart-item__image-wrapper {
    position: relative;
    display: block;
    max-width: 75px;
    width: 100%;
    height: 75px;
    aspect-ratio: 1/1
}

.cart-item__image {
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 1/1
}

.cart-item .product-item__name,
.cart-item .product-item__art {
    margin: unset
}

.cart-item .product-item__art,
.cart-item .product-item__cost-product {
    line-height: 1.4
}

.cart-item .product-item__name {
    height: initial;
    order: initial
}

.cart-item .product-item__status {
    order: initial;
    margin-top: 6px;
    margin-bottom: unset
}

.cart-item .product-item__cost-product {
    font-size: 16px
}

.cart-item__delete-button,
.cart-item__shop-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

.cart-item__delete-button {
    left: 0;
    bottom: 10px
}

.cart-item__buttons {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 0;
    bottom: 20px
}

@media(min-width: 768px) {
    .cart-item__buttons {
        right: 20px;
        left: auto;
        bottom: auto
    }
}

.cart-item__buttons>* {
    position: static
}

.cart-item__shop-button svg {
    width: 20px;
    height: 20px
}

.cart-item__favorite-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.cart-item__favorite-button svg {
    width: 18px;
    height: 18px
}

.cart-item__description {
    max-width: 100%
}

.cart-item .product-item__flag-content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    position: static;
    margin-bottom: 6px
}

.cart-item--favorite {
    border-bottom: 1px solid var(--gray-color-200)
}

.cart-item--favorite:last-child {
    border: none
}

.cart-item--favorite .cart-item__buttons {
    gap: 20px;
    min-height: 22px
}

@media(min-width: 768px) {
    .cart-item--favorite .cart-item__buttons {
        right: 0
    }
}

.cart-item--favorite .cart-item__checkbox {
    width: 18px;
    height: 75px;
    flex-shrink: 0;
    padding-left: 0
}

@media(min-width: 768px) {
    .cart-item--favorite .cart-item__checkbox {
        height: 85px
    }
}

.cart-item--favorite .cart-item__checkbox [type=checkbox]+label {
    position: static
}

.cart-item--favorite .cart-item__checkbox [type=checkbox]+label::before,
.cart-item--favorite .cart-item__checkbox [type=checkbox]+label::after {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.cart-item--favorite .cart-item__image-wrapper {
    margin-bottom: 30px
}

.catalog__links-block--cart {
    max-width: 740px;
    margin: 0;
    padding: 0
}

.catalog__links-block--cart .catalog__links-item {
    flex-shrink: 0
}

@media(min-width: 768px) {
    .catalog__links-block--cart>.catalog__links-item:last-child {
        display: none
    }
}

.catalog__links-block--cart .catalog-item__link:is(:hover, :focus-visible, .active) .svg-icon {
    --_color: var(--white-color)
}

.catalog__links-block--cart .catalog-item__link .svg-icon {
    --_color: var(--gray-color-450);
    transition-property: color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.catalog__links-block--cart .catalog-item__link--remove {
    color: var(--gray-color-550);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    padding-inline: 0
}

.catalog__links-block--cart .catalog-item__link--remove:is(:hover, :focus-visible, .active) {
    color: var(--accent-color-400);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.catalog__links-block--cart .catalog-item__link--remove:is(:hover, :focus-visible, .active) .svg-icon {
    --_color: var(--accent-color-400)
}

.buttons-filter-srollable {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

@media(max-width: 767px) {
    .buttons-filter-srollable {
        flex-wrap: nowrap;
        gap: 5px;
        margin-inline: -16px;
        padding: 0 16px 4px;
        overflow-y: hidden;
        overflow-x: auto
    }
}

.buttons-filter-srollable::-webkit-scrollbar {
    height: 6px
}

.buttons-filter-srollable>.catalog__links-item:last-child {
    display: none
}

@media(min-width: 768px) {
    .buttons-filter-srollable>.catalog__links-item:last-child {
        display: block
    }
}

.compare-filter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px
}

@media(min-width: 992px) {
    .compare-filter {
        flex-direction: row
    }
}

.owl-carousel--compare .owl-stage-outer,
.owl-carousel--detail .owl-stage-outer {
    margin: -4px -16px;
    padding: 4px 16px
}

@media(min-width: 992px) {

    .owl-carousel--compare .owl-stage-outer,
    .owl-carousel--detail .owl-stage-outer {
        margin-inline: -1px;
        padding-inline: 1px
    }
}

@media(min-width: 992px) {
    .owl-carousel--detail {
        margin-bottom: 40px
    }
}

@media(min-width: 992px) {
    .owl-carousel--detail .owl-item .detail-product-title {
        opacity: 0;
        visibility: hidden
    }
}

.owl-carousel--detail .owl-active-first .detail-product-title {
    opacity: 1;
    visibility: visible
}

.owl-pagination--compare {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-inline: -16px;
    border-bottom: 1px solid var(--gray-color-200);
    border-top: 1px solid var(--gray-color-200);
    padding: 12px 16px;
    justify-content: space-between
}

@media(min-width: 992px) {
    .owl-pagination--compare {
        margin-inline: 0;
        border-bottom: 0;
        border-top: 0;
        padding: 0;
        justify-content: end;
        align-self: end
    }
}

@media(min-width: 992px) {
    .owl-pagination--compare .svg-icon {
        --_size: 16px
    }
}

.owl-pagination--compare .prev,
.owl-pagination--compare .next {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--accent-color-400);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition-property: color, background, border;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out
}

@media(min-width: 992px) {

    .owl-pagination--compare .prev,
    .owl-pagination--compare .next {
        width: 38px;
        height: 38px;
        background-color: var(--white-color);
        border: 1px solid var(--accent-color-300);
        padding: 10px
    }
}

.owl-pagination--compare .prev:is(:hover, :focus-visible, .active),
.owl-pagination--compare .next:is(:hover, :focus-visible, .active) {
    color: var(--accent-color-400)
}

@media(min-width: 992px) {

    .owl-pagination--compare .prev:is(:hover, :focus-visible, .active),
    .owl-pagination--compare .next:is(:hover, :focus-visible, .active) {
        color: var(--white-color);
        background-color: var(--accent-color-400);
        border-color: var(--accent-color-400)
    }
}

.owl-pagination--compare .prev[disabled],
.owl-pagination--compare .prev[inert],
.owl-pagination--compare .next[disabled],
.owl-pagination--compare .next[inert] {
    color: var(--gray-color-450);
    opacity: .5;
    pointer-events: none
}

.owl-pagination--compare .prev .svg-icon,
.owl-pagination--compare .next .svg-icon {
    flex-shrink: 0
}

.owl-pagination--compare .prev .svg-icon svg,
.owl-pagination--compare .prev .svg-icon svg *,
.owl-pagination--compare .next .svg-icon svg,
.owl-pagination--compare .next .svg-icon svg * {
    transition: none
}

@media(min-width: 992px) {

    .owl-pagination--compare .prev .text,
    .owl-pagination--compare .next .text {
        display: none
    }
}

.owl-pagination--compare .counter {
    font-size: 14px;
    line-height: 1.5;
    color: var(--black-color);
    align-self: center;
    margin-inline: 15px
}

.detail-product,
.detail-product-item {
    display: grid
}

.detail-product {
    line-height: 1.2;
    color: var(--black-color);
    gap: 25px
}

.detail-product-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.detail-product-title:not(.no-point) {
    position: relative
}

.detail-product-title:not(.no-point)::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: var(--accent-color-400);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: calc(100% - 5px);
    transform: translateY(-50%)
}

.detail-product-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px
}

.detail-product-item>* {
    padding-inline: 10px
}

.detail-product-item span {
    flex: 1;
    border-right: 1px dashed #a0a0a0
}

.promotional-code-input {
    width: 100%;
    height: 40px;
    border: 1px solid var(--gray-color-500);
    border-radius: 2px;
    padding: 12px 17px;
    color: var(--gray-color-700)
}

.cart-radio {
    max-width: 20px;
    width: 100%;
    height: 20px;
    aspect-ratio: 1/1
}

.cart-map {
    width: 100%;
    height: 100%;
    min-height: 300px
}

.separator-dot:after {
    content: "•"
}

.input-number_gray {
    display: flex !important
}

.input-number_gray .order-down,
.input-number_gray .order-up {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-color-150);
    border: 1px solid var(--gray-color-150);
    line-height: 100%;
    position: relative;
    padding: 0
}

.input-number_gray .order-down::after,
.input-number_gray .order-down::before,
.input-number_gray .order-up::after,
.input-number_gray .order-up::before {
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    background-color: var(--gray-color-700)
}

.input-number_gray .order-down:hover,
.input-number_gray .order-up:hover {
    border: 1px solid var(--gray-color-450) !important;
    background-color: var(--gray-color-250)
}

.input-number_gray input[type=number] {
    width: 50px
}

.section-cart {
    background-color: var(--white-color)
}

.section-favorite .catalog-sorting ul li a,
.section-favorite .catalog-right .price-download {
    color: var(--black-color)
}

.section-favorite .catalog-sorting ul li a:hover,
.section-favorite .catalog-right .price-download:hover {
    color: var(--accent-color-400)
}

.section-favorite .catalog-sorting ul li a:hover .icon-sort-price span,
.section-favorite .catalog-sorting ul li a:hover .icon-sort-price span:before,
.section-favorite .catalog-sorting ul li a:hover .icon-sort-price span:after,
.section-favorite .catalog-right .price-download:hover .icon-sort-price span,
.section-favorite .catalog-right .price-download:hover .icon-sort-price span:before,
.section-favorite .catalog-right .price-download:hover .icon-sort-price span:after {
    background-color: var(--accent-color-400)
}

.section-favorite .icon-sort-price span,
.section-favorite .icon-sort-price span:before,
.section-favorite .icon-sort-price span:after {
    background-color: var(--black-color);
    transition-property: background;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.favorite-aside {
    display: none
}

@media(min-width: 1024px) {
    .favorite-aside {
        display: block;
        background-color: var(--gray-color-100);
        padding: 20px 30px 40px
    }
}

.favorite-aside .btn-link {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.favorite-aside-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px
}

.favorite-aside-bottom-actions {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.favorite-aside-bottom-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 10px
}

.favorite-aside-bottom-buttons--mobile {
    justify-content: start;
    margin-top: 10px
}

@media(min-width: 1024px) {
    .favorite-aside-bottom-buttons--mobile {
        display: none
    }
}

.favorite-aside-bottom-buttons--mobile .checkbox [type=checkbox]:not(:checked)+label,
.favorite-aside-bottom-buttons--mobile .checkbox [type=checkbox]:checked+label,
.favorite-aside-bottom-buttons--mobile .btn {
    font-size: 14px
}

.favorite-aside-bottom-buttons--mobile .checkbox [type=checkbox]:not(:checked)+label,
.favorite-aside-bottom-buttons--mobile .btn {
    color: var(--gray-color-700)
}

.favorite-aside-bottom-buttons--mobile .favorite-aside-bottom-remove .svg-icon {
    --_size: 18px
}

.favorite-aside-bottom-checkbox [type=checkbox]:not(:checked)+label,
.favorite-aside-bottom-checkbox [type=checkbox]:checked+label {
    line-height: 18px;
    color: var(--gray-color-550);
    transition-property: color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.favorite-aside-bottom-checkbox [type=checkbox]:not(:checked)+label::before,
.favorite-aside-bottom-checkbox [type=checkbox]:not(:checked)+label::after,
.favorite-aside-bottom-checkbox [type=checkbox]:checked+label::before,
.favorite-aside-bottom-checkbox [type=checkbox]:checked+label::after {
    width: 18px;
    height: 18px;
    border-radius: 2px
}

.favorite-aside-bottom-checkbox [type=checkbox]:not(:checked)+label::before {
    border-color: var(--gray-color-450)
}

.favorite-aside-bottom-checkbox [type=checkbox]:checked+label {
    color: var(--black-color)
}

.favorite-aside-btn {
    gap: 10px;
    font-size: 16px;
    color: var(--accent-color-500)
}

.favorite-aside-btn:is(:hover, :active) {
    color: var(--white-color);
    background-color: var(--accent-color-400)
}

.favorite-aside-btn .svg-icon {
    --_size: 24px
}

.favorite-aside-btn .svg-icon svg {
    width: 100%;
    height: 100%;
    transition: none
}

.favorite-aside--mobile {
    display: block
}

@media(min-width: 1024px) {
    .favorite-aside--mobile {
        display: none
    }
}

.cart-extra-field {
    width: 100%;
    margin-bottom: 20px
}

.cart-extra-field.mb-2 {
    margin-bottom: 40px
}

.cart-extra-field .form-group {
    position: relative;
    margin-bottom: 19px;
    width: 100%
}

.cart-extra-field .form-group-input-label,
.cart-extra-field .form-group-list-label,
.cart-extra-field .form-group-label {
    display: inline-block;
    margin-bottom: 8px;
    font-family: "Golos";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.cart-extra-field .form-group-input-label {
    padding-bottom: 8px
}

@media(min-width: 768px) {
    .section-cart {
        background-color: var(--gray-color-100)
    }

    .cart-item:last-child {
        border: none
    }

    .cart-item__image-wrapper {
        max-width: 85px;
        width: 100%;
        height: 85px
    }

    .cart-item__delete-button,
    .cart-item__shop-button {
        left: auto;
        bottom: auto
    }

    .cart-item__delete-button {
        right: 20px
    }

    .cart-item__shop-button svg {
        width: 24px;
        height: 24px
    }

    .cart-item__description {
        max-width: 250px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .cart-item--favorite .cart-item__image-wrapper {
        margin-bottom: 0
    }

    .cart-item--favorite .cart-item__delete-button {
        right: 0
    }

    .input-number_gray .order-down,
    .input-number_gray .order-up {
        width: 26px;
        height: 26px
    }
}

*:not(html, body)::-webkit-scrollbar {
    width: 8px;
    background: rgba(0, 0, 0, 0)
}

*:not(html, body)::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

*:not(html, body)::-webkit-scrollbar-thumb {
    background-color: #d9d9de;
    border-radius: 4px;
    border: 1px solid #d9d9de
}

.filter-choice {
    display: flex;
    gap: 20px;
    margin-bottom: 15px
}

.filter-parameter,
.filter-auto {
    display: flex;
    gap: 7px
}

.po-auto {
    color: #a7a7ab
}

.parameter__modal-button {
    width: 20px;
    height: 20px
}

.filter-toggle .toggle {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px
}

.toggle-input {
    display: none
}

.custom-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #2363d1;
    border-radius: 80px
}

.custom-toggle::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    transition: .4s
}

.toggle-input:checked+.custom-toggle::before {
    transform: translateX(15px)
}

.parameter-list {
    max-height: 100px
}

.button-parameter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background-color: #2363d1;
    border: 1px solid #2363d1;
    border-radius: 2px;
    color: #fff;
    transition: .3s
}

.button-parameter:hover {
    background-color: #fff;
    color: #1c52ac;
    border: 1px solid #b7cbe5
}

.button-reset {
    color: #767676;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%
}

.parameter-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 15px
}

.parameter-select span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%
}

.parameter-title {
    color: #767676
}

.parameter-select .selector {
    position: relative
}

.parameter-select .selected-option {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9de;
    padding: 10px 0 10px 15px;
    height: 40px;
    border-radius: 2px
}

.parameter-select .selected-option:before {
    content: "";
    background: url("/static/images/filter-blue-arrow.svg");
    position: absolute;
    width: 24px;
    height: 24px;
    background-size: cover;
    right: 10px;
    bottom: 7px
}

.parameter-select .selected-option .selected-option__text {
    color: #333;
    font-size: 14px
}

.parameter-select .select-search-input {
    display: none;
    border: 1px solid #d9d9de;
    padding: 10px 0 10px 15px;
    height: 40px;
    width: 100%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.parameter-select .select-options {
    display: none;
    border: 1px solid #d9d9de;
    border-top: none;
    position: absolute;
    top: 100%;
    width: 100%;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #fff;
    z-index: 10;
    max-height: 142px;
    overflow-y: auto
}

.parameter-select .select-option {
    background-color: #fff;
    padding: 10px 0 10px 15px;
    height: 33px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    transition: .3s
}

.parameter-select .select-option:hover {
    background-color: #2363d1;
    color: #fff
}

.tabs-slider-mobile .slider-item {
    min-width: 105px;
    height: 60px;
    aspect-ratio: 105/58;
    border: 1px solid #b7cbe5;
    padding: 10px 10px 10px 15px
}

.tabs-slider-mobile .slick-slide {
    margin-right: 5px
}

.tabs-slider-mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .tabs-slider-mobile {
        display: block;
        margin-bottom: 20px
    }

    .tire-section #tab1 {
        display: none
    }
}

.parameter-modal-content,
.auto-modal-content {
    display: none
}

.tire-section .slick-list {
    overflow: visible
}

#tippy-1 .tippy-box,
#tippy-2 .tippy-box {
    max-width: 720px !important
}

@media(max-width: 991px) {

    #tippy-1 .tippy-box,
    #tippy-2 .tippy-box {
        max-width: 550px !important
    }
}

.parameter-modal-title,
.auto-modal-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: left
}

.parameter__modal-button-mobile,
.auto__modal-button-mobile {
    display: none
}

.parameter-modal-mobile {
    display: none
}

@media(max-width: 767px) {

    .po-parametram__modal-button,
    .po-auto__modal-button {
        display: none
    }

    .parameter__modal-button-mobile,
    .auto__modal-button-mobile {
        display: block
    }

    .parameter-modal-mobile {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        overflow-y: auto;
        z-index: 1000;
        background-color: #fff;
        padding-top: 50px;
        max-width: 100%
    }

    .parameter-title {
        font-size: 12px !important
    }

    .parameter-select {
        margin-bottom: 10px
    }

    .button-parameter {
        margin-top: 10px
    }

    .button-reset {
        justify-content: center
    }
}

.parameter-close-button {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: rotate(45deg)
}

.parameter-close-button::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 24px;
    left: 11px;
    top: 0;
    background-color: #2363d1
}

.parameter-close-button::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    left: 0;
    top: 11px;
    background-color: #2363d1
}

.slider-item {
    background-color: #fff;
    transition: .5s
}

.slider-item__title {
    font-size: 14px;
    line-height: 18px;
    color: #1c52ac;
    transition: .5s
}

.slider-item__bottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 4px
}

.slider-item__subtitle {
    font-size: 10px;
    line-height: 14px;
    color: #a7a7ab;
    transition: .5s
}

.slider-item:hover .slider-item__bottom .slider-item__arrow,
.slider-item.active .slider-item__bottom .slider-item__arrow {
    visibility: hidden
}

.slider-item:hover .slider-item__bottom:after,
.slider-item.active .slider-item__bottom:after {
    content: "";
    background: url("/static/images/category-white-arrow.svg");
    position: absolute;
    width: 18px;
    height: 18px;
    background-size: cover;
    visibility: visible;
    right: 0
}

.slider-item:hover,
.slider-item.active {
    background-color: #2363d1
}

.slider-item:hover .slider-item__title,
.slider-item:hover .slider-item__subtitle,
.slider-item.active .slider-item__title,
.slider-item.active .slider-item__subtitle {
    color: #fff
}

@media(max-width: 575px) {
    .tire-section .tab-content {
        padding: 0 !important
    }
}

@media(max-width: 575px) {

    .po-parametram,
    .po-auto {
        font-size: 11px
    }

    .parameter__modal-button-mobile {
        height: 17px;
        width: 17px
    }

    .filter-choice {
        gap: 10px
    }
}

@media(min-width: 576px) {
    .tire-section .tab-content {
        border: 1px solid #e5e5ea
    }

    .tire-section .tabs li.active {
        border: 1px solid #e5e5ea;
        border-bottom: none
    }

    .tire-section .tabs li {
        margin-bottom: -1px
    }
}

.tab-content__container {
    display: flex;
    gap: 100px
}

@media(min-width: 768px) {
    .tab-content-left {
        width: 50%
    }
}

@media(max-width: 850px) {
    .tab-content__container {
        gap: 40px
    }
}

@media(max-width: 767px) {
    .tab-content__container {
        flex-direction: column;
        gap: 30px
    }
}

.tab-content-right__link {
    display: flex;
    gap: 20px
}

.tab-content-right__link img {
    transform: rotate(-90deg)
}

.tab-content-right__text {
    font-size: 16px !important;
    line-height: 20px !important
}

.tab-content-right__link span {
    color: #1c52ac;
    font-size: 16px;
    line-height: 20px
}

section.tire-section .tire-container {
    position: relative
}

section.tire-section .background-container {
    width: 100%;
    height: 100%;
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%
}

section.tire-section .content-block {
    position: relative
}

section.tire-section .tabs-container {
    position: relative;
    z-index: 10;
    height: 100%
}

@media(min-width: 768px) {
    section.tire-section .tabs-container {
        width: 50%
    }
}

@media(max-width: 767px) {
    section.tire-section .background-container {
        position: relative;
        top: auto;
        left: auto;
        height: 550px
    }

    .section-dark.tire-section {
        background-color: #fff !important
    }
}

@media(min-width: 768px)and (max-width: 875px) {

    .po-parametram,
    .po-auto {
        font-size: 12px
    }
}

@media(min-width: 768px) {

    .button-parameter__container,
    .button-reset__container {
        margin-right: 10px
    }

    .tire-container .parameter-select {
        margin-right: 10px
    }
}

.table__print__wrapper {
    width: 100%;
    padding: 40px 25px;
    border: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: left;
    vertical-align: top
}

.table__print__wrapper>tbody tr>td,
.table__print__wrapper>tr>td {
    width: 50%;
    vertical-align: top
}

.table__print__wrapper a {
    text-decoration: none;
    border: 0px
}

.table__print__wrapper p {
    display: block;
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
    color: #000
}

.table__print__wrapper p.print__spacer {
    height: 0px !important
}

.table__print__wrapper img {
    display: inline-block;
    vertical-align: top;
    width: auto
}

.table__print__wrapper strong,
.table__print__wrapper b {
    font-weight: bold
}

.table__print__wrapper h1 {
    display: block;
    width: 100%;
    margin: 20px 0 5px;
    padding: 0;
    font-weight: bold;
    line-height: 36px;
    font-size: 26px
}

.table__print__wrapper h2 {
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 39px;
    font-size: 24px
}

.table__print__wrapper h3 {
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
    line-height: 26px;
    font-size: 14px
}

.print__logotype {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 0 0 20px;
    padding: 0;
    text-decoration: none;
    border: 0px
}

.print__logotype img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: auto;
    margin: 0;
    padding: 0
}

.print__comment__wrapper {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 140px 0 0
}

.print__quick_order_info {
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 25px 20px 25px 15px;
    border: 1px solid #000
}

.print__quick_order_info table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0px;
    vertical-align: bottom
}

.print__quick_order_info table tr td,
.print__quick_order_info table tr th {
    vertical-align: bottom;
    padding: 0 0 5px;
    margin: 0;
    text-align: left
}

.print__quick_order_info table tr td:nth-child(1),
.print__quick_order_info table tr th:nth-child(1) {
    width: 45%
}

.print__quick_order_info table tr td:nth-child(2),
.print__quick_order_info table tr th:nth-child(2) {
    width: 65%
}

.print__quick_order_info table strong,
.print__quick_order_info table b {
    font-size: 24px;
    line-height: 24px
}

.print__order__elements table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0px;
    vertical-align: top
}

.print__order__elements table:not(:last-child) {
    border-bottom: 1px solid #e5e5ea
}

.print__order__elements table tr {
    border-bottom: 1px solid #e0e0e0 !important
}

.print__order__elements table tr:last-of-type {
    border-bottom: 1px solid #000 !important
}

.print__order__elements table tr td,
.print__order__elements table tr th {
    vertical-align: top;
    padding: 10px 0 10px;
    margin: 0;
    text-align: left
}

.print__order__elements table tr td:nth-child(1),
.print__order__elements table tr th:nth-child(1) {
    width: 50%;
    text-align: left;
    padding-right: 20px
}

.print__order__elements table tr td:nth-child(2),
.print__order__elements table tr th:nth-child(2) {
    width: 14%;
    text-align: left
}

.print__order__elements table tr td:nth-child(3),
.print__order__elements table tr th:nth-child(3) {
    width: 16%;
    text-align: left
}

.print__order__elements table tr td:nth-child(4),
.print__order__elements table tr th:nth-child(4) {
    width: 20%;
    text-align: left
}

.print__order__elements table.print__table__header tr {
    border-bottom: 1px solid #000 !important
}

.print__order__elements table.print__table__header tr td:nth-child(4) strong,
.print__order__elements table.print__table__header tr th:nth-child(4) strong,
.print__order__elements table.print__table__header tr td:nth-child(4) b,
.print__order__elements table.print__table__header tr th:nth-child(4) b {
    float: left;
    text-align: left
}

.print__order__elements table.print__table__footer {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 20px;
    line-height: 25px
}

.print__order__elements table.print__table__footer tr {
    border-bottom: 0px !important
}

.print__order__elements table.print__table__footer tr td,
.print__order__elements table.print__table__footer tr th {
    text-align: left;
    padding: 0px 0 4px 0 !important
}

.print__order__elements table.print__table__footer tr td strong,
.print__order__elements table.print__table__footer tr th strong,
.print__order__elements table.print__table__footer tr td b,
.print__order__elements table.print__table__footer tr th b {
    line-height: 23px;
    font-size: 18px
}

.print__order__elements table.print__table__footer tr td:nth-child(1) {
    width: 80%
}

.print__order__elements table.print__table__footer tr td:nth-child(2) {
    width: 20%
}

.print__order__elements {
    font-size: 14px
}

.print__table__header b {
    padding-right: 10px
}

.city-selection-modal {
    width: 100%;
    height: 100%
}

.city-selection-modal .content-name {
    left: 45px
}

.city-selection-modal__city-list {
    overflow: auto;
    height: 85%
}

.city-selection-modal__search {
    width: 100%;
    max-width: 450px
}

.city-selection-modal__search-input {
    padding-left: 15px;
    width: 100%;
    transition: .3s
}

.city-selection-modal__search-icon {
    position: absolute;
    left: 15px;
    transition: .3s
}

.city-selection-modal__clear-button {
    position: absolute;
    right: 15px;
    transition: .3s
}

[data-search-item] span {
    color: var(--accent-color-400)
}

@media(min-width: 768px) {
    .city-selection-modal {
        width: 90%;
        height: 90%
    }
}

.portfolio-card {
    grid-column: -1/1;
    min-height: 60vw;
    height: 100%;
    color: var(--white-color);
    background-color: var(--gray-color-250);
    position: relative;
    overflow: hidden;
    z-index: 1
}

@media(min-width: 576px) {
    .portfolio-card {
        grid-column: span 6;
        min-height: 190px
    }
}

@media(min-width: 768px) {
    .portfolio-card {
        min-height: 30vw
    }
}

@media(min-width: 992px) {
    .portfolio-card {
        min-height: 170px;
        grid-column: span 3
    }
}

@media(min-width: 1280px) {
    .portfolio-card {
        min-height: 224px
    }
}

@media(hover: hover) {
    .portfolio-card .stretched-link:is(:hover, :focus-visible)~.portfolio-card-info .portfolio-card-placeholder .svg-icon {
        transform: translateX(0.25em)
    }
}

.portfolio-card .stretched-link:is(:active, .is-active)~.portfolio-card-info .portfolio-card-placeholder .svg-icon {
    transform: translateX(0.25em)
}

.portfolio-card-bg {
    pointer-events: none;
    user-select: none;
    position: absolute;
    inset: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.portfolio-card-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 12px;
    margin-top: auto;
    padding: 20px
}

.portfolio-card-info::after {
    content: "";
    width: 200%;
    pointer-events: none;
    user-select: none;
    background-color: #2c2c2c;
    opacity: .8;
    filter: blur(70px);
    position: absolute;
    top: 70%;
    left: 50%;
    bottom: -64px;
    transform: translateX(-50%);
    z-index: -1
}

.portfolio-card-type {
    font-size: 12px;
    text-align: center;
    background-color: var(--accent-color-400);
    border-radius: 2px;
    padding: 8px 10px
}

.portfolio-card-title {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0
}

.portfolio-card-placeholder {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.7
}

.portfolio-card-placeholder .svg-icon {
    --_size: 14px;
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.catalog__links-block--portfolio {
    margin-bottom: 0
}

.portfolio-set-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0
}

@media(min-width: 576px) {
    .portfolio-set-title {
        margin-bottom: 30px
    }
}

.portfolio-content {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px
}

@media(min-width: 576px) {

    .portfolio-content--sham .portfolio-card:nth-child(8n+1),
    .portfolio-content--sham .portfolio-card:nth-child(8n+4),
    .portfolio-content--sham .portfolio-card:nth-child(8n+7),
    .portfolio-content--sham .portfolio-card:nth-child(8n+8) {
        grid-column: span 6
    }
}

@media(min-width: 992px) {

    .portfolio-content--sham .portfolio-card:nth-child(8n+1),
    .portfolio-content--sham .portfolio-card:nth-child(8n+7) {
        grid-row: span 2
    }
}

@media(min-width: 992px) {

    .portfolio-content--sham .portfolio-card:nth-child(8n+1) .portfolio-card-info,
    .portfolio-content--sham .portfolio-card:nth-child(8n+7) .portfolio-card-info {
        gap: 20px;
        padding: 30px
    }
}

@media(min-width: 992px) {

    .portfolio-content--sham .portfolio-card:nth-child(8n+1) .portfolio-card-title,
    .portfolio-content--sham .portfolio-card:nth-child(8n+7) .portfolio-card-title {
        font-size: 18px
    }
}

@media(min-width: 992px) {

    .portfolio-content--sham .portfolio-card:nth-child(8n+1) .portfolio-card-placeholder,
    .portfolio-content--sham .portfolio-card:nth-child(8n+7) .portfolio-card-placeholder {
        font-size: 16px
    }
}

@media(min-width: 992px) {

    .portfolio-content--equally .portfolio-card:nth-child(4n+1),
    .portfolio-content--equally .portfolio-card:nth-child(4n+4) {
        grid-column: span 6
    }
}

@media(min-width: 992px) {
    .portfolio-content--equally .portfolio-card:nth-child(4n+1) {
        grid-row: span 2
    }
}

@media(min-width: 992px) {
    .portfolio-content--equally .portfolio-card:nth-child(4n+1) .portfolio-card-info {
        gap: 20px;
        padding: 30px
    }
}

@media(min-width: 992px) {
    .portfolio-content--equally .portfolio-card:nth-child(4n+1) .portfolio-card-title {
        font-size: 18px
    }
}

@media(min-width: 992px) {
    .portfolio-content--equally .portfolio-card:nth-child(4n+1) .portfolio-card-placeholder {
        font-size: 16px
    }
}

@media(min-width: 992px) {
    .portfolio-content--third .portfolio-card {
        min-height: 224px;
        grid-column: span 4
    }
}

@media(min-width: 1280px) {
    .portfolio-content--third .portfolio-card {
        min-height: 260px
    }
}

@media(min-width: 992px) {
    .portfolio-content--half .portfolio-card {
        min-height: 320px;
        grid-column: span 6
    }
}

@media(min-width: 992px) {
    .portfolio-content--half .portfolio-card .portfolio-card-info {
        gap: 20px;
        padding: 30px
    }
}

@media(min-width: 992px) {
    .portfolio-content--half .portfolio-card .portfolio-card-title {
        font-size: 18px
    }
}

@media(min-width: 992px) {
    .portfolio-content--half .portfolio-card .portfolio-card-placeholder {
        font-size: 16px
    }
}

.portfolio-widget {
    --_padding-y: 0px;
    --_padding-x: 0px;
    margin-bottom: 60px;
    padding: var(--_padding-y) var(--_padding-x)
}

@media(min-width: 992px) {
    .portfolio-widget {
        --_padding-y: 30px;
        --_padding-x: 48px;
        border: 1px solid var(--gray-color-200)
    }
}

.portfolio-widget-pictures {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 60px
}

@media(min-width: 992px) {
    .portfolio-widget-pictures {
        gap: 16px
    }
}

.portfolio-widget-pictures>* {
    min-width: calc(50% - 20px);
    flex: 1
}

@media(min-width: 576px) {
    .portfolio-widget-pictures>* {
        min-width: calc(25% - 20px)
    }
}

@media(min-width: 992px) {
    .portfolio-widget-pictures>* {
        min-width: calc(25% - 32px)
    }
}

@media(min-width: 576px) {
    .portfolio-widget-pictures--third>* {
        min-width: calc(33.33333% - 20px)
    }
}

@media(min-width: 992px) {
    .portfolio-widget-pictures--third>* {
        min-width: calc(33.33333% - 32px)
    }
}

@media(min-width: 576px) {
    .portfolio-widget-pictures--half>* {
        min-width: calc(50% - 20px)
    }
}

@media(min-width: 992px) {
    .portfolio-widget-pictures--half>* {
        min-width: calc(50% - 32px)
    }
}

.portfolio-widget-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center
}

.portfolio-slider {
    margin-inline: calc(var(--container-padding-x)*-1);
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

@media(min-width: 992px) {
    .portfolio-slider {
        margin-bottom: 40px;
        margin-inline: unset;
        overflow: unset;
        position: unset
    }
}

.portfolio-slider .slider-constructor {
    padding-block: 0px 40px
}

@media(min-width: 768px) {
    .portfolio-slider .slider-constructor {
        width: calc(100% + var(--container-padding-x)*2 + var(--grid-gutter-width));
        margin-inline: calc((var(--container-padding-x) + var(--grid-gutter-width)/2)*-1)
    }
}

@media(min-width: 992px) {
    .portfolio-slider .slider-constructor {
        width: 100%;
        margin-inline: 0px
    }
}

.portfolio-slider .slider-constructor .slick-list {
    width: calc(100% + var(--_padding-x)*2);
    margin: 0 calc(var(--_padding-x)/-1);
    padding-inline: calc(var(--container-padding-x) - 8px) 40px
}

@media(min-width: 992px) {
    .portfolio-slider .slider-constructor .slick-list {
        padding-inline: 0
    }
}

.portfolio-slider .slider-constructor .slick-dots {
    justify-content: center;
    bottom: 0
}

.portfolio-slider .slider-constructor .slick-slide {
    padding-inline: 8px
}

.portfolio-slider-image {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.portfolio-share {
    display: flex;
    justify-content: flex-end
}

.portfolio-share:not(:first-child) {
    margin-top: 20px
}

.search-results-inner>*:not(:last-child) {
    margin-bottom: 2rem
}

.search-results-inner .search-result-body {
    padding-inline: 20px
}

.search-result {
    position: relative;
    z-index: 1
}

.search-result-stretched {
    position: absolute;
    inset: 0
}

.search-result-stretched:is(:hover, :active)~.search-result-body {
    background-color: var(--gray-color-100)
}

.search-result-download {
    flex-shrink: 0;
    border-radius: 2px
}

@media(min-width: 768px) {
    .search-result-download {
        min-width: 120px
    }
}

.search-result-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--gray-color-200);
    padding-block: 16px
}

@media(min-width: 768px) {
    .search-result-body {
        gap: 32px;
        padding-block: 20px
    }
}

.search-result-body>div {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.search-result-body .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.search-result-header {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.search-result-title {
    font-size: 14px;
    color: var(--black-color)
}

.search-result-price {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color);
    line-height: 1
}

.search-result-id {
    font-size: 12px;
    color: var(--gray-color-500)
}

.search-result--doc .search-result-body {
    padding-block: 12px
}

.search-result--card .search-result-body,
.search-result--card-nopicture .search-result-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: start;
    justify-content: initial;
    padding-block: 16px
}

.search-result--card .search-result-body {
    grid-template-columns: 60px 1fr
}

.search-result--card .search--result-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.header-search-results--sm .search-result-body {
    padding: 12px
}

[data-collapse] {
    max-height: 200px;
    overflow: hidden
}

[data-collapse-initialized] {
    max-height: max-content
}

[data-collapse-initialized][data-collapse] {
    position: relative
}

[data-collapse-initialized][data-collapse]::after {
    content: "";
    display: block;
    transition: .3s;
    height: 20px;
    width: 100%;
    background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
    position: absolute;
    opacity: 1;
    bottom: 0;
    left: 0
}

[data-collapse-initialized][data-collapse-active]::after {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))
}

@media(min-width: 768px) {
    [data-collapse-initialized][data-collapse] {
        height: auto !important
    }

    [data-collapse-initialized][data-collapse]::after {
        display: none
    }
}

.select {
    position: relative
}

.select__icon {
    position: absolute;
    right: 15px;
    color: var(--accent-color-400)
}

.select__value-content {
    background-color: var(--white-color);
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px
}

.select__content {
    position: absolute;
    top: 40px;
    border: 1px solid var(--gray-color-260);
    background-color: var(--white-color);
    border-radius: 2px;
    width: 100%;
    z-index: 2
}

.select__option {
    border-top: 1px solid var(--gray-color-260);
    background-color: var(--white-color);
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px;
    transition: var(--trs-1)
}

.select__option:first-child {
    border-top: none
}

.select__option:hover {
    background-color: var(--accent-color-400);
    color: var(--white-color)
}

[data-select-option-selected] {
    background-color: var(--accent-color-400);
    color: var(--white-color)
}

.search-select {
    position: relative
}

.search-select__icon {
    position: absolute;
    right: 15px;
    color: var(--accent-color-400);
    pointer-events: none
}

.search-select__input-container {
    position: relative;
    display: flex;
    align-items: center
}

.search-select__input {
    background-color: var(--white-color);
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    height: 40px;
    line-height: 15px
}

.search-select__input[inert] {
    opacity: .5
}

.search-select__content {
    position: absolute;
    top: 40px;
    border: 1px solid var(--gray-color-260);
    background-color: var(--white-color);
    border-radius: 2px;
    width: 100%;
    z-index: 100;
    max-height: 160px;
    overflow: auto
}

.search-select__option {
    border-top: 1px solid var(--gray-color-260);
    background-color: var(--white-color);
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px;
    transition: var(--trs-1)
}

.search-select__option:first-child {
    border-top: none
}

.search-select__option:hover {
    background-color: var(--accent-color-400);
    color: var(--white-color)
}

[data-select-option-selected] {
    background-color: var(--accent-color-400);
    color: var(--white-color)
}

.slider-constructor .product-item,
.slider-constructor .product-card-v2 {
    margin: 0
}

@media(max-width: 575.98px) {
    .slider-constructor {
        padding-top: 30px
    }
}

.slider-constructor .slick-dots {
    position: absolute;
    top: auto;
    bottom: -20px;
    right: 0;
    left: auto;
    text-align: right;
    width: 100%;
    justify-content: flex-end;
    margin-top: 0
}

.slider-constructor {
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease-out, visibility .15s ease-out;
    width: 100%
}

.slider-constructor.visible,
.slider-constructor.slick-initialized {
    opacity: 1;
    visibility: visible
}

.slider-constructor .slick-list {
    width: calc(100% + var(--grid-gutter-width));
    margin: 0 calc(var(--grid-gutter-width)/-2)
}

.slider-constructor .slick-slide {
    flex: 0 0 auto;
    display: grid;
    grid-auto-rows: 1fr;
    row-gap: 20px;
    padding: 0 calc(var(--grid-gutter-width)/2)
}

.slider-constructor .slick-slide>div:not([class]) {
    display: flex
}

.slider-constructor .slick-slide>div:not([class])>*:not(.product-card-v2) {
    display: block !important
}

.slider-constructor[data-adaptive-height] .slick-slide {
    height: 100%
}

.slider-constructor .slick-arrow {
    position: absolute;
    width: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 20px;
    z-index: 2
}

.slider-constructor .slick-arrow img,
.slider-constructor .slick-arrow svg {
    display: block;
    width: 16px;
    height: 16px
}

.slider-constructor .slick-prev,
.slider-constructor .slick-next {
    top: -60px
}

.slider-constructor .slick-prev {
    right: 50px
}

.slider-constructor .slick-next {
    right: 0
}

.slider-constructor.scale-slide .slick-slide {
    transition: .5s;
    transform: scale(0.5)
}

.slider-constructor.scale-slide .slick-current+.slick-active+.slick-active {
    transform: scale(0.5)
}

.slider-constructor.scale-slide .slick-active+.slick-active {
    transform: scale(0.7)
}

.slider-constructor.scale-slide .slide-item img {
    max-width: 100%;
    margin: auto
}

.slick-dots {
    z-index: 3;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: flex;
    justify-content: center;
    list-style: none
}

.slick-dots li:not(:last-child) {
    margin-right: 16px
}

.slick-dots button {
    width: 11px;
    height: 11px;
    background-color: #f3f6fb;
    border-radius: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--main-elements-color, #2363d1);
    font-size: 0;
    display: block;
    transition: border-color .15s ease-out, background-color .15s ease-out
}

.slick-dots .slick-active button {
    background-color: var(--main-elements-color, #2363d1)
}

@media(min-width: 576px) {
    .slider-constructor.scale-slide:not([data-no-arrows]) .slick-dots {
        display: flex !important
    }

    .slider-constructor:not([data-no-arrows]) .slick-dots {
        display: none !important
    }

    .slider-constructor .slick-prev,
    .slider-constructor .slick-next {
        display: flex !important
    }
}

@media(max-width: 575.98px) {
    .slider-constructor .slick-slide {
        row-gap: var(--grid-gutter-width)
    }

    .slider-constructor .slick-prev,
    .slider-constructor .slick-next {
        display: none !important
    }
}

@media(max-width: 768px) {

    .slider-constructor.scale-slide .slick-slide,
    .slider-constructor.scale-slide .slick-active,
    .slider-constructor.scale-slide .slick-current {
        transform: none !important
    }
}

@media (min-width: 992px) {
	header .logo {
		position: static !important;
		left: calc(50% - 117px);
	}
}

.top-header__content {
	flex-wrap: wrap;
}

@media (min-width: 992px) {
	.top-header__content {
		height: 100px;
	}

	.page header.fixed {
		height: 100px;
		top: -100px;
	}
}

.page .messenger-block {
	top: 13px;
}

.main-menu {
	padding: 15px 0;
}

.frontpage header .logo {
	display: block !important;
}

#panel {
	z-index: 10000 !important;
}

.scs-banner-text {
	margin: 50px 0 -30px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 575px) {
	.scs-banner-text {
		margin: 20px 0 -15px;
	}
}

@media (min-width: 992px) {
	.frontpage .error {
		padding-top: 120px;
	}
}

/* Product detail thumbnails: reserve side gutters for arrows.
   This keeps nav controls outside preview images for any carousel width/item count. */
@media (min-width: 768px) {
	.product-card__slideshow #sync1 .owl-nav {
		display: none !important;
	}

	.product-card__slideshow #sync2 {
		--product-thumb-arrow-size: 32px;
		--product-thumb-arrow-gap: 14px;
		width: 100% !important;
		max-width: 100% !important;
		padding-right: calc(var(--product-thumb-arrow-size) + var(--product-thumb-arrow-gap));
		padding-left: calc(var(--product-thumb-arrow-size) + var(--product-thumb-arrow-gap));
		box-sizing: border-box;
		position: relative;
		overflow: visible;
	}

	.product-card__slideshow #sync2 .owl-stage-outer {
		width: 100%;
		overflow: hidden;
	}

	.product-card__slideshow #sync2 .owl-stage {
		margin-right: auto;
		margin-left: auto;
	}

	.product-card__slideshow #sync2 .owl-nav {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 48px;
		display: block !important;
		margin: 0;
		pointer-events: none;
	}

	.product-card__slideshow #sync2 .owl-prev,
	.product-card__slideshow #sync2 .owl-next {
		position: absolute;
		top: 50%;
		display: block !important;
		width: var(--product-thumb-arrow-size);
		height: 48px;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		background-image: url("/static/images/slideshow-arrow.svg") !important;
		background-repeat: no-repeat !important;
		background-position: 50% 50% !important;
		background-size: 15px 16px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		text-indent: -9999px;
		cursor: pointer;
		pointer-events: auto;
	}

	.product-card__slideshow #sync2 .owl-prev {
		left: 0;
		transform: translateY(-50%) rotate(180deg);
	}

	.product-card__slideshow #sync2 .owl-next {
		right: 0;
		transform: translateY(-50%);
	}

	.product-card__slideshow #sync2 .owl-prev span,
	.product-card__slideshow #sync2 .owl-next span {
		display: none !important;
	}

	.product-card__slideshow #sync2 .owl-prev.disabled,
	.product-card__slideshow #sync2 .owl-next.disabled {
		opacity: .25;
		cursor: default;
		pointer-events: none;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.product-card__slideshow #sync2 {
		--product-thumb-arrow-size: 28px;
		--product-thumb-arrow-gap: 10px;
	}
}

/* Text editor lists */
body.inner-page main .section > .container > ul:not([class]),
body.inner-page main .section > .container > ol:not([class]),
body.inner-page main .content-block ul:not([class]),
body.inner-page main .content-block ol:not([class]) {
	max-width: 920px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
	color: #333;
	counter-reset: ccdkTextList;
}

body.inner-page main .section > .container > ul:not([class]) li,
body.inner-page main .section > .container > ol:not([class]) li,
body.inner-page main .content-block ul:not([class]) li,
body.inner-page main .content-block ol:not([class]) li {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	color: #333;
	font-size: 18px;
	line-height: 1.5;
}

body.inner-page main .section > .container > ul:not([class]) li::before,
body.inner-page main .content-block ul:not([class]) li::before {
	content: "";
	position: absolute;
	top: .78em;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: var(--main-elements-color, var(--accent-color-400));
}

body.inner-page main .section > .container > ol:not([class]) li,
body.inner-page main .content-block ol:not([class]) li {
	counter-increment: ccdkTextList;
	padding-left: 38px;
}

body.inner-page main .section > .container > ol:not([class]) li::before,
body.inner-page main .content-block ol:not([class]) li::before {
	content: counter(ccdkTextList) ".";
	position: absolute;
	top: 0;
	left: 0;
	min-width: 24px;
	color: var(--main-elements-color, var(--accent-color-400));
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	text-align: right;
}

body.inner-page main .section > .container > ul:not([class]) li:last-child,
body.inner-page main .section > .container > ol:not([class]) li:last-child,
body.inner-page main .content-block ul:not([class]) li:last-child,
body.inner-page main .content-block ol:not([class]) li:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	body.inner-page main .section > .container > ul:not([class]),
	body.inner-page main .section > .container > ol:not([class]),
	body.inner-page main .content-block ul:not([class]),
	body.inner-page main .content-block ol:not([class]) {
		margin-bottom: 22px;
	}

	body.inner-page main .section > .container > ul:not([class]) li,
	body.inner-page main .section > .container > ol:not([class]) li,
	body.inner-page main .content-block ul:not([class]) li,
	body.inner-page main .content-block ol:not([class]) li {
		font-size: 16px;
		line-height: 1.5;
	}

	body.inner-page main .section > .container > ul:not([class]) li,
	body.inner-page main .content-block ul:not([class]) li {
		padding-left: 24px;
	}

	body.inner-page main .section > .container > ol:not([class]) li,
	body.inner-page main .content-block ol:not([class]) li {
		padding-left: 34px;
	}

	body.inner-page main .section > .container > ul:not([class]) li::before,
	body.inner-page main .content-block ul:not([class]) li::before {
		left: 2px;
		width: 7px;
		height: 7px;
		margin-top: -3.5px;
	}

	body.inner-page main .section > .container > ol:not([class]) li::before,
	body.inner-page main .content-block ol:not([class]) li::before {
		min-width: 22px;
		font-size: 14px;
	}
}

/* End */


/* Start:/static/aos/aos.css?178759510226053*/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* End */


/* Start:/external/static.stroyker.pro/ccdk/custom-styles.css?178759506978618*/
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  src: url("/media/customization/fonts/Ubuntu-Regular.ttf");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  src: url("/media/customization/fonts/Inter-VariableFont_slntwght.ttf");
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Ubuntu;
}

*,
a,
body,
button,
p {
  font-family: "Inter";
}

.catalog__links-block a {
  font-family: "Inter" !important;
}

.header-phones__phone {
  font-size: 16px;
  font-weight: 500;
}

.footer-phone a {
  font-size: 18px;
  font-weight: 500;
}

.footer-content__title {
  font-size: 16px;
  font-family: "Ubuntu";
  font-weight: 600;
}

.product-item__img-text {
  color: #fff;
  padding: 2px 10px 0px 10px;
  background: #ff0000;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  line-height: 24px;
  opacity: 0.9;
}

.product-card .product-item__img-text {
  color: #ffffff;
  font-family: Golos;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  height: 28px;
  line-height: 24px;
  position: absolute;
  right: 11px;
  text-transform: none;
  top: 10px;
  background: #990000 !important;
  border-radius: 2px;
}

/* под главным баннером */

.static_text_1 {
  margin-top: -40px;
  background: #ededed;
  padding-top: 35px;
  padding-bottom: 50px;
  border-bottom: 20px solid #dedede;
}

.photo_text1 {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: -35px;
  margin-bottom: 40px !important;
}

.photo_text2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (max-width: 1279px) {
  .photo_text2 {
    margin-top: -20px;
  }

  .footer-contact {
    width: 80%;
  }
}

@media (max-width: 900px) {
  .photo_text2 {
    margin-top: -25px;
  }
}

@media (max-width: 767px) {
  .photo_text2 {
    margin-top: -15px;
  }
}

/* страница о КП Бавария */

.tooltip-text {
  color: #fff !important;
}

.poselok_main-text,
.kp_main_text {
  width: 100%;
  text-align: left;
}

.interactive-map p {
  margin: 0;
  padding: 0;
}

.poselok_main-text {
  font-size: 40px;
  line-height: 45px;
  color: #7d7d7d;
  margin-left: 0px;
}

.kottedzhnyj-poselok-bavariya.question-main {
  display: none;
}

.poselok_text {
  width: 91%;
  margin-left: 0px;
}

.sliderset-col {
  margin-top: -45px;
}

.banner_poselok {
  margin-top: 150px;
}

.info_poselok {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
}

.info_poselok2 {
  padding-bottom: 75px;
  margin-left: auto;
  margin-right: auto;
  width: 43%;
}

.poselok8 {
  margin-left: -20px;
  width: 107%;
}

.poselok2_text {
  width: 92%;
  margin-left: 24px;
  margin-top: 71px;
}

.info_kp5 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 90px;
  width: 27%;
}

.kp_main_text {
  font-size: 40px;
  line-height: 45px;
  color: #999933;
  margin-left: 0px;
}

.knopka_kp {
  padding: 12px 37px;
  color: #ffffff;
  background: #990000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  margin-left: 0px;
}

.text_kp_under {
  margin-left: 90px;
}

.static_kp2 {
  margin-bottom: 50px;
  margin-top: 100px;
}

.static_form {
  border: 7px solid var(--main-elements-color, #2363d1);
  padding: 70px 100px;
  margin-bottom: 50px;
  border-radius: 10px;
  margin-bottom: 80px;
}

.main_text_form_kp {
  font-size: 40px;
  line-height: 45px;
  color: #7d7d7d;
}

.main_text_form_kp2 {
  font-size: 20px;
  line-height: 25px;
  color: #7d7d7d;
  font-weight: 100;
}

.static_form .form-control {
  width: 100%;
}

.ne-upustite-shans1 {
  width: 100%;
}

@media (max-width: 1279px) {
  .knopka_kp {
    margin-left: 10px;
  }

  .poselok2_text {
    width: 106%;
    margin-left: -10px;
    margin-top: 10px;
  }

  .poselok_text {
    width: 100%;
    margin-left: 10px;
  }

  .poselok_main-text {
    margin-left: 10px;
  }

  .kp_main_text {
    margin-left: 10px;
  }

  .poselok8 {
    width: 109%;
  }
}

@media (max-width: 1023px) {
  .footer-contact {
    width: 100%;
  }

  .static_form .hidden {
    margin-top: 0px;
    margin-left: 0px;
  }

  .static_map {
    height: 1400px;
    width: 188%;
    margin-left: -410px;
  }

  .sliderset-col {
    margin-top: -40px;
  }

  .poselok_main-text {
    font-size: 35px;
    line-height: 40px;
  }

  .main_text_form_kp {
    font-size: 35px;
    line-height: 40px;
  }

  .kp_main_text {
    font-size: 35px;
    line-height: 40px;
  }

  .poselok_main-text {
    font-size: 35px;
    line-height: 40px;
  }
}

@media (max-width: 873px) {
  .poselok2_text {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }

  .poselok_text {
    width: 100%;
    margin-left: 0px;
  }

  .poselok_main-text {
    margin-left: 0px;
  }

  .kp_main_text {
    margin-left: 0px;
  }

  .info_poselok_block {
    margin-bottom: -58px;
  }
}

@media (max-width: 767px) {
  .poselok8 {
    width: 105%;
  }

  .poselok2_text {
    margin-bottom: 40px;
  }

  .text_kp_under {
    margin-left: 40px;
  }

  .poselok2_text {
    width: 105%;
    margin-left: -15px;
    margin-top: -7px;
  }

  .static_form {
    padding: 70px 70px;
  }

  .poselok_main-text {
    font-size: 30px;
    line-height: 35px;
  }

  .main_text_form_kp {
    font-size: 30px;
    line-height: 35px;
  }

  .kp_main_text {
    font-size: 30px;
    line-height: 35px;
  }

  .poselok_main-text {
    font-size: 30px;
    line-height: 35px;
  }

  .sliderset-col {
    margin-top: 0px;
  }
}

@media (max-width: 520px) {
  .static_form {
    padding: 70px 41px;
  }

  .poselok_main-text {
    margin-top: -21px;
  }
}

@media (max-width: 490px) {
  .text_kp_under {
    margin-left: 0px;
  }

  .poselok8 {
    width: 111%;
  }

  .static_form {
    padding: 70px 20px;
  }
}

@media (max-width: 433px) {
  .static_form {
    padding: 70px 0px;
  }
}

/* крыша с точками над формой */

.crow_photo {
  margin-bottom: -40px !important;
  margin-right: auto;
  margin-left: auto;
}

/* шапка */

.header-body {
  display: none;
}

.top-header {
  background-color: transparent;
}

.btn-border.callme-button {
  border-radius: 5px;
  padding: 12px 36px;
}

@media (max-width: 1100px) {
  .logo img {
    max-width: 85%;
  }
}

/* бесплатный проект */

.podarok_form .h1 {
  width: 54%;
  font-size: 40px;
  line-height: 45px;
  color: #999933;
}

.podarok_form .personal-form__element-top {
  font-size: 14px;
  color: #7d7d7d;
}

.podarok_form .personal-form__post-text {
  color: #7d7d7d;
}

.podarok_form .form-control {
  background: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  box-shadow: inset 0px 2px 5px rgb(0 0 0 / 0%);
}

.podarok_form .personal-form__element-item .btn {
  border-radius: 5px;
}

.podarok_form {
  margin-bottom: 60px;
}

.personal-form .image_cover img {
  object-fit: fill;
}

@media (max-width: 1279px) {
  .podarok_form .h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .podarok_form {
    margin-bottom: 40px;
  }
}

/* акция */

.main-action__text {
  background: #d5d5d500;
}

.btn-border {
  border-radius: 5px;
  padding: 0 40px;
}

.main-action__type span {
  padding: 0 52px;
  border-radius: 5px;
}

/* задайте свой вопрос */

.question-form {
  border: 7px solid var(--main-elements-color, #2363d1);
  padding: 70px 100px;
  margin-bottom: 50px;
}

section.feedback-form .h2 {
  color: #4e4e4e;
  padding-bottom: 15px;
}

section.feedback-form .form-control {
  background: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  box-shadow: inset 0px 2px 5px rgb(0 0 0 / 0%);
}

.question-main .btn {
  border-radius: 5px;
  padding: 12px 63px;
  font-size: 14px;
  font-family: Inter, sans-serif;
}

@media (max-width: 767px) {
  .question-form {
    padding: 40px 19px;
  }

  .content-title {
    font-size: 25px;
  }
}

/* товары */

@media (max-width: 767px) {
  .product-item {
    border-right: none !important;
    border-left: none !important;
  }
}

@media (max-width: 575px) {
  .product-item__btns {
    width: 45%;
  }
}

.catalog .product-item__image {
  height: 350px;
}

.catalog-side__title {
  display: none;
}

.catalog-side {
  background-color: #fdfdfd00;
  border: 1px solid #ffffff00;
}

.pagination .prev:before,
.pagination .next:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: -4px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border: solid 2px #993;
  transform: rotate(45deg);
  border-left: none;
  border-bottom: none;
}

.btn-border {
  color: #999933;
}

.view-sort-item {
  display: none;
}

.view-sorting__title {
  display: none;
}

.catalog-filter .catalog-filter-body {
  box-shadow: 0px 2px 25px rgb(118 118 118 / 0%);
}

.catalog-container:last-child {
  margin-bottom: 100px;
}

.product-card__navigation {
  margin-bottom: 60px;
}

.housemain_catalog2 {
  width: 100%;
  display: block;
}

.housemain_catalog3 {
  margin-left: auto;
  margin-right: auto;
}

.housemain_catalogtext {
  color: #4e4e4e;
  font-size: 25px;
  line-height: 100%;
  font-weight: 600;
  margin-bottom: 15px;
}

.table table td {
  padding: 13px 20px 13px 0;
}

.texthouse_catalog-1 {
  width: 85%;
}

.texthouse_catalog {
  margin-left: 5%;
  width: 85%;
}

.housemain_catalog_new img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: right;
}

.shopping-cart-btn--lg.custom-icon {
  border-radius: 5px;
}

.pagination span a {
  color: #993;
}

.pagination span.active {
  border-color: #999933;
}

/* превью каталога */

.catalog-menu-item {
  width: calc(100% / 5 - -64px);
  height: var(--category-preview-height, 200px);
}

.catalog-menu-item__name {
  font-size: 16px;
  font-weight: 400;
  max-width: 162px;
  bottom: 166px;
}

/* карточка товара */

.product-item__cost {
  margin-top: 0px;
}

.product-item__image img {
  object-fit: cover;
  height: 115%;
}

@media (min-width: 1023px) and (max-width: 1279px) {
  .product-item__head {
    margin-bottom: -26px;
  }

  .product-item__art {
    margin-top: -68px;
  }

  .product-item__image img {
    height: 88%;
  }
}

@media (max-width: 1023px) {
  .house_catalog111 {
    margin-top: -60px;
  }

  .housemain_gotovie22 {
    display: none;
  }
}

@media (max-width: 767px) {
  .product-item__cost {
    margin-top: 13px;
  }

  .texthouse_catalog {
    width: 236%;
  }

  .page-head {
    background: #f5f5f500;
  }

  .product-card-container .product-card-content {
    width: calc(100% - 0px);
  }

  .catalog-body .product-item .product-item__image {
    margin-top: 0;
    margin-left: 0;
    width: 165px;
    height: 109px;
    padding-top: 10px;
  }

  .catalog-body .product-item {
    height: 121px;
  }

  .catalog-body .product-item:hover {
    border: none;
  }

  .catalog-body .product-item .product-item__image img {
    padding: 0;
  }

  .catalog-body .product-item .shopping-cart-product {
    width: fit-content;
  }

  .catalog-body .product-item .shopping-cart-product .btn-border {
    height: 32px;
  }

  .catalog-body .product-item .product-item__flag-content {
    border-top-left-radius: 7px;
    top: 10px;
    overflow: hidden;
  }

  .section.mobile-show.header-top-bg-color ~ .section {
    margin-top: 0 !important;
  }
}

@media (max-width: 500px) {
  .texthouse_catalog {
    width: 150%;
  }
}

@media (max-width: 415px) {
  .product-item__btns {
    width: 100%;
  }

  .product-item__cost-product {
    font-size: 13px;
  }

  .catalog-menu-item__name {
    max-width: 86px;
    bottom: 148px;
  }
}

/* главный экран */

main {
  overflow-x: hidden;
}

.main-banner-background {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
}

.main_static {
  margin-top: 0px;
  background-size: cover;
  height: 1470px;
  position: relative;
  z-index: 1;
}

.main_static .container {
  position: static !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main_static .row {
  padding-top: 90px;
}

.main_text_h2 {
  color: #4e4e4e;
  font-size: 60px;
  line-height: 70px;
  text-align: right;
  margin-left: -30px;
}

.main_text_h2-two {
  color: #4e4e4e;
  font-size: 46px;
  line-height: 70px;
  text-align: right;
  text-align: right;
  margin-top: 6px !important;
  display: block;
  margin-right: 5px;
}

.main_text_h2_2-two {
  color: #4e4e4e;
  font-size: 46px;
  line-height: 70px;
  text-align: left;
  text-align: left;
  margin-top: 6px !important;
  display: block;
}

.main_text_h2_2 {
  color: #4e4e4e;
  font-size: 60px;
  line-height: 70px;
  text-align: left;
}

.main_text_h4 {
  color: #4e4e4e;
  font-size: 25px;
  margin-top: 75px;
  line-height: 15px;
  text-align: right;
  font-weight: 100;
}

.main_text_h4_2 {
  color: #4e4e4e;
  font-size: 25px;
  line-height: 15px;
  text-align: left;
  font-weight: 100;
  margin-top: 75px;
}

.photo_main {
  margin-left: auto;
  margin-right: auto;
}

.main_banner1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.main_banner1 span {
  font-weight: 600 !important;
}

.main_banner2 {
  margin-top: 40px;
  max-width: 420px;
}

.knopka_main {
  color: #333333;
  border: solid 1px #c5c5c5;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 6.5px 6.5px;
  padding: 12px 25px;
  min-width: 218px;
  transition: 0.3s;
}

.knopka_main:hover {
  color: #ffffff;
  border: solid 1px #999933;
  background: #999933;
}

.knopka_main2 {
  color: #333333;
  border: solid 1px #c5c5c5;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 6.5px 6.5px;
  padding: 12px 30px;
  min-width: 218px;
  transition: 0.3s;
}

.knopka_main2:hover {
  color: #ffffff;
  border: solid 1px #999933;
  background: #999933;
}

.knopka_main3 {
  color: #333333;
  border: solid 1px #c5c5c5;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 6.5px 6.5px;
  padding: 12px 8px;
  min-width: 218px;
  transition: 0.3s;
}

.knopka_main3:hover {
  color: #ffffff;
  border: solid 1px #999933;
  background: #999933;
}

@media (max-width: 1195px) {
  .main_text_h2 {
    font-size: 55px;
    margin-left: 0px;
  }

  .main_text_h2_2 {
    font-size: 55px;
  }

  .main_text_h2-two {
    font-size: 40px;
    line-height: 45px;
  }

  .main_text_h2_2-two {
    font-size: 40px;
    line-height: 45px;
  }
}

@media (max-width: 1125px) {
  .main_text_h2 {
    font-size: 50px;
    line-height: 55px;
  }

  .main_text_h2_2 {
    font-size: 50px;
    line-height: 55px;
  }

  .main_text_h2-two {
    font-size: 35px;
    line-height: 40px;
  }

  .main_text_h2_2-two {
    font-size: 35px;
    line-height: 40px;
  }

  .main_text_h4 {
    font-size: 20px;
  }

  .main_text_h4_2 {
    font-size: 20px;
  }
}

@media (max-width: 1054px) {
  .main_text_h2 {
    font-size: 45px;
    line-height: 45px;
  }

  .main_text_h2_2 {
    font-size: 45px;
    line-height: 45px;
  }

  .main_text_h2-two {
    font-size: 30px;
    line-height: 35px;
  }

  .main_text_h2_2-two {
    font-size: 30px;
    line-height: 35px;
  }

  .photo_main {
    width: 85%;
  }

  .main_static {
    height: 1200px;
    margin-top: -50px;
  }

  .main_static .row {
    padding-top: 50px;
  }
}

@media (min-width: 1054px) {
  .col-lg-4 {
    width: 32.33333%;
  }
}

@media (max-width: 767px) {
  .main_static {
    height: auto;
    padding-bottom: 750px;
  }

  .main_text_h4,
  .main_text_h4_2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0px;
    margin-top: 13%;
  }

  .main_text_h2,
  .main_text_h2_2 {
    font-size: 40px;
    line-height: 35px;
    margin-top: 9px;
    display: block;
  }

  .main_static .row {
    padding-top: 10px;
  }

  .main_text_h2 {
    margin-left: -44px;
  }

  .logo img {
    max-width: 100%;
    max-height: 110px;
  }

  .photo_main {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .knopka_main {
    padding: 8px 10px;
    min-width: auto;
    width: calc(50% - 13px);
  }

  .knopka_main2 {
    padding: 8px 10px;
    min-width: auto;
    width: calc(50% - 13px);
  }

  .knopka_main3 {
    padding: 8px 10px;
    min-width: auto;
    width: calc(50% - 13px);
  }

  .main_static {
    height: auto;
    padding-bottom: 500px;
  }
}

@media (max-width: 576px) {
  .main_text_h4,
  .main_text_h4_2 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 13%;
  }

  .main_text_h2,
  .main_text_h2_2 {
    font-size: 20px;
    line-height: 25px;
  }

  .main_text_h2_2-two,
  .main_text_h2-two {
    font-size: 18px;
    line-height: 20px;
  }
}

@media (max-width: 447px) {
  .knopka_main {
    padding: 8px 4px;
    font-size: 12px;
  }

  .knopka_main2 {
    padding: 8px 4px;
    font-size: 12px;
  }

  .knopka_main3 {
    padding: 8px 4px;
    font-size: 12px;
  }
}

/* страница с контактами */

.contacts-block__title,
.contacts-block__title-red {
  font-family: "Ubuntu";
}

.contacts-block {
  border: 1px solid #d9d9de00;
}

/* about_banner */

.about_banner .d-grid .content-background-box:first-child {
  margin-left: -22px;
}

@media (max-width: 576px) {
  .about_banner .d-grid .content-background-box:first-child {
    margin-left: 0px;
  }
}

/* кнопка каталог продукций на главном экране */

.catalog-side {
  border-radius: 5px;
}

.frontpage .section-first,
.frontpage .section-first-alter {
  background-color: #f5f5f500;
}

/* ИНТЕРЕСУЕТ МЕСТО В ПОСЕЛКЕ? */

@media (max-width: 1279px) {
  .form_banner .content-background-box:first-child {
    background: #fff;
    margin-top: -30px;
  }

  .form_banner .content-background-box:first-child + .content-background-box {
    display: none;
  }

  .main_text_h2_2-two,
  .main_text_h2-two {
    margin-top: 13px !important;
  }
}

@media (max-width: 991px) {
  .main_text_h4,
  .main_text_h4_2 {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .form_banner.conditional-section_bg > img {
    display: none;
  }

  .form_banner .content-background-box:first-child {
    margin-top: 0px;
  }
}

/* архитектурное проектирование */

.slider-constructor .slick-arrow {
  border-radius: 5px;
}

.slider_main_text {
  font-size: 30px;
  line-height: 35px;
  font-weight: 100;
}

.slider_text {
  width: 100%;
  font-size: 14px;
}

.product-card__content {
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.button_style-1:hover {
  background-color: var(--color-button1-bg, transparent);
}

.product-card__discription {
  display: none;
}

.button-theme_muted {
  --color-background: #990000 !important;
  --color-border: #990000;
}

.product-card__right {
  margin-left: 0px;
  width: 100%;
}

.product-card__left .btn,
.btn-download {
  padding: 12px 112px !important;
}

.shopping-cart-product {
  width: 100%;
}

.inner-page main {
  padding-top: 60px;
}

@media (max-width: 1279px) {
  .slider_main_text {
    font-size: 25px;
    line-height: 30px;
    margin-left: 0px;
  }

  .slider_text {
    margin-left: 0px;
    width: 100%;
  }
}

/* Выравние текста */

@media (max-width: 767px) {
  .banner_life,
  .form_main_text,
  .banner_welcom,
  .banner_h1_text {
    width: 100%;
  }

  .form_main_text {
    padding: 0 20px;
  }
}

/* способы оплаты */
.product-card__content {
  width: 25%;
}

/* подвал */

.footer-bottom .copy {
  color: #ffffff;
}

/* Портфолио */

.portfolio_text {
  font-size: 25px;
  line-height: 35px;
}

.product-card-v2 .input-number input[type="number"],
.product-item_max-heigth .input-number input[type="number"],
.product-item_max-width .input-number input[type="number"],
.product-item_new .input-number input[type="number"],
.product-item_wide .input-number input[type="number"] {
  color: #999933;
}

.sliderset_portf2,
.sliderset_portf3,
.sliderset_portf4,
.sliderset-houses2,
.sliderset-houses1 {
  margin-bottom: 100px;
}

@media (max-width: 575px) {
  .sliderset_portf2,
  .sliderset_portf3,
  .sliderset_portf4,
  .sliderset-houses2,
  .sliderset-houses1 {
    margin-bottom: 70px;
    margin-top: -30px !important;
  }
}

/* о компании */

.about-frontpage {
  padding-left: 63px;
  margin-top: 40px;
  width: 87%;
  margin-bottom: 40px;
}

.about-frontpage .about_text33 {
  margin-bottom: 30px;
}

.about_banner .content-background-box__background {
  width: 93%;
}

.about_main_text {
  font-size: 40px;
  line-height: 70px;
}

.about_banner .conditional-section .container {
  margin-top: -100px;
  margin-bottom: -100px;
}

.conditional-section_bg {
  padding: 0px;
}

.knopka_welcom_about {
  padding: 12px 51px;
  color: #ffffff;
  background: #990000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
}

.knopka_welcom_about:hover {
  background: #999933;
}

@media (max-width: 1279px) {
  .about_main_text {
    font-size: 30px;
    line-height: 60px;
  }
}

@media (max-width: 980px) {
  .about_banner .content-background-box__background {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .about_banner .hide_adaptive {
    display: none;
  }
}

/* страница о компании*/

.article-inner__content {
  padding: 0px;
}

.main_text_about {
  color: #4e4e4e;
  font-size: 60px;
  line-height: 70px;
  text-align: left;
}

.banner-m_f {
  margin-bottom: 150px;
}

.main_text_about2 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 100;
  color: #999933;
  width: 96%;
}

.main_text_about45 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 100;
  color: #999933;
  width: 100%;
}

.text_about2 {
  width: 80%;
}

.text_about45 {
  width: 100%;
}

.text_about22 {
  width: 80%;
}

.text_about_under {
  margin-top: 20px;
}

.text_about_under22 {
  margin-top: 20px;
}

.text_about_forma {
  width: 100%;
}

.text_about_forma5 {
  width: 67%;
}

    header.fixed {
        z-index: 9999;
    }

.main_text_about3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 100;
  width: 80%;
  text-align: left;
}

.photo_max2 {
  margin-left: auto;
  margin-right: auto;
}

.main_text_about5 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 100;
  text-align: left;
  width: 90%;
}

.photo_about_d {
  margin-left: auto;
  margin-right: auto;
}

.form-control {
  background: #ffffff;
  border: 1px solid #b2b2b2;
  -webkit-box-shadow: inset 0px 2px 5px rgb(0 0 0 / 60%);
  box-shadow: inset 0px 2px 5px rgb(0 0 0 / 0%);
  border-radius: 5px;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
  padding: 0 20px;
  height: 40px;
  line-height: 46px;
}

.form-group {
  margin-top: 10px;
}

.btn,
.btn-download {
  padding: 12px 63px;
  border-radius: 5px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  color: #fff;
}

.main_text_about32 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 100;
  text-align: left;
  margin: 0;
}

.main_text_about33 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 100;
  text-align: left;
  margin-top: 35px;
  margin: 0;
}

.main_text_about34 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 100;
  text-align: left;
  margin-top: 10px;
  margin: 0;
}

.digit-img-wrapper-text {
  display: flex;
  align-items: center;
}

.digit-img-wrapper {
  min-width: 58px;
  margin-right: 20px;
}

.digit-custom-row {
  display: flex;
  align-items: center;
}

.text-page img {
  margin-bottom: 0;
}

.tab-content,
.product-card__head {
  padding: 20px 0;
}

.product-card-container {
  gap: 50px;
}

.product-card-container .product-card-content {
  width: 75%;
}

.product-card-container .product-card-side {
  width: 25%;
}

.tabs li {
  padding: 0;
}

.tabs {
  gap: 30px;
}

.product-card .btn-border {
  min-width: 0;
}

.product-card .btn-border:hover {
  background: #999933 !important;
  border-color: #999933 !important;
}

.product-card__right .plus-ul {
  margin-top: 20px;
}

.product-card__right .offer-btn {
  width: 100%;
}

.product-card__right .offer-btn:hover {
  background: #990000 !important;
  border-color: #990000 !important;
}

/* адаптив */

@media (max-width: 1279px) {
  .main_text_about5 {
    width: 100%;
  }

  .text_about_forma5 {
    width: 79%;
  }
}

@media (max-width: 1023px) {
  .text-page img,
  .text-page p {
    margin-inline: auto;
  }

  .about-company33 {
    display: none;
  }

  .main_text_about32 {
    font-size: 16px;
  }

  .main_text_about33 {
    font-size: 16px;
  }

  .main_text_about34 {
    font-size: 16px;
  }

  .text_about22 {
    width: 100%;
  }

  .main_text_about {
    font-size: 50px;
    line-height: 55px;
    text-align: center;
  }

  .col-desktop {
    display: none;
  }

  .main_text_about-probel {
    display: none;
  }

  .text_about45 {
    margin-bottom: 6px !important;
  }

  .main_text_about2 {
    text-align: center;
  }

  .button-layout-center {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .number-text-align-center {
    display: flex;
    align-items: center;
  }

  .main_text_about32,
  .main_text_about33,
  .text_about_under,
  .text_about22,
  .main_text_about45,
  .main_text_about5,
  .text_about55 {
    text-align: left;
  }

  .content-background-box__text-content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .main_text_about {
    font-size: 40px;
    line-height: 45px;
  }

  .text_about_forma5 {
    width: 100%;
  }

  .static_houses {
    margin-bottom: -100px;
  }

  .main_text_about45 {
    margin-left: 0px;
  }

  .text_about45 {
    width: 132%;
    margin-left: 0px;
  }

  .knopka_welcom_about {
    margin-left: 0px;
  }

  /* .about-company3 {
    margin-right: -175px;
  } */
  .about-company354 {
    margin-top: -108px;
  }

  .article-inner__content {
    padding: 20px 15px 40px;
  }

  .main_text_about2 {
    font-size: 25px;
    line-height: 30px;
    width: 100%;
  }

  .photo_about_d {
    display: none;
  }

  .text_about22 {
    width: 92%;
    margin-left: 0px;
  }

  .photo_ilya22 {
    display: none;
  }

  .text_about_under22 {
    display: none;
  }
}

/* меню мобилки */

.header-search input {
  border-radius: 5px 0 0 5px;
}

.header-search button {
  border-radius: 5px;
}

@media (max-width: 767px) {
  .header-user__link .icon svg {
    display: none;
  }
}

/* добро пожаловать */

@media (max-width: 1023px) {
  .col-banner_1 .info_block1,
  .col-banner_1 .info_block5 {
    display: none;
  }

  .col-banner_1 .d-grid:nth-child(1) > .hide_adaptive:last-child {
    display: none;
  }

  .col-banner_1 .d-grid:nth-child(2) > .hide_adaptive:last-child {
    display: none;
  }
}

@media (max-width: 767px) {
  .info_1 {
    margin-top: 0px !important;
  }

  .info_2 {
    padding-bottom: 0px !important;
  }
}

.info_1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 90px;
}

.info_2 {
  padding-bottom: 75px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.banner_welcom {
  color: #333333;
  font-size: 40px;
  line-height: 50px;
}

.banner_welcom2 {
  color: #333333;
  font-size: 14px;
  width: 90%;
  margin-bottom: 50px;
}

.knopka_welcom {
  padding: 12px 37px;
  color: #ffffff;
  background: #990000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
}

.knopka_welcom:hover {
  background: #999933;
}

.knopka_welcom1 {
  padding: 12px 45px;
  color: #ffffff;
  background: #990000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  margin-left: 25%;
}

.knopka_welcom1-two {
  padding: 12px 45px;
  color: #ffffff;
  background: #990000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  margin-left: 25%;
}

.knopka_welcom1:hover {
  background: #999933;
}

.knopka_welcom1-two:hover {
  background: #999933;
}

/* адаптив */

@media (max-width: 1023px) {
  .content-background-box__container {
    min-height: 0px;
  }
}

@media (max-width: 1279px) {
  .banner_welcom {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (max-width: 767px) {
  .banner_welcom2 {
    width: 100%;
  }

  .info_block6 {
    margin-bottom: -75px;
  }
}

@media (max-width: 575px) {
  .info_block6 {
    margin-bottom: 0px;
  }
}

/* интересует место в поселке*/

.form_main_text {
  font-size: 40px;
  line-height: 35px;
  font-weight: normal;
}

.form_text {
  width: 87%;
  font-size: 14px;
}

.best_project_text {
  font-size: 12px;
  padding-top: 10px;
  width: 80%;
}

.form_banner .form-control {
  width: 85%;
  background: #ffffff;
  border: 1px solid #b2b2b2;
  -webkit-box-shadow: inset 0px 2px 5px rgb(0 0 0 / 60%);
  box-shadow: inset 0px 2px 5px rgb(0 0 0 / 0%);
  border-radius: 5px;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
  padding: 0 20px;
  height: 40px;
  line-height: 46px;
}

.form_banner .btn,
.btn-download {
  padding: 12px 63px;
  border-radius: 5px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  color: #fff;
}

@media (max-width: 1279px) {
  .form_main_text {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (max-width: 767px) {
  .form_banner .btn,
  .btn-download {
    width: 85%;
  }

  .form_text {
    width: 91%;
  }
}

/* для клиентов */

.for_clients_page {
  margin-bottom: 0px;
}

.prev_button1 {
  display: block;
  padding: 21px 0px 0px 127px;
  color: #333333;
  background: black url("/media/uploads/for-clients-3.webp") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 18px;
  width: 252px;
  height: 155px !important;
  background-size: 100%;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.5;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
}

.prev_button1:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button2 {
  display: block;
  padding: 21px 0px 0px 127px;
  color: #333333;
  background: black url("/media/uploads/for-clients-4.webp") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 18px;
  width: 252px;
  height: 155px !important;
  background-size: 100%;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.5;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
}

.prev_button2:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button3 {
  display: block;
  padding: 21px 0px 0px 127px;
  color: #333333;
  background: black url("/media/uploads/for-clients-2.webp") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 18px;
  width: 252px;
  height: 155px !important;
  background-size: 100%;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.5;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
}

.prev_button3:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button4 {
  display: block;
  padding: 21px 0px 0px 127px;
  color: #333333;
  background: black url("/media/uploads/for-clients-1.webp") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 18px;
  width: 252px;
  height: 155px !important;
  background-size: 100%;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.5;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
}

.slider-constructor .slick-arrow {
  z-index: 999;
}

.prev_button4:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button5 {
  display: block;
  padding: 21px 0px 0px 127px;
  color: #333333;
  background: black url("/media/uploads/for-clients-5.webp") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 18px;
  width: 252px;
  height: 155px !important;
  background-size: 100%;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.5;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
}

.prev_button5:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button6 {
  background: black url("/media/uploads/for-clients-6.webp") left
    no-repeat;
  background-size: 100%;
}

.prev_button6:hover {
  background: #999933;
}

.prev_button7 {
  display: block;
  padding: 150px 0px 15px 15px;
  color: #ffffff;
  background: black url("/media/uploads/preview_gotovie1.png") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 20px;
  width: 340px;
  height: 200px !important;
  background-size: 100%;
  transition: 0.3s;
  opacity: 1;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
  font-weight: 700;
}

.prev_button7:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button8:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

.prev_button8 {
  display: block;
  padding: 150px 0px 15px 15px;
  color: #ffffff;
  background: black url("/media/uploads/preview_gotovie2.png") left
    no-repeat;
  font-family: Inter, sans-serif;
  font-size: 20px;
  width: 340px;
  height: 200px !important;
  background-size: 100%;
  transition: 0.3s;
  opacity: 1;
  border-radius: 5px;
  border: 3px solid #c5c5c5;
  font-weight: 700;
}

.prev_button8:hover {
  background: #999933;
  filter: grayscale(0);
  opacity: 0.9;
}

/* готовое пространство для жизни */

.banner_welcom_text {
  width: 78%;
}

.banner_welcom_text1 {
  width: 78%;
  padding-bottom: 100px;
}

.banner_life {
  color: #333333;
  font-size: 40px;
  line-height: 50px;
}

.info_5 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 90px;
}

.banner_h1_text {
  padding-bottom: 0px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

.info_22 {
  padding-bottom: 75px;
  margin-left: auto;
  margin-right: auto;
  width: 34%;
}

.info_11 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 90px;
}

@media (max-width: 1279px) {
  .banner_welcom_text {
    width: 100%;
  }

  .banner_welcom_text1 {
    width: 100%;
  }

  .banner_life {
    font-size: 30px;
    line-height: 35px;
  }

  .info_22 {
    padding-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    width: 53%;
  }
}

@media (max-width: 1023px) {
  .housemain_catalogtext {
    margin-left: 1% !important;
  }

  .texthouse_catalog-1 {
    width: 100%;
  }

  .texthouse_catalog,
  .texthouse_catalog-1 {
    margin-left: 1% !important;
    width: 100%;
  }

  .housemain_catalogtext {
    margin-top: 20px;
  }

  .knopka_welcom {
    margin-left: 1% !important;
  }
}

@media (max-width: 991px) {
  .knopka_welcom {
    margin-left: 0% !important;
  }

  .housemain_catalogtext {
    margin-left: 0% !important;
  }

  .texthouse_catalog,
  .texthouse_catalog-1 {
    margin-left: 0% !important;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .info_5 {
    display: none;
  }

  .text_banner .content-background-box__container {
    min-height: 0px;
  }

  .text_banner .content-background-box__text-content {
    margin-top: -35px;
  }

  .banner_life {
    padding-top: 10px;
  }

  .banner_welcom_text1 {
    padding-bottom: 50px;
  }

  .info_11 {
    margin-top: 10px;
  }
}

.portfolio_textpp {
  margin-top: -16px;
}

@media (max-width: 767px) {
  .portfolio_textpp {
    margin-top: -8px;
  }
}

.product-card__slideshow {
  width: 75%;
}

.product-card-v2__image {
  height: 306px;
}

.product-card-v2 {
  border: 1px solid #d9d9de;
}

.product-card-v2:hover {
  border: 1px solid #999933;
}

#sync1 .item img {
  aspect-ratio: 542/403;
  object-fit: cover;
}

.product-card__left {
  justify-content: center;
  width: 100%;
}

.product-card__nav-prev {
  display: none;
}

#sync2 {
  margin-left: auto;
  margin-right: auto;
}

#sync1.owl-theme .owl-next {
  background: url("/media/uploads/arrow2.svg");
}

#sync1.owl-theme .owl-prev {
  background: url("/media/uploads/arrow2.svg");
}

.product-card #sync1.owl-theme {
  z-index: 5;
}

.product-card .owl-nav {
  width: calc(100% - 120px);
  max-width: 100%;
  position: relative;
  left: auto;
  margin: 0 auto;
  z-index: 3;
  pointer-events: none;
}

.product-card .owl-nav .owl-prev,
.product-card .owl-nav .owl-next {
  pointer-events: auto;
  z-index: 4;
}

@media (max-width: 900px) {
  .product-card .owl-nav {
    width: 100%;
  }
}

.product-card {
  margin-bottom: 0px;
}

.product-card__navigation {
  margin-bottom: 0px;
}

.product-card__nav-next {
  display: none;
}

.catalog-head {
  display: none;
}

.input-number {
  display: none;
}

.image_contain img {
  object-fit: cover;
  padding: 0px !important;
}

.shopping-cart-btn--lg {
  background-position: calc(50% - 30px) 50%;
  background-size: 32px auto;
  height: 48px;
  line-height: 48px;
  padding-left: 50px;
  text-align: center;
  width: 100%;
}

.st-button_muted {
  background-color: #999933;
  border-color: #999933;
  border-radius: 10px;
}

.st-button_muted:hover {
  background-color: #990000;
  border-color: #990000;
  border-radius: 10px;
}

.st-button_primary {
  border-radius: 10px;
}

@media (max-width: 1279px) {
  .product-card-v2__image {
    height: 227px;
  }
}

@media (max-width: 940px) {
  .product-card-v2__image {
    height: 215px;
  }
}

@media (max-width: 900px) {
  .product-card-v2__image {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .product-card .owl-nav {
    display: none !important;
  }

  .product-card-v2__image {
    height: 344px;
  }

  .product-card .input-number {
    display: none;
  }

  /*
    .section {
      margin-bottom: -73px;
  }*/
  .product-card__slideshow {
    width: 100%;
  }

  .interactive-map-section {
    margin-top: 36px;
  }

  .product-card__title {
    margin-bottom: -5px;
  }

  .h1,
  h1 {
    margin-bottom: 40px;
  }

  .page-head {
    padding: 2px 15px;
  }

  .product-card__content {
    width: 100% !important;
    padding-left: 0;
  }

  .product-card__left {
    justify-content: center;
    width: 100%;
  }

  .st-button:not(.st-button:has(.st-button__icon)) .st-button__title {
    left: auto;
    position: relative;
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .product-card-v2_type-1 .product-card-v2__image {
    height: 348px;
  }

  .image_contain img {
    padding: 0px 8px !important;
  }
}

@media (max-width: 380px) {
  .footer-contact {
    width: 50%;
  }
}

.catalog-filter__bottom {
  display: none;
}

/* убрать корзину */

.header-cart {
  display: none;
}

.product-card-v2__pricing-txt {
  display: none;
}

.header-user__link {
  display: none;
}

.text-color-light {
  color: #111110;
}

/* правки */

[data-fancybox],
.btn-border.callme-button,
.st-button_add-to-cart .st-button__title {
  cursor: pointer;
}

.h1,
.h2,
.h3,
h1,
h2,
h3,
h4,
.h4,
.h5,
h5,
h6,
.h6,
.personal-form__element-top,
.personal-form__post-text,
section.feedback-form .form-text,
.modal.fancybox-content .form-text,
.footer-content__title,
h6,
.h6 {
  cursor: default;
}

.callme-request-form .form-text {
  margin-top: 10px;
}

.footer-subscribe input {
  border-radius: 5px 0 0 5px;
}

.footer-subscribe button {
  border-radius: 0px 5px 5px 0px;
}

@media (max-width: 767px) {
  .knopka_main {
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .knopka_welcom,
  .knopka_welcom1 {
    display: flex;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }

  .knopka_welcom1-two {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
  }

  .product-card-v2__title {
    font-size: 14px;
  }

  .tab_drawer_heading {
    font-family: "Ubuntu";
    font-size: 16px;
    font-style: normal;
  }

  .texthouse_catalog {
    width: 100%;
  }

  .knopka_kp {
    margin-left: 0;
    width: fit-content;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }

  .main-action p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
    font-weight: 400;
  }

  .text_about2,
  .text_about45 {
    width: 100%;
  }

  .text_about_under {
    text-align: center;
  }

  .inner-page .h1,
  .inner-page h1 {
    margin-bottom: 10px;
  }
}

.modal {
  background: #ffffff;
}

.form-group-inline .button-theme_primary {
  margin: 0 54px 10px 0;
}

.mobile-phone {
  padding-left: 0px;
}

.mobile-phone .icon {
  display: none;
}

.mobile-phone {
  text-align: center;
}

@media (max-width: 575px) {
  .col-banner_1 {
    padding-top: 0px !important;
  }

  .form_banner,
  .architector_text,
  .podarok_form {
    padding-top: 40px !important;
  }

  .form_main_text {
    padding: 0;
  }

  .form_text {
    width: 100%;
  }

  .form_banner .form-control,
  .form_banner .btn,
  .btn-download,
  .best_project_text {
    width: 100%;
  }

  .content-background-box__text-content {
    align-items: normal;
  }

  .architector_text .slider_text {
    text-align: left !important;
  }

  .text_button2 .text-page p {
    text-align: center !important;
  }

  .personal-form__content .h1,
  .personal-form__content h1 {
    margin-bottom: 20px;
  }

  .banner_welcom_text1 {
    padding-bottom: 0px;
  }

  .catalog-menu-item__name {
    font-weight: 400;
    top: 15px;
    left: 15px;
    font-family: "Inter";
  }

  .product-card__title {
    font-size: 22px;
    line-height: 130%;
  }
}

@media (max-width: 575px) {
  .product-card-v2_type-1 .product-card-v2__image {
    height: 210px;
  }

  .image_contain img {
    padding: 0 !important;
  }

  .product-card-v2__image .image img {
    object-fit: cover !important;
  }
}

@media (max-width: 767px) {
  .breadcrumbs a:first-child {
    padding: 0;
  }

  .header-top-bg-color {
    display: none !important;
  }
}

/* карта */

.map_img1 {
  width: 40%;
  margin-top: -641px;
  position: relative;
  left: 35%;
}

@media (max-width: 767px) {
  .map_img1 {
    margin-top: -460px;
  }
}

section.conditional-section.projekti_bavaria_slide.sliderset {
  margin-bottom: 75px;
  margin-top: -30px;
}

/* новая карта */

.main-map {
  background-image: none !important;
  aspect-ratio: auto !important;
}

.main-map__image {
  width: 100%;
  height: auto;
}

.main-map__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: visible;
}

.home-new {
  aspect-ratio: 74 / 62;
  cursor: pointer;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.map-icon_parking_1 {
  left: 49.5% !important;
  top: 45.21% !important;
}

.map-icon_parking_2 {
  left: 85% !important;
  top: 74.5% !important;
}

.map-icon_rocket {
  left: 53.3% !important;
  top: 42.21% !important;
}

.map-icon_football {
  left: 58% !important;
  top: 44.21% !important;
}

.map-icon_camera {
  left: 85% !important;
  top: 81.21% !important;
}

.map-icon_bike {
  left: 29.5% !important;
  top: 78.21% !important;
}

.map-icon_tennis {
  left: 53% !important;
  top: 78% !important;
}

.map-icon_park-zone {
  left: 54% !important;
  top: 57% !important;
}

.header-phones.top-header__phones {
  position: relative;
  padding-top: 25px;
}

.header-phones.top-header__phones::before {
  content: "Отдел продаж";
  font-size: 14px;
  font-weight: 500;
  color: var(--header-top-phone-font-color);
  position: absolute;
  top: 10%;
  left: 0%;
}

.footer-phone {
  position: relative;
  padding-top: 25px;
}

.footer-phone::before {
  content: "Отдел продаж";
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  top: 3%;
  left: 0%;
}

.knopka_bavaria_park {
  color: #333333;
  border: solid 1px #c5c5c5;
  font-family: Inter, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 0px 0px;
  padding: 12px 25px;
  min-width: 218px;
}

.knopka_bavaria_park:hover {
  color: #ffffff;
  border: solid 1px #999933;
  background: #999933;
}

.poselok_ekskursiya_bavariya {
  font-size: 40px;
  line-height: 45px;
  color: #999933;
}

.slick-slide {
  margin-right: 0px;
}

.video {
  height: 740px;
  width: 100%;
}

.sale-static-block p {
  margin-bottom: 40px;
}

.sale-static-block img {
  margin-bottom: 40px;
}

.catalog-filter-accordion .opener {
  margin-bottom: 0;
}

.catalog-filter-accordion .opener {
  font-family: "Ubuntu";
}

.catalog-filter-accordion li {
  padding-bottom: 6px;
}

.action-item__type--action span {
  display: none;
}

.main-action p {
  font-size: 28px;
  line-height: 120%;
  font-weight: 600;
  margin-bottom: 0;
  color: white;
  font-family: "Ubuntu";
  text-transform: uppercase;
}

.main-action {
  position: relative;
  background: #9a9a22;
  height: 315px;
}

.main-action__image {
  width: 100%;
  position: absolute;
}

.mobile-img,
.main-action__type,
.desc-project-grid ul li:before {
  display: none;
}

.project-grid,
.desc-project-grid,
.media-project-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 60px;
}

.project-grid a {
 overflow: hidden;
}

.list-button.form-control {
    background: #999933;
    color: white;
    border-color: #999933;
}

.list-button.form-control option {
    background: #fff;
    color: #000000;
}

.project-grid a img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.big-project {
  font-size: 90px;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Ubuntu";
  color: #999933;
}

.desc-project-grid ul li {
  padding-left: 0;
}

.desc-project-grid .buttons-line {
  flex-direction: column;
  padding-top: 20px;
}

.desc-project-grid .offer-btn {
  width: 100%;
}

.desc-project-grid {
  gap: 80px;
  grid-template-columns: 50% 40%;
}

.video-project-grid {
  display: grid;
  grid-template-columns: 43% 18% 18% 18%;
  gap: 10px;
  margin-bottom: 60px;
}

.video-project-item iframe {
  width: 100%;
  height: auto;
}

.video-project-item iframe:not(.video-project-item:first-child iframe) {
  aspect-ratio: 1/1.78;
}

.video-project-item iframe:first-child {
  height: 100%;
}

.media-project-column:last-child {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.media-project-column .big-text {
  font-size: 48px !important;
  line-height: 100%;
  margin-bottom: 15px;
}

.media-project-column .medium-text {
  font-size: 24px !important;
  line-height: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 800;
  font-family: "Ubuntu";
  text-align: center;
}

.media-project-column .small-text {
  font-size: 12px !important;
  line-height: 100%;
  margin: 0px;
  font-weight: 800;
  font-family: "Ubuntu";
  text-align: center;
}

.slider-project-grid {
  margin-bottom: 60px;
}

.media-project-grid {
  grid-template-columns: 40% 40%;
  justify-content: space-between;
}

.clients-slider {
  display: block !important;
  margin: 0 !important;
}

.clients-slider .container {
  padding: 0;
}

.carta_yandex {
  margin-bottom: 120px;
}

@media (min-width: 768px) {
  .sale-static-block {
    display: flex;
    gap: 60px;
  }

  .custom-main-action .button-theme_secondary {
    display: none !important;
  }

  .sale-static-block div {
    width: 50%;
  }

  .main-action__text img {
    width: min-content;
    margin-bottom: auto;
  }

  .main-action__text {
    padding: 30px;
    justify-content: flex-end;
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .sale-static-block {
    margin-top: 20px;
  }

  .desc-img,
  .main-action__text img {
    display: none;
  }

  .main-action__image {
    background: #9a9a22;
  }

  .action-item,
  .main-action {
    height: 180px;
  }

  .main-action__text {
    width: 70%;
    margin-left: 20px;
    padding: 0;
    margin-top: 20px;
    gap: 20px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .custom-main-action .main-action__text {
    margin-top: 20px;
  }

  .main-action p {
    font-size: 15px;
  }
}

.b-multirows-row {
  margin-top: -15px !important;
}

@media (max-width: 1279px) {
  .video {
    height: 500px !important;
    width: 100%;
  }

  .media-project-column .medium-text {
    font-size: 20px !important;
}

.media-project-column .small-text {
    font-size: 13px !important;
    line-height: 120%;
}

.media-project-column .big-text {
    margin-bottom: 10px;
}
}

@media (max-width: 991px) {
  .sliderset-col {
    margin-top: 45px;
  }

  .text_kp_under {
    margin-left: 45px;
  }
}

@media (max-width: 840px) {
  .text_kp_under {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .info_kp5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    width: 27%;
  }

  .carta_yandex {
    margin-bottom: 40px;
}

  .main_text_form_kp2 {
    text-align: center;
  }

  .main_text_form_kp {
    text-align: center;
  }

  .form-group {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .video {
    height: 300px !important;
    width: 100%;
  }

  .banner_poselok {
    margin-top: 100px;
  }
}

@media (max-width: 473px) {
  .main_text_form_kp2 {
    text-align: center;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
  }
}

.sliderset-col.sliderset .slick-list {
  overflow: visible;
}

@media (min-width: 670px) and (max-width: 767px) {
  .sliderset-col.sliderset::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 100%;
    width: 10%;
    z-index: 10;
  }
}

@media (min-width: 620px) and (max-width: 669px) {
  .sliderset-col.sliderset::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 100%;
    width: 8%;
    z-index: 10;
  }
}

/* .overlay_active-mobile {
  display: none !important;
}
@media(max-width:767px) {
  .interactive-map_collapsed {
    height: 100% !important;
    overflow: visible !important;
  }
} */

.sliderset .slick-dots {
  bottom: -10%;
  left: 5%;
  top: auto;
  right: auto;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .col-banner_1-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .col-banner_1 {
    display: none;
  }

  .col-banner_1-mobile .d-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .col-banner_1-mobile .d-grid:first-child {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .info_2 {
    width: 100%;
  }
}

.about-frontpage_image {
  width: 100%;
}

@media (min-width: 768px) {
  @media (max-width: 1024px) {
  }
}

@media (max-width: 568px) {
  .about_banner .content-background-box__text-content {
    padding: 25px 20px 0px 20px;
  }

  .about_banner .content-background-box__background {
    background-color: #999933 !important;
  }
}

@media (min-width: 568px) {
  .about-frontpage_image {
    display: none;
  }
}

@media (max-width: 1279px) {
  .knopka_welcom1,
  .knopka_welcom1-two {
    margin-left: 19%;
  }
}

@media (max-width: 1053px) {
  .knopka_welcom1,
  .knopka_welcom1-two {
    margin-left: 15%;
  }
}

@media (max-width: 1023px) {
  .knopka_welcom1,
  .knopka_welcom1-two {
    margin-left: 0%;
  }
}

.mobile-ul {
  border-bottom: 0px solid #fff;
}

/* бронирование */

.booked {
  fill: #cc993390;
}

.home-new:hover,
.home-new_active {
  fill: #99993395;
}

.sold {
  fill: #99000095;
}

.bron-karta img {
  float: left;
  width: 20px;
  margin-right: 10px;
}

.bron-karta {
  margin-bottom: 20px;
  margin-top: 0px;
}

/* скидка блок */

.text-block-sale {
  padding: 32px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.text-block-sale h3 {
  color: white;
  font-size: 40px;
  max-width: 480px;
  line-height: 110%;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
  padding-left: 20px;
  font-family: "Ubuntu", "Inter";
}

.white-btn {
  background-color: white;
  color: #333;
  border-color: white;
  position: absolute;
  right: 0;
}

.white-btn:hover {
  background-color: #999933;
  color: #fff;
  border-color: #999933;
}

.texe_bavaria,
.about_banner {
  margin-bottom: 0;
}

.text-block-sale::before {
  content: "";
  width: 850px;
  height: 250px;
  position: absolute;
  background: url("/media/uploads/sale-back.webp") no-repeat;
  background-size: 100%;
  background-position: top center;
  mix-blend-mode: screen;
  top: 11px;
  right: -106px;
  opacity: 0.2;
}

.main-action__type--news span,
.action-item__type--news span {
  background: #999933;
}

.static-svo-block {
  background-color: #990000;
}

@media (max-width: 1279px) {
  .text-block-sale h3 {
    font-size: 30px;
  }

  .text-block-sale::before {
    width: 660px;
  }
}

@media (max-width: 767px) {
  .white-btn,
  .white-btn:hover {
    background-color: transparent;
    color: #ffffff;
    right: 0;
    border: none;
    padding: 0;
  }

  .static-svo-block {
    margin-bottom: 60px;
  }
}

@media (max-width: 575px) {
  .text-block-sale h3 {
    padding-left: 0px;
    font-size: 20px;
    max-width: 230px;
  }

  .text-block-sale {
    padding: 20px 0;
  }

  .text-block-sale::before {
    width: 390px;
    top: 6px;
    right: -39%;
    height: 100px;
  }

  .architector_text {
    padding-top: 10px !important;
  }
}

.media-button {
  transition: 0.2s;
}

.media-button#vk::before {
  content: "";
  background: url("/media/uploads/vk.svg") no-repeat;
  height: 30px;
  width: 30px;
  background-size: 100%;
  position: absolute;
  background-position: center center;
  transition: 0.2s;
}

.media-button#vk:hover::before {
  background: url("/media/uploads/vk-hover.svg") no-repeat;
  background-size: 100%;
  background-position: center center;
}

.messenger-block {
  position: absolute;
  right: 378px;
  top: 23px;
  gap: 4px;
  display: flex;
  flex-direction: column;
}

.custom-header-media .container {
  position: relative;
}

.catalog__links-block a:is(:hover, :focus-visible, .active) {
  background: #999933;
  border-color: #999933;
}

.catalog__links-block {
  margin-bottom: 0;
}

.product-card-slideshow__dot {
  width: 6px;
  height: 6px;
}

.product-card-slideshow__dots {
  bottom: 0px;
}

.product-card-slideshow__dot_active {
  background-color: #999933;
}

.product-card-v2__image .image img {
  object-fit: cover;
}

.product-card-v2__image {
  aspect-ratio: 1.5 / 1;
  height: auto;
}

.form-text,
.checkbox span,
section.feedback-form .form-text,
.footer-content-cookie,
.developer-link a,
.footer-content__column a,
.footer-bottom .copy {
  color: #b2b2b2;
  line-height: 120%;
  font-size: 12px;
  opacity: 1;
}

.checkbox span {
  padding-left: 0px;
}

.form-close,
.conditional-section:first-child:not(.conditional-section_bg):not(
    .home-banner
  ) {
  display: none;
}

.fancybox-close-small svg {
  display: block;
}

.fancybox-slide--html .fancybox-close-small {
  background: #e4e4e4;
  border-radius: 2px;
}

.form-group.privacy-policy
  .checkbox
  [type="checkbox"]:not(:checked)
  + label:before,
.checkbox [type="checkbox"]:checked + label:before,
.form-group.privacy-policy
  .checkbox
  [type="checkbox"]:not(:checked)
  + label:after,
.checkbox [type="checkbox"]:checked + label:after {
  top: 0px;
}

.form-control::placeholder,
.content-name:not(
    .form-control:valid + .label-name .content-name,
    .form-control:focus + .label-name .content-name
  ) {
  font-family: Inter !important;
  font-size: 14px !important;
}

.fancybox-button svg path {
  fill: rgb(0 0 0);
}

.catalog__links-block a {
  border-radius: 10px;
  height: 48px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-page .h1,
.inner-page h1,
h2,
h3,
h4,
h1 {
  line-height: 120%;
}

.section .text-page {
  margin-left: 0;
}

.text-page ul li,
.o-product-tab ul li {
  color: #333;
}

.contacts-block__info {
  padding: 0px;
  width: 100%;
}

.contacts-block__title:not(.custom-contacts-grid .contacts-block__title),
.contacts-block__title-red.address-data:not(
    .custom-contacts-grid .contacts-block__title-red.address-data
  ),
.contact-line:not(.custom-contacts-grid .contact-line) {
  display: none;
}

.footer-social span {
  opacity: 1;
}

.mobile-ul li a .icon {
  color: #999933;
}

.mobile-menu {
  background: #ffffff;
}

.mobile-ul {
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
}

.mobile-ul li .submenu li a:hover {
  background: transparent;
  color: #999933;
}

.burger,
.burger::before,
.burger::after {
  background-color: #999933;
  width: 24px;
}

.burger-menu {
  width: 24px;
}

.mobile-menu {
  padding: 20px 16px;
}

.for_clients_page .content-background-box__text-content {
  padding: 0;
}

.for_clients_page .content-background-box__text-content a {
  width: 100%;
  height: 170px !important;
  padding: 20px;
  color: white;
  font-family: "Ubuntu";
  opacity: 1;
  filter: none;
  background-size: cover;
  background-position: center center;
  font-weight: 600;
}

.for_clients_page {
  margin-bottom: 20px;
}

.content-background-box__container {
  min-height: 0;
}

.for_clients_page .mb-25 {
  display: none;
}

.for_clients_page .b-multirows-row {
  gap: 10px !important;
}

.offer-block {
  position: relative;
  height: 698px;
  margin: 0;
}

.offer-block img {
  max-width: max-content;
  left: calc(50% - 1250px);
  top: 0;
}

.offer-block .container {
  max-width: 100%;
  padding: 0;
}

.offer-post-block {
  background: #ededed;
  padding-bottom: 270px;
  border-bottom: 20px solid #dedede;
  position: relative;
  margin: 0;
}

.offer-post-block .post-offer {
  margin-top: -130px;
  position: absolute;
  /*left: calc(50% - 360px);*/
  left: calc(50% - 324px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-text {
  max-width: 90%;
  margin-bottom: 15px;
  margin-top: -20px;
}

.big-text {
  font-size: 100px !important;
  font-weight: 800;
  font-family: "Ubuntu";
  color: #999933;
  cursor: default;
}

.buttons-line {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding-top: 60px;
}

.buttons-line.contact-button {
  justify-content: flex-start;
  padding-top: 0px;
}

.media-btn .hover-img,
.media-btn:hover .default-img {
  display: none;
}

.media-btn:hover .hover-img {
  display: block;
}

.media-btn img {
  width: 35px;
}

.offer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #c5c5c5;
  color: #333;
  width: 200px;
  font-size: 14px;
  transition: 0.3s;
}

.offer-btn.active {
  width: 300px;
  background: #990000;
  border: 1px solid #990000;
  color: #fff;
}

.offer-btn:hover {
  background: #999933;
  border: 1px solid #999933;
  color: #fff;
  transition: 0.3s;
}

.frontpage header .logo {
  display: none;
}

.main-menu {
  margin-left: 0;
}

.btn-border.callme-button {
  padding: 12px 20px;
}

.main-menu a {
  color: #333 !important;
  font-family: Inter !important;
  opacity: 1;
}

.main-menu li {
  margin-right: 30px;
}

.main-menu a:hover {
  color: #999933 !important;
  text-decoration: none;
}

/* нижнее меню */

.bottom-mobile-menu-button__text {
  font-size: 11px;
  color: #333;
}

.bottom-mobile-menu-button__inner {
  justify-content: flex-start;
  gap: 8px;
  width: 80px;
}

.bottom-mobile-menu__row {
  padding: 0 30px;
  padding-top: 15px;
}

.bottom-mobile-menu-button__icon {
  width: 25px;
}

.bottom-mobile-menu__content {
  height: 90px;
  clip-path: polygon(50% 0%, 100% 34%, 100% 100%, 0% 100%, 0% 34%);
  background: white;
}

.bottom-mobile-menu::before {
  content: "";
  z-index: -1;
  background: #dedede;
  width: 100%;
  top: -14px;
  left: 0;
  height: 90px;
  clip-path: polygon(50% 0%, 100% 34%, 100% 100%, 0% 100%, 0% 34%);
  position: absolute;
}

.bottom-mobile-menu-button_background .bottom-mobile-menu-button__inner,
.bottom-mobile-menu,
.bottom-mobile-menu-button_background:hover .bottom-mobile-menu-button__inner {
  background-color: transparent;
}

.bottom-mobile-menu-button:hover .bottom-mobile-menu-button__text {
  color: #999933;
}

@media (max-width: 1279px) {
  .messenger-block {
    right: 220px;
    top: 26px;
  }
}

@media (min-width: 992px) {
  .frontpage header {
    background: transparent;
  }

  .frontpage main {
    margin-top: 0px;
  }

  .main-banner-background {
    top: -90px;
  }

  .static_text_1 {
    margin-top: -90px;
  }

  .main_static {
    margin-bottom: 0;
  }

  header.fixed {
    position: fixed !important;
    height: 80px;
    background: white;
    transform: translateY(100%);
    transition: transform 0.5s;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
    top: -80px;
  }

  header {
    position: fixed;
  }

  .fixed::after {
    display: none;
  }

  header.fixed .logo {
    display: block;
  }

  header .logo {
    position: absolute;
    left: calc(50% - 117px);
  }
}

@media (max-width: 991px) {
  .custom-header-media {
    display: none;
  }

  .frontpage header .logo {
    display: block;
  }

  .offer-block {
    margin-top: -120px;
  }
}

@media (max-width: 767px) {
  .catalog__links-block a {
    height: 40px;
  }

  .catalog-container:last-child {
    margin-bottom: 40px;
  }

  .contacts-block__info {
    padding: 0px;
  }

  .main_text_h4,
  .main_text_h4_2 {
    margin-top: 23px;
  }

  .static_text_button {
    margin-bottom: 0;
  }

  .form_banner {
    padding-top: 0 !important;
  }

  .static_text_button2 {
    padding-top: 0px !important;
  }

  .product-card__navigation,
  .product-card__artikul,
  .product-card-bottom__artikul {
    display: none;
  }

  .product-card__head,
  .product-card__container {
    padding: 0;
  }

  #sync1.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0;
  }

  #sync1.owl-theme .owl-dots {
    gap: 5px;
  }

  .product-card__right {
    width: 100% !important;
  }

  .tab-content {
    padding: 20px 0;
  }

  .product-card__right {
    margin: 0;
  }

  .tab_drawer_heading {
    padding: 0;
    background: transparent;
  }

  .product-card__title {
    margin-bottom: 20px;
  }

  .st-button__title {
    font-size: 14px;
  }

  .offer-block {
    margin-top: -160px;
  }

  .buttons-line {
    flex-direction: column;
  }

  .buttons-line.contact-button {
    flex-direction: row;
  }

  .offer-post-block .post-offer {
    left: 0;
    width: 100%;
  }

  .big-text {
    font-size: 80px !important;
  }

  .offer-post-block {
    padding-bottom: 360px;
  }

  .offer-btn {
    width: 300px;
  }

  .custom-text {
    max-width: 80% !important;
  }
}

@media (max-width: 575px) {
  .main_text_h2_2-two,
  .main_text_h2-two {
    margin-bottom: 0;
  }

  .main_static .row {
    padding-top: 10px;
  }

  .main_banner2 {
    max-width: 100%;
    margin-top: 20px;
  }

  .main_banner2 a {
    width: 100% !important;
    margin: 0;
    height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main_text_h2_2-two,
  .main_text_h2-two {
    margin-top: 0px !important;
  }

  .main_text_h2,
  .main_text_h2_2 {
    margin-top: 6px;
  }

  .offer-btn,
  .buttons-line,
  .offer-btn.active {
    width: 100%;
  }

  .offer-post-block .post-offer {
    padding: 0px 16px;
  }

  .big-text {
    font-size: 11.5vw !important;
    white-space: nowrap;
  }

  .buttons-line {
    padding-top: 9vw;
  }

  .photo_text1 {
    margin-bottom: 6vw !important;
    margin-top: -2vw;
  }

  .offer-post-block .post-offer {
    margin-top: -120px;
  }

  .offer-post-block {
    padding-bottom: 85%;
  }

  .offer-block {
    height: 588px;
  }

  .offer-block img {
    max-width: 2000px;
    left: calc(50% - 1000px);
    top: 30px;
    height: auto;
  }
}

.custom-slider-rew {
  height: 360px;
  border: 1px solid #b1acac;
  padding: 30px;
  border-radius: 5px;
}

.rew-btn {
  border: 1px solid #b1acac;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  gap: 7px;
  justify-content: center;
}

.rew-btn-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.custom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rew-btn-ya::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("/media/uploads/icons/yandex-map.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left center;
}

.rew-btn-gis::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("/media/uploads/icons/2gis.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left center;
}

.reviews-slider .content-background-box__text-content {
  padding: 0;
}

.rew-btn-gis:hover {
  background: #990000;
  border-color: #990000;
}

.fivestar-widget {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  padding-bottom: 30px;
}

.star.on {
  background: url("/media/uploads/icons/star-on.svg") no-repeat;
  background-position: center center;
  background-size: 100%;
}
/*
.conditional-section_bg>img {
    position: absolute;
    width: 111%;
    height: 110%;
    display: block;
    top: 0;
    left: -6vw;
    object-fit: cover;
    pointer-events: none;
}

@media (max-width: 1799px) {
.form_banner.conditional-section_bg>img {
    right: -17%;
}
}

@media (min-width: 992px) {
.form_banner.conditional-section_bg>img {
    width: 141%;
    height: 100%;
    top: auto;
    bottom: 0;
    left: auto;
    right: -14%;
}
}

@media (min-width: 1800px) {
.form_banner.conditional-section_bg>img {
    width: 120%;
    top: 0;
    left: -13%;
    right: auto;
}
}

@media (max-width: 1279px) {
.custom-slider-rew {
    height: 450px;
}

.form_banner p {
  display: none;
}
}
*/

.product-card-container {
  flex-wrap: nowrap;
  flex-direction: row;
}

.post-offer .photo_text1.custom-text {
  width: 400px;
}

.product-card__left {
  min-width: 0;
}

.plus-ul li {
  display: flex;
  cursor: default;
  gap: 10px;
  align-items: center;
  flex-direction: row;
  margin-bottom: 8px !important;
}

.plus-ul li img {
  width: 18px;
  margin: 0;
  flex-shrink: 0;
}

.product-card__container {
  padding: 20px 0px;
  gap: 50px;
}

/* проекты */

.custom-projects-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 15px;
}

.project-item {
  display: flex;
  gap: 15px;
  flex-direction: column;
  transition: 0.2s linear;
}

.project-item:hover .img-block img {
  transform: scale(1.1);
  transition: 0.2s linear;
}

.project-item .img-block {
  overflow: hidden;
  aspect-ratio: 1.5/1;
  width: 100%;
  display: flex;
  align-items: center;
}

.project-item .img-block img {
  object-fit: cover;
  height: auto;
  margin: 0;
  transition: 0.2s linear;
}

.text_banner {
  padding-top: 80px;
}

.product-card-v2__content {
  display: grid;
  gap: 30px;
  grid-template-columns: 61% 33%;
  flex-direction: row;
  align-items: center;
}

/* клиентам */

.custom-clients-block {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(4, 1fr);
}

.custom-clents-item {
  position: relative;
  aspect-ratio: 0.87;
  transition: 0.2s;
  width: 100%;
  background: #999933
    url("/media/uploads/clients/tree-clients.svg") no-repeat;
  background-position: right top;
  background-size: cover;
}

.custom-clents-item .zagolovok-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 35px;
  gap: 10px;
}

.zagolovok-block h3 {
  color: white;
  font-size: 20px;
}

.custom-clents-item h3 {
  cursor: pointer !important;
}

.video-blog {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.video-row {
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.video-item {
    display: flex;
    gap: 15px;
    flex-direction: column;
    position: relative;
}
/*
.video-item::before {
    content: "";
    background: #ededed;
    width: calc(100% + 20px);
    height: calc(100% + 40px);
    top: -10px;
    left: -10px;
    z-index: 0;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0%, 100.00% 90%, 50% 100%, 0.00% 90%);
}
*/
.video-item p {
    z-index: 1;
}

.video-horizontal {
    flex-grow: 1;
}

.video-horizontal iframe {
    height: 326px;
    width: 100%;
    z-index: 1;
}

.video-vertical iframe {
    aspect-ratio: 0.56;
    height: 326px;
    width: auto;
    z-index: 1;
}

.custom-clents-item .img-block {
  position: absolute;
  bottom: 0;
}

.custom-clents-item .img-block div {
  clip-path: polygon(50% 0%, 100% 34%, 100% 100%, 0% 100%, 0% 34%);
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.custom-clents-item .img-block::after {
  content: "";
  clip-path: polygon(50% 0%, 100% 34%, 100% 100%, 0% 100%, 0% 34%);
  width: 100%;
  height: 100%;
  top: -11px;
  background: #afaf45;
  z-index: 1;
  position: absolute;
  transition: 0.2s;
}

.custom-clents-item:hover {
  transition: 0.2s;
  background: #f5f5f5
    url("/media/uploads/clients/tree-clients.svg") no-repeat;
  background-position: right top;
  background-size: cover;
}

.custom-clents-item:hover .zagolovok-block h3 {
  transition: 0.2s;
  color: #333;
  transition: 0.2s;
}

.custom-clents-item .img-block img {
  transition: 0.2s;
  filter: grayscale(100%);
}

.custom-clents-item:hover .img-block img {
  filter: none;
  transform: scale(1.1);
  transition: 0.2s;
}

.custom-clents-item:hover .img-block::after {
  background: #dedede;
  transition: 0.2s;
}

.static-place {
  background: url("/media/uploads/back-place.webp") no-repeat;
  background-position: center bottom;
  background-size: 2500px;
  margin-top: 100px;
  margin-bottom: 0;
  height: 650px;
}

.static-place .container {
  height: 100%;
}

.custom-place-block {
  background: white;
  height: 100%;
  width: 400px;
  padding: 30px;
}

.custom-place-block h3 {
  font-size: 40px;
  line-height: 35px;
  font-weight: normal;
  color: #7d7d7d;
  text-transform: uppercase;
}

.custom-place-block p {
  color: #7d7d7d;
}

.product-card-v2__title {
  margin-bottom: 0;
}

.section {
  padding: 40px 0 0;
}

.about-text {
  display: flex;
  gap: 60px;
  margin-bottom: 40px;
}

.about-text .text-block {
  width: 70%;
}

.about-text .img-block {
  width: 30%;
}

.about-text .img-block iframe {
  aspect-ratio: 1.13 / 2;
}

.reviews-info {
  max-width: 560px;
  margin-bottom: 30px;
}

.reviews-block-static,
.custom-contacts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.gray-contacts {
  padding: 40px;
  background-color: #f3f3f3;
}

.custom-contacts-columns:last-child .buttons-line {
  padding-top: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.custom-contacts-columns .offer-btn.active,
.custom-contacts-columns .offer-btn {
  width: auto;
  padding: 0 25px;
}

.custom-contacts-columns .offer-btn.active {
  flex-grow: 1;
}

.photos-contacts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.photos-contacts img {
  width: 100%;
  margin: 0;
}

#sync2 .item img {
    object-fit: cover;
}

.static_kp21 .knopka_kp {
  margin-top: 40px;
      display: flex;
    width: max-content;
}

.prev-page-block {
    margin-top: -80px;
    z-index: 4;
}

.prev-page {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.prev-item {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  background: white;
  overflow: hidden;
  padding: 25px;
  border: 1px solid #DEDEDE;
}

.prev-item img {
  margin: 0;
  width: 70px;
}

.prev-item p {
  font-size: 14px;
  color: #333;
  text-align: center;
  cursor: pointer;
  margin: 0;
}

.prev-item.grey-prev {
  background: #F3F3F3;
}

.prev-item.red-prev {
  background: #990000;
  position: relative;
  display: block;
    padding: 20px;
    border: none;
}

.prev-item.red-prev img {
z-index: 1;
    position: absolute;
    opacity: 0.2;
    mix-blend-mode: screen;
    width: 470px;
    max-width: none;
    left: -35%;
    top: 29%;
}

.prev-item.red-prev p, .prev-item.red-prev span {
  color: white;
  position: relative;
  z-index: 2;
  text-align: left;
  font-family: 'Ubuntu','Inter';
  text-transform: uppercase;
}

.prev-item.red-prev span {
  font-size: 21px;
  font-weight: 900;
}

.prev-item.red-prev p {
  font-size: 16px;
  font-weight: 700;
}

.gallery-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}

.gallery-photo {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 30px;
}

@media (max-width: 2000px) {
  .static-place {
    background-size: 2000px;
    height: 520px;
  }

  .custom-place-block p {
    display: none;
  }
}

@media (max-width: 1279px) {
  .static-place {
    background-size: 1850px;
    height: 480px;
  }

  .custom-clients-block {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-card-v2__content {
    gap: 20px;
    grid-template-columns: 50% 44%;
  }

  .st-button_muted {
    padding: 0 5px;
  }

  .st-button__title {
    text-align: center;
  }

  .big-project {
    font-size: 80px;
  }

  .video-project-grid {
    grid-template-columns: 49% 24% 24%;
  }

  .video-project-item:last-child {
    display: none;
  }

  .media-project-column .big-text {
    font-size: 40px !important;
  }

  .prev-page-block {
    margin-top: -40px;
}

.prev-item img {
    width: 60px;
}

.prev-item {
    gap: 15px;
}

.prev-item.red-prev img {
    left: -75%;
}

.prev-item.red-prev span {
    font-size: 19px;
}
}

@media (max-width: 991px) {
  .product-card__container,
  .product-card-container {
    gap: 20px;
  }

  .media-project-column .big-text {
    font-size: 4vw !important;
  }

  .media-project-grid {
    grid-template-columns: 48% 48%;
  }

      .prev-item {
        aspect-ratio: 1 / 1.1;
    }

    .prev-page {
    grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 767px) {
      .video-row {
        flex-wrap: wrap;
        gap: 10px;
    }

        .video-blog {
        gap: 10px;
    }

        .video-item {
        width: calc(50% - 5px);
    }

        .video-horizontal iframe {
        width: 100%;
        aspect-ratio: 1.8 / 1;
        height: auto;
    }

        .video-horizontal {
        flex: auto !important;
        width: 100%;
    }

    .video-item p {
        margin-inline: 0;
    }

  .gallery-block {
    grid-template-columns: 100%;
    gap: 30px;
}

.gallery-photo {
    grid-template-columns: repeat(3, 1fr);
}

  .prev-page {
    grid-template-columns: repeat(2, 1fr);
}

    .prev-item {
        gap: 20px;
    }

  .big-project {
    font-size: 8vw;
  }

  .desc-project-grid {
    gap: 20px;
    grid-template-columns: 100%;
  }

  .media-project-grid {
    grid-template-columns: 100%;
  }

  .product-card-v2__content {
    align-items: end;
  }

  .product-card-v2__title {
    line-height: 120%;
  }

  .product-card-v2__content-bottom {
    width: 50%;
  }

  .map_img1 {
    width: 100%;
    margin-top: -330px;
    left: 0;
  }

  .poselok-map {
    height: 400px !important;
  }

  .reviews-block-static {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }

  .product-card-v2__content {
    gap: 10px;
    grid-template-columns: 100%;
  }

  .custom-projects-block,
  .custom-clients-block {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .about-text {
    gap: 30px;
    flex-direction: column-reverse;
  }

  .footer-first-column .mobile-show iframe {
    display: none !important;
  }

  .about-text .text-block,
  .about-text .img-block {
    width: 100%;
  }

  .custom-place-block h3 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .custom-place-block {
    padding: 20px;
    width: 100%;
  }

  .static-place {
    height: 490px;
    margin-top: 30px;
  }

  .custom-clents-item .img-block::after {
    top: -7px;
  }

  .custom-clents-item {
    aspect-ratio: 0.79;
  }

  .zagolovok-block img {
    width: 24px;
  }

  .custom-clents-item .zagolovok-block {
    margin-top: 12%;
    gap: 5px;
  }

  .zagolovok-block h3 {
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
  }

  .custom-slider-rew {
    height: 380px;
  }

  .about-frontpage {
    padding-left: 0;
    width: 100%;
  }

  .product-card-container .product-card-content,
  .product-card-container .product-card-side {
    width: 100%;
  }

  .product-card-container {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .post-offer .photo_text1.custom-text {
    width: auto;
  }

  .frontpage header .logo {
    width: 190px;
  }

  .contacts-block {
    gap: 0;
  }

  .reviews-slider .slick-dots {
    bottom: auto;
    left: 0;
    top: -10px;
  }

  .text_banner .info_22 {
    padding-bottom: 15px;
  }

  .breadcrumbs {
    line-height: 120%;
    gap: 5px 0;
  }

  .text_banner {
    padding-top: 40px;
  }

  .reviews-block-static,
  .custom-contacts-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .contacts-block {
    gap: 20px !important;
  }

  .gray-contacts {
    padding: 20px;
  }

  .custom-contacts-columns .offer-btn.active,
  .custom-contacts-columns .offer-btn {
    width: 300px;
  }

  section.feedback-form .h2 {
    padding-bottom: 0;
  }

  .slider-project-grid {
    margin-bottom: 30px;
  }

  .slick-dots li:before {
    display: none !important;
  }

  .slick-dots li {
    padding: 0 !important;
    margin: 0 !important;
  }

  .slider-project-grid .slick-dots {
    bottom: 98px;
    left: auto;
    right: 0;
    gap: 6px;
    width: min-content;
  }

  .media-project-column .big-text {
    font-size: 40px !important;
    margin-bottom: 6px;
  }

  .project-grid {
    margin-bottom: 20px;
  }

  .slick-dots button {
    width: 8px;
    height: 8px;
}

.inner-page .static_text_button2 {
  padding-bottom: 40px !important;
}

.video-project-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.static_kp21 .knopka_kp {
  display: none;
}

.video-project-item {
    width: 48%;
}

.video-project-item iframe:first-child {
    aspect-ratio: 1.9 / 1;
}

.video-project-item iframe:not(.video-project-item:first-child iframe) {
    aspect-ratio: 1 / 2.2;
}

.video-project-item:first-child {
    width: 100%;
}

.main-map {
  left: -306.85px;
}
}

@media (max-width: 575px) {
  .about-frontpage {
    margin: 0;
  }

  .slider-constructor {
    padding-top: 0;
  }

  .custom-contacts-columns .offer-btn.active,
  .custom-contacts-columns .offer-btn {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .main-map {
    left: -500px;
  }
}

.overlay_active-mobile,
.overlay_active-desctop {
  display: none !important;
}

.interactive-map_collapsed {
  height: auto !important;
}

#tippy-57 {
  visibility: visible;
}

/* End */


/* Start:/external/static.stroyker.pro/ccdk/custom-colors.css?17875950694050*/
:root {

    --custom-font-family: Ubuntu;
    
    
    
    
    --color-main-dropdown-menu-bg: #083305;
    
    
    --color-main-dropdown-menu-text: #FFFFFF;
    
    
    --inner-page-bg: #FFFFFF;
    
    
    
    
    --color-button-primary-text: #FFFFFF;
    --color-button-primary-background: #999933;
    --color-button-primary-border: #999933;
    --color-button-primary-text-hover: #FFFFFF;
    --color-button-primary-background-hover: #990000;
    --color-button-primary-border-hover: #990000;
    --color-button-secondary-text: #FFFFFF;
    --color-button-secondary-background: #999933;
    --color-button-secondary-border: #999933;
    --color-button-secondary-text-hover: #FFFFFF;
    --color-button-secondary-background-hover: #990000;
    --color-button-secondary-border-hover: #990000;
    --color-button-muted-text: #FFFFFF;
    --color-button-muted-background: #767676;
    --color-button-muted-border: #767676;
    --color-button-muted-text-hover: #FFFFFF;
    --color-button-muted-background-hover: #818181;
    --color-button-muted-border-hover: #818181;
    --color-button-callme-text: #FFFFFF;
    --color-button-callme-background: #990000;
    --color-button-callme-border: #990000;
    --color-button-callme-text-hover: #FFFFFF;
    --color-button-callme-background-hover: #999933;
    --color-button-callme-border-hover: #999933;
    --color-button-cart-text: #FFFFFF;
    --color-button-cart-background: #999933;
    --color-button-cart-border: #999933;
    --color-button-cart-text-hover: #FFFFFF;
    --color-button-cart-background-hover: #990000;
    --color-button-cart-border-hover: #990000;
    
    
    --main-elements-color: #999933;
    
    
    --main-elements-hover-color: #990000;
    
    
    
    
    
    
    
    --header-bg-color: #87B5FF;
    
    
    
    
    --preview-font-color: #000000;
    
    
    --preview-bg-hover-color : #999933;
    
    
    
    
    
    
    --news-label-bg-color: #990000;
    
    
    --news-label-font-color: #FFFFFF;
    
    
    --action-label-bg-color: #990000;
    
    
    
    
    
    --search-field-btn-color: #999933;
    
    
    
    
    
    
    --catalog-menu-button_bg: #3FFFFF;
    
    
    --catalog-menu-bg-color: #999933;
    
    
    
    --catalog-menu-border-color: #999933;
    
    
    --catalog-menu-font-color: #FFFFFF;
    
    
    --catalog-menu-font-hover-color: #063304;
    
    
    --catalog-menu-burger-color: #FFFFFF;
    
    
    --catalog-menu-link-hover: #990000;
    
    
    
    
    
    
    
    
    --action-label-font-color: #FFFFFF;
    
    
    
    
    --header-top-icon-color: #242424;
    
    
    
    --header-top-phone-font-color: #999933;
    
    
    --header-top-menu-font-color: #242424;
    
    
    --header-top-menu-font-hover-color: #990000;
    
    
    --catalog-menu-arrow-color: #999933;
    
    
    
    
    --category-menu-font-highlight-color: #990000;
    
    
    --category-menu-underline-highlight-color: #990000;
    
    
    
    
    
    
    
    
    
    
    
    --breadcrumb-item-color: #999933;
    
    
    --breadcrumb-item-hover-color: #990000;
    
    
    
    
    --product-list-header-link-color: #999933;
    
    
    --product-list-header-link-hover-color: #990000;
    
    
    
    --product-tab-link-color: #999933;
    
    
    --product-tab-link-hover-color: #990000;
    
    
    --color-card-border: #FFFFFF;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --color-fixedbtn: #FFFFFF;
    
    
    --color-bg-fixedbtn: #999933;
    
    
    
    --color-product-online-price: #999933;
    
    
    
    
    --footer-bg-color: #990000;
    
    
    
    --color-footer-links-hover: #ffffff;
    
    
    --color-footer-title: #FFFFFF;
    
}
/* End */


/* Start:/external/static.stroyker.pro/ccdk/custom-style-two.css?17875950691249*/
@media(min-width: 575px) {
    .image-block {
    display: none;
    }
    .preimushestva {
      display: none;
    }
    }
    
    @media(max-width: 575px) {
      .image-block {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: auto;
        margin-top: auto;
        width: 50%;
      }
      .preimushestva {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 30px !important;
      }
      }

.product-card__content .btn {
  padding: 12px 0px !important;
  width: 100%;
}
.button-theme_secondary {
    background-color: #990000!important;
    border-color: #990000!important;
}

.contacts-block {
    border: none;
    gap: 40px;
    border-radius: 0px;
    flex-direction: column;
}

.contacts-block__map, .affiliate-network .map {
    overflow: hidden;
    height: 500px;
    width: 100% !important;
}

  @media(max-width: 365px) {
  .product-card__right {
    margin-left: 0px;
    width: 283px;
}
  }
/* End */


/* Start:/media/staticpages/custom/files/app.min_Y2XcGs9.css?178759510512363*/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;-webkit-transition-property:visibility,opacity,-webkit-transform;transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;-webkit-transform-origin:center left;-ms-transform-origin:center left;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;-webkit-transform-origin:center right;-ms-transform-origin:center right;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{-webkit-transition-timing-function:cubic-bezier(.54,1.5,.38,1.11);transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.empty-block{height:300px}.tippy-box{background:none}.tippy-arrow{color:transparent}.tooltip-text{background:rgba(35,35,35,.57);border-radius:5px 0 0 5px;color:#fff;font-size:16px!important;line-height:19px!important;padding:6px 26px!important}.interactive-map{position:relative}.interactive-map_collapsed{height:43vh;overflow:hidden}.interactive-map_collapsed:after{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.interactive-map p{margin:0;padding:0}.main-map{aspect-ratio:2550/1557;background-image:url("/media/uploads/map_main.jpg");height:auto;width:100%}.home-card,.main-map{background-position:50%;background-size:cover;position:relative}.home-card{background-image:url("/media/uploads/vector.svg");height:400px;padding:16px;width:304px}.home-card *{margin:0;padding:0}.home-card__img{aspect-ratio:265/183;margin-bottom:28px;-o-object-fit:cover;object-fit:cover;width:100%}.home-card__row{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.home-card__row_top{margin-bottom:13px}.home-card__row_price{margin-bottom:9px}.home-card__title{color:#333;font-size:18px;font-weight:700;line-height:19px}.home-card__button{background:#993;border-radius:5px;color:#fff;font-size:12px;line-height:13px;padding:5px 12px;text-decoration:none}.home-card__name,.home-card__value{color:#333;font-size:14px;line-height:14px}.home-card__value{font-weight:700}.home-card__stock-badge{background:#900;color:#fff;font-size:14px;font-weight:400;left:16px;line-height:16px;padding:6px 32px;position:absolute;top:16px}.overlay{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(48,48,48,.59);display:none;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;padding-bottom:50px;position:absolute;width:100%;z-index:3}.overlay__icon{height:88px;width:92px}.overlay__text{color:#fff;font-size:20px;font-weight:700;line-height:29px;margin-top:21px;max-width:311px;text-align:center}.overlay_active-desctop{display:-webkit-box;display:-ms-flexbox;display:flex}.overlay:not(.overlay_active){display:none!important}.map-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ededed;border:7px solid #dedede;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:130px;position:relative;z-index:3}.map-bottom__triangle{background:#dedede;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:70px;position:absolute;top:-69px;width:700px}.map-bottom__triangle:after{background-color:#ededed;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";display:block;height:100%;position:absolute;top:7px;width:100%}.map-bottom__logo{margin:0 auto;width:104px}.map-bottom__logo,.map-bottom__text{display:block;height:auto;position:relative;z-index:1}.map-bottom__text{margin:35px auto 0;width:450px}.map-bottom__name{display:block;height:auto;margin:0 auto;position:relative;width:1151px;z-index:1}@media (max-width:1200px){.map-bottom{padding-bottom:61px}.map-bottom__logo{width:49px}.map-bottom__text{width:211px}.map-bottom__name{width:541px}.map-bottom__triangle{height:50px;top:-49px;width:500px}.home-card{height:211px;width:160px}.home-card__img{aspect-ratio:265/183;margin-bottom:7px;-o-object-fit:cover;object-fit:cover;width:100%}.home-card__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.home-card__row_top{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-bottom:7px;margin-top:-30px}.home-card__row_price{margin-bottom:11px}.home-card__title{font-size:13px}.home-card__button{font-size:10px;line-height:12px}.home-card__name{font-size:10px;line-height:10px}.home-card__value{font-size:11px;line-height:11px}.home-card__stock-badge{font-size:9px;padding:3px 17px}.main-map{min-width:1200px}.overlay_active-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}.overlay_active-desctop{display:none}.tooltip-text{font-size:10px!important;line-height:12px!important}}@media (max-width:767px){.map-bottom__name{margin-top:8px;width:70.53%}.map-bottom__triangle{height:32px;top:-31px;width:320px}}
.home{aspect-ratio:74/62;background-color:none;cursor:pointer;position:absolute;-webkit-transition:.3s;transition:.3s;width:3.85%}.home:hover,.home_active{background-color:rgba(153,0,0,.722)}.home_1{left:11.8%;top:3.3%}.home_2{left:16%;top:3.3%}.home_3{left:20.2%;top:3.3%}.home_4{left:24.4%;top:3.3%}.home_5{left:31.6%;top:3.3%}.home_6{left:35.8%;top:3.18%}.home_7{left:40%;top:3.18%}.home_8{left:44.2%;top:3.18%}.home_9{left:52.4%;top:3.1%}.home_10{left:56.6%;top:3%}.home_11{left:60.8%;top:3%}.home_12{left:65%;top:3%}.home_13{left:72.2%;top:2.9%}.home_14{left:76.4%;top:2.9%}.home_15{left:80.6%;top:2.9%}.home_16{left:84.8%;top:2.9%}.home_17{left:89%;top:2.9%}.home_18{left:10.7%;top:11%}.home_19{left:14.9%;top:11%}.home_20{left:19.1%;top:11%}.home_21{left:23.3%;top:11%}.home_22{left:30.6%;top:11%}.home_23{left:34.8%;top:11%}.home_24{left:39%;top:11%}.home_25{left:43.2%;top:11%}.home_26{left:51.2%;top:11%}.home_27{left:55.4%;top:10.9%}.home_28{left:59.6%;top:10.9%}.home_29{left:63.8%;top:10.9%}.home_30{left:71%;top:10.8%}.home_31{left:75.2%;top:10.7%}.home_32{left:79.4%;top:10.7%}.home_33{left:83.6%;top:10.7%}.home_34{left:90.4%;top:10.7%}.home_35{left:11.3%;top:19.2%}.home_36{left:15.5%;top:19.2%}.home_37{left:19.7%;top:19.2%}.home_38{left:23.9%;top:19.2%}.home_39{left:31.1%;top:19.2%}.home_40{left:35.3%;top:19.2%}.home_41{left:39.5%;top:19.2%}.home_42{left:43.7%;top:19.2%}.home_43{left:50.8%;top:19.1%}.home_44{left:55%;top:19.1%}.home_45{left:59.2%;top:19%}.home_46{left:63.4%;top:19%}.home_47{left:70.5%;top:19%}.home_48{left:74.7%;top:19%}.home_49{left:78.9%;top:19%}.home_50{left:83.1%;top:19%}.home_51{left:90.1%;top:19%}.home_52{left:10.7%;top:27%}.home_53{left:14.9%;top:27%}.home_54{left:19.1%;top:27%}.home_55{left:23.3%;top:27%}.home_56{left:30.6%;top:27%}.home_57{left:34.8%;top:27%}.home_58{left:39%;top:27%}.home_59{left:43.2%;top:27%}.home_60{left:51.2%;top:26.9%}.home_61{left:55.4%;top:26.9%}.home_62{left:59.6%;top:26.8%}.home_63{left:63.8%;top:26.8%}.home_64{left:71%;top:26.8%}.home_65{left:75.2%;top:26.8%}.home_66{left:79.4%;top:26.8%}.home_67{left:83.6%;top:26.8%}.home_68{left:89.6%;top:26.8%}.home_69{left:11.3%;top:34%}.home_70{left:15.5%;top:34%}.home_71{left:19.7%;top:34.1%}.home_72{left:23.9%;top:34.1%}.home_73{left:31.1%;top:34.2%}.home_74{left:35.3%;top:34.2%}.home_75{left:39.5%;top:34.3%}.home_76{left:43.7%;top:34.3%}.home_77{left:10.7%;top:41.9%}.home_78{left:14.9%;top:41.9%}.home_79{left:19.1%;top:41.9%}.home_80{left:23.3%;top:41.9%}.home_81{left:30.6%;top:42%}.home_82{left:34.8%;top:42%}.home_83{left:39%;top:42%}.home_84{left:43.2%;top:42%}.home_85{left:11.1%;top:53.3%}.home_86{left:15.3%;top:53.3%}.home_87{left:19.5%;top:53.3%}.home_88{left:23.7%;top:53.3%}.home_89{left:31.1%;top:53.3%}.home_90{left:35.3%;top:53.3%}.home_91{left:39.5%;top:53.3%}.home_92{left:43.7%;top:53.3%}.home_93{left:11.1%;top:61%}.home_94{left:15.3%;top:61%}.home_95{left:19.5%;top:61%}.home_96{left:23.7%;top:61%}.home_97{left:31.1%;top:61%}.home_98{left:35.3%;top:61%}.home_99{left:39.5%;top:61%}.home_100{left:43.7%;top:61%}.home_101{left:11.1%;top:69.6%}.home_102{left:15.3%;top:69.7%}.home_103{left:19.5%;top:69.7%}.home_104{left:23.7%;top:69.8%}.home_105{left:31.1%;top:69.9%}.home_106{left:35.3%;top:70%}.home_107{left:39.5%;top:70.1%}.home_108{left:43.7%;top:70.2%}.home_109{left:30.7%;top:77.6%}.home_110{left:34.9%;top:77.7%}.home_111{left:39.1%;top:77.8%}.home_112{left:43.3%;top:77.9%}.home_113{left:31.6%;top:87.5%}.home_114{left:35.8%;top:87.5%}.home_115{left:40%;top:87.5%}.home_116{left:44.2%;top:87.5%}.home_117{left:73%;top:87.5%}.home_118{left:77%;top:87.5%}.home_119{left:80.9%;top:87.5%}.home_120{left:84.8%;top:87.5%}.home_121{left:66.4%}.home_121,.home_122{top:53.6%;width:3.4%}.home_122{left:69.9%}.home_123{left:73.7%;top:53.6%;width:3.4%}.home_124{left:77.5%}.home_124,.home_125{top:53.7%;width:3.4%}.home_125{left:81.2%}.home_126{left:85.4%}.home_126,.home_127{top:53.7%;width:3.4%}.home_127{left:89.7%}.home_128{left:73.5%}.home_128,.home_129{top:60.7%;width:3.4%}.home_129{left:77.3%}.home_130{left:81%}.home_130,.home_131{top:60.8%;width:3.4%}.home_131{left:84.8%}.home_132{left:7.5%;top:3.7%;-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}.home_133{top:10%}.home_133,.home_134{aspect-ratio:62/74;left:5.2%;width:3%}.home_134{top:17%}.home_135{aspect-ratio:62/74;left:5.2%;top:23%;width:3%}.home_136{top:29.4%}.home_136,.home_137{aspect-ratio:62/74;left:5.1%;width:3%}.home_137{top:36.4%}.home_138{top:43.7%}.home_138,.home_139{aspect-ratio:62/74;left:5%;width:3%}.home_139{top:50.4%}.home_140{left:5%;top:57.4%}.home_140,.home_141{aspect-ratio:62/74;width:3%}.home_141{left:4.9%;top:66.7%}.home_142{aspect-ratio:62/74;left:50.1%;top:74.8%;width:3%}.home_143{aspect-ratio:62/71;left:50.1%;top:80.8%;width:3%}.home_144{aspect-ratio:62/74;left:50.1%;top:86.7%;width:3%}.home_145{top:74.8%}.home_145,.home_146{aspect-ratio:62/74;left:61.8%;width:3%}.home_146{top:80.8%}.home_147{aspect-ratio:62/74;left:61.8%;top:86.8%;width:3%}.home_148{top:63.1%}.home_148,.home_149{aspect-ratio:62/74;left:66.4%;width:3%}.home_149{top:69.1%}.home_150{top:75.1%}.home_150,.home_151{aspect-ratio:62/74;left:66.4%;width:3%}.home_151{top:81%}.home_152{aspect-ratio:62/74;left:66.4%;top:86.9%;width:3%}.home_153{top:62.3%}.home_153,.home_154{aspect-ratio:62/74;left:90.3%;width:3%}.home_154{top:70%}.map-icon{aspect-ratio:74/87;-o-object-fit:cover;object-fit:cover;position:absolute;width:2.92%;z-index:2}.map-icon_parking_1{left:49.5%;top:42.21%}.map-icon_parking_2{left:93.5%;top:77.21%}.map-icon_rocket{left:54.3%;top:38.21%}.map-icon_football{left:59%;top:40.21%}.map-icon_camera{left:92.5%;top:84.21%}.map-icon_bike{left:26.5%;top:83.21%}
/* End */


/* Start:/offline/offline.css?17875951053294*/
.offline-archive-badge {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2147483647;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: rgba(18, 29, 35, .9);
  color: #fff;
  font: 600 12px/1.2 Arial, sans-serif;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  backdrop-filter: blur(8px);
}
.offline-placeholder {
  display: flex;
  min-height: 140px;
  padding: 24px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px dashed #9aa7ad;
  border-radius: 8px;
  background: #f3f5f5;
  color: #26343a;
  text-align: center;
}
.offline-placeholder a { color: #125c68; text-decoration: underline; }
.offline-video-shell, .offline-video {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  background: #111;
  object-fit: contain;
}
.offline-toast {
  position: fixed;
  left: 50%;
  bottom: 72px;
  z-index: 2147483647;
  max-width: min(460px, calc(100vw - 32px));
  padding: 12px 18px;
  border-radius: 8px;
  background: #17262c;
  color: white;
  font: 500 14px/1.4 Arial, sans-serif;
  box-shadow: 0 12px 32px rgba(0,0,0,.28);
  transform: translate(-50%, 16px);
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.offline-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.offline-form-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.offline-plot-card {
  position: fixed;
  z-index: 2147483645;
  overflow: hidden;
  box-sizing: border-box;
  border: 8px solid #c9c9c9;
  border-radius: 4px 4px 45% 45% / 4px 4px 18% 18%;
  background: #fff;
  color: #2d2d2d;
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}
.offline-plot-card__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  color: #333;
  font: 300 25px/28px Arial, sans-serif;
  cursor: pointer;
}
.offline-plot-card__image {
  display: block;
  width: 100%;
  height: 190px;
  background: #eef0f0;
  object-fit: cover;
}
.offline-plot-card__body { padding: 18px 18px 38px; }
.offline-plot-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.offline-plot-card__head h3 {
  margin: 0;
  font: 700 20px/1.2 Arial, sans-serif;
}
.offline-plot-card__button {
  flex-shrink: 0;
  padding: 9px 13px;
  border-radius: 5px;
  background: var(--main-elements-color, #9da229);
  color: #fff !important;
  font: 500 14px/1.2 Arial, sans-serif;
  text-decoration: none !important;
}
.offline-plot-card dl { margin: 0; }
.offline-plot-card dl > div {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 12px;
  margin-top: 8px;
}
.offline-plot-card dt,
.offline-plot-card dd {
  margin: 0;
  font: 500 14px/1.2 Arial, sans-serif;
}
.offline-plot-card dd { font-weight: 700; }
@media (max-width: 640px) {
  .offline-archive-badge { right: 8px; bottom: 8px; padding: 7px 10px; }
  .offline-plot-card {
    top: auto !important;
    right: 8px;
    bottom: 8px;
    left: 8px !important;
    width: auto !important;
    max-height: calc(100vh - 16px);
    overflow: auto;
  }
}

/* End */
/* /static/css/mmenu.css?178759510228781 */
/* /static/css/jquery.fancybox.css?178759510213261 */
/* /static/css/nouislider.css?17875951024242 */
/* /static/css/font-awesome.css?178759510229606 */
/* /static/css/tippy.css?17875951021414 */
/* /static/css/main.css?1787595102680704 */
/* /static/aos/aos.css?178759510226053 */
/* /external/static.stroyker.pro/ccdk/custom-styles.css?178759506978618 */
/* /external/static.stroyker.pro/ccdk/custom-colors.css?17875950694050 */
/* /external/static.stroyker.pro/ccdk/custom-style-two.css?17875950691249 */
/* /media/staticpages/custom/files/app.min_Y2XcGs9.css?178759510512363 */
/* /offline/offline.css?17875951053294 */