/* Start:/local/templates/artpole/assets/css/notcdn.css?17416395848650*/
/*! nouislider - 14.6.0 - 6/27/2020 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.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;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  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 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.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;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.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;
}
/* Handles and cursors;
 */
.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;
}
/* Handle stripes;
 */
.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 state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.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;
}
/* Vertical layout;
 *
 */
.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;
}



.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../../../../../../local/templates/artpole/assets/images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../../../../../../local/templates/artpole/assets/images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../../../../../../local/templates/artpole/assets/images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../../../../../../local/templates/artpole/assets/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* End */


/* Start:/local/templates/artpole/assets/js/fancybox/fancyboxudm.css?174163958415598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/artpole/assets/js/tooltipster/css/tooltipster.bundle.min.css?17416395846495*/
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
/* End */


/* Start:/local/templates/artpole/assets/js/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-light.min.css?17416395841882*/
.tooltipster-sidetip.tooltipster-light .tooltipster-box{
    border-radius:3px;border: unset; background: #A258FF;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#fff; font-size: 12px; padding: 3px 4px;}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{left: 20px !important; height:9px;margin-left:-9px;width:18px}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#A258FF;top:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#A258FF;left:-1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#A258FF;left:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#A258FF;top:-1px}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent; display: none;}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}
/* End */


/* Start:/local/templates/artpole/assets/css/style.css?1765285572345027*/
@charset "UTF-8";
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/Gilroy-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/Gilroy-Medium.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: icons;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/icons.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/Gilroy-Regular.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/Gilroy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Suisse Intl;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/SuisseIntl-Medium.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/SuisseIntl-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Suisse Intl;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/SuisseIntl-Regular.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/SuisseIntl-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Suisse Intl;
  font-display: swap;
  src: url("../../../../../../local/templates/artpole/assets/fonts/SuisseIntl-SemiBold.woff2") format("woff2"), url("../../../../../../local/templates/artpole/assets/fonts/SuisseIntl-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

._icon-info-montage:before {
  content: "\e900";
  color: #d9d9d9;
}

._icon-calculete:before {
  content: "\e906";
  color: #d9d9d9;
}

._icon-octicon_rocket-24:before {
  content: "\e901";
  color: var(--text-text-1);
}

._icon-ph_download-simple-light:before {
  content: "\e902";
  color: #d9d9d9;
}

._icon-quill_info:before {
  content: "\e903";
  color: var(--text-text-1);
}

._icon-upload_model:before {
  content: "\e905";
  color: #d9d9d9;
}

._icon-idea:before {
  content: "\e907";
  color: var(--text-text-1);
}

._icon-telegramm:before {
  content: "\e909";
  color: var(--text-text-1);
}

._icon-Union:before {
  content: "\e90a";
  color: var(--text-text-1);
}

._icon-vk:before {
  content: "\e90c";
  color: var(--text-text-1);
}

._icon-yotobe:before {
  content: "\e90d";
  color: var(--text-text-1);
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #000;
  line-height: 1;
  font-family: "Gilroy";
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #212121;
}

input,
button,
textarea {
  font-family: "Gilroy";
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

.lock body {
  overflow: hidden;
  touch-action: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

/*
(i) Стили будут применяться ко
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/
[class*=__container] {
  max-width: 90rem;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 4.5rem;
}

.checkbox {
  position: relative;
}
.checkbox:not(:last-child) {
  margin-bottom: 0.3125em;
}
.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label:before {
  background: var(--accent-primary) url(../../../../../../local/templates/artpole/assets/img/chek-box.svg) center/10px 7px no-repeat;
  border: 1px solid var(--accent-primary);
}
.checkbox__label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 10px;
}
.checkbox__label:before {
  content: "";
  align-self: flex-start;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #D9D9D9;
}
.checkbox__text {
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.options {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.options__item {
  position: relative;
  cursor: pointer;
}
.options__item:not(:last-child) {
  margin-bottom: 0.3125em;
}
.options__item:nth-of-type(1) svg {
  stroke: var(--text-text-3);
}
.options__item:nth-of-type(1) .options__input:checked + .options__label:before .options__text svg {
  stroke: var(--base-base-4);
}
.options__item:nth-of-type(2) svg {
  fill: var(--text-text-3);
}
.options__item:nth-of-type(2) .options__input:checked + .options__label:before .options__text svg {
  fill: var(--base-base-4);
}
.options__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.options__input:checked + .options__label:before {
  border: 5px solid var(--base-base-4);
}
.options__input:checked + .options__label:before .options__text svg {
  color: var(--base-base-4);
}
.options__label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  gap: 10px;
}
.options__label:before {
  content: "";
  align-self: flex-start;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
}
.options__text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-text-3);
  /* Body Text/body-3reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.select {
  position: relative;
}
.select__body {
  position: relative;
}
.select__title {
  color: inherit;
  text-align: left;
  background-color: #fff;
  cursor: pointer;
  width: 100%;
  color: var(--text-text-3);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.select__value {
  display: flex;
  align-items: center;
  height: 30px;
  gap: 12px;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.select__value:before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  transition: all 0.3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-sel.svg) center/contain no-repeat;
}
._select-open .select__value:before {
  transform: rotate(-180deg);
}
.select__text {
  flex: 1 1 auto;
}
.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%;
}
.select__options {
  color: #000;
  position: absolute;
  top: -74px;
  min-width: 230px;
  border-radius: 0 0 4px 4px;
  left: 0;
  border-top: 0;
  border-top: 0;
  background: var(--background-white);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.select__option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px;
  color: inherit;
  color: var(--text-text-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.select__option::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  flex: 0 0 24px;
  background: transparent;
}
.select__option._select-selected {
  background-color: #fff;
  position: relative;
}
.select__option._select-selected::before {
  background: url(../../../../../../local/templates/artpole/assets/img/chek-sel.png) center/contain no-repeat;
}
@media (any-hover: hover) {
  .select__option:hover {
    background: #F6EFFF;
  }
}
.select__row {
  display: inline-flex;
  align-items: center;
}
.select._select-open {
  z-index: 5;
}
._select-tag {
  cursor: pointer;
}

body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 349;
}

body.popup-show::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 90px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
.popup::-webkit-scrollbar {
  width: 5px;
}
.popup::-webkit-scrollbar-track {
  background: #ffffff;
}
.popup::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 10px;
}
.popup_map .popup__content {
  max-width: 1138px;
}

.popup_show {
  z-index: 350;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  transform: scale(1);
}

.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup__content {
  visibility: hidden;
  position: relative;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  background-color: #fff;
  padding: 64px 20px;
  width: 100%;
  max-width: 632px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lock .popup__content {
  visibility: visible;
}
.popup__content h2,.popup__content .h2 {
  margin-bottom: 40px;
}
.popup__content  .h2 {
    color: var(--text-text-4);
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.24px;
}
@media (max-width: 63.9988em) {
 .popup__content  .h2  {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.2px;
    }
}
@media (max-width: 47.9875em) {
  .popup__content h2,  .popup__content .h2 {
    margin-bottom: 32px;
  }
}
.popup__content p {
  text-align: center;
  color: var(--text-text-3);
  text-align: center;
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 409px;
}
.popup__content a {
  color: var(--accent-primary, #a258ff);
  text-align: center;
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-top: 48px;
}
@media (any-hover: hover) {
  .popup__content a:hover {
    color: #c058ff;
  }
}
.popup__content a:active {
  color: #7a58ff;
}
@media (max-width: 47.9875em) {
  .popup__content a {
    margin-top: 80px;
  }
}
@media (max-width: 47.9875em) {
  .popup__content {
    padding: 40px 8px;
    padding-top: 80px;
  }
}

.popup__close {
  position: absolute;
  top: 24px;
  right: 24px;
}

.call {
  z-index: 352;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  transition: all 0.5s ease 0s;
}
.call__wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100vw;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: flex-end;
  position: relative;
  z-index: 351;
  transition: all 0.5s ease 0s;
}
.call__content {
  padding: 20px;
  visibility: visible;
  transition: all 0.5s ease 0s;
  background-color: #fff;
  max-width: 25%;
  min-width: 405px;
  height: 100%;
  position: relative;
  right: -405px;
  opacity: 0;
  z-index: 352;
  visibility: hidden;
}
.lock .call__content {
  visibility: visible;
}
.call__close {
  margin-left: auto;
  display: block;
  cursor: pointer;
}
.call__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.call__tel {
  color: var(--text-text-4);
  text-align: right;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  margin-bottom: 25px;
}
.call__note {
  color: var(--text-text-3);
  text-align: right;
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  margin-bottom: 20vh;
}
.call__img {
  width: 50%;
  height: auto;
}
.call__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.call_show {
  overflow: hidden;
  pointer-events: auto;
}

.call_show .call__content {
  transform: translateX(-405px);
  opacity: 1;
  visibility: visible;
}

.map-card {
  padding: 0 28px;
  width: 100%;
}
.map-card__wrapper {
  display: flex;
  gap: 32px;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 63.99875em) {
  .map-card__wrapper {
    flex-direction: column-reverse;
    gap: 64px;
  }
}
.map-card__map {
  flex: 0 0 505px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  gap: 24px;
}
.map-card__map-frame {
  width: 100%;
  flex: 0 1 100%;
  filter: grayscale(1);
}
.map-card__photo {
  position: relative;
  height: 72px !important;
  flex: 0 0 72px;
}
@media (max-width: 63.99875em) {
  .map-card__photo {
    height: 212px !important;
    flex: 0 0 212px;
  }
}
.map-card .map-cards__slider {
  width: 100%;
  height: 72px !important;
  max-width: 505px;
}
@media (max-width: 63.99875em) {
  .map-card .map-cards__slider {
    height: 212px !important;
  }
}
.map-card .map-cards__wrapper {
  height: 100% !important;
}
.map-card .map-cards__slide {
  height: 100% !important;
  margin-top: 0 !important;
}
.map-card .map-cards__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.map-card .swiper-button-prev {
  left: -40px;
}
.map-card .swiper-button-next {
  right: -40px;
}
.map-card .swiper-button-next:after,
.map-card .swiper-button-prev:after {
  width: 8px;
  height: 16px;
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-map.svg) center/contain no-repeat;
}
.map-card .swiper-button-next,
.map-card .swiper-button-prev {
  border: 0px solid #d9d9d9;
}
.map-card .swiper-button-next:hover,
.map-card .swiper-button-prev:hover {
  border: 0px solid #d9d9d9;
}
.map-card__content {
  max-width: 426px;
}
.map-card__content h3 {
  color: var(--text-text-4, #151515);
  /* header/H5 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
  margin-bottom: 24px;
}
@media (max-width: 63.99875em) {
  .map-card__content h3 {
    margin-bottom: 40px;
  }
}
.map-card__content ul {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.map-card__content ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.map-card__content ul li span {
  font-family: Suisse Intl;
}
.map-card__content ul li span:nth-of-type(1) {
  color: var(--base-base-4, #3d3d3d);
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  /* 12px */
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
.map-card__content ul li span:nth-of-type(2) {
  color: var(--text-text-3, #838383);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.map-card__content .btn {
  padding-left: 50px;
  padding-right: 50px;
}
.map-card__content a {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .map-card__content a:hover {
    color: #c058ff;
  }
}
.map-card__content a:active {
  color: #7a58ff;
}

.spollers {
  display: grid;
  gap: 15px;
}

@media (max-width: 47.9875em) {
  .spollers__item {
    padding: 24px 0;
    border-bottom: 1px solid #3D3D3D;
  }
}

.spollers__title {
  width: 100%;
  cursor: default;
  position: relative;
}


._spoller-init .spollers__title {
  cursor: pointer;
}
._spoller-init .spollers__title::before, ._spoller-init .spollers__title::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background-color: #838383;
  height: 2px;
  width: 6px;
  transition: transform 0.5s ease 0s;
}
._spoller-init .spollers__title::before {
  transform: translate(-75%, -50%) rotate(40deg);
}
._spoller-init .spollers__title::after {
  transform: translate(0, -50%) rotate(-40deg);
}
._spoller-init .spollers__title._spoller-active::before {
  transform: translateX(-75%) rotate(-40deg);
}
._spoller-init .spollers__title._spoller-active::after {
  transform: rotate(40deg);
}

@media (max-width: 47.9875em) {
  .spollers__body {
    padding-top: 24px;
  }
}

[data-showmore-content] {
  position: relative;
}
@media (max-width: 47.9875em) {
  [data-showmore-content] {
    height: 100px !important;
  }
}

.share__item [data-showmore-content] {
  position: relative;
}
@media (max-width: 47.9875em) {
  .share__item [data-showmore-content] {
    height: auto !important;
  }
}

[data-showmore-button] span:last-child {
  display: none;
}
._showmore-active [data-showmore-button] span {
  display: none;
}
._showmore-active [data-showmore-button] span:last-child {
  display: block;
}

._showmore-active .block__content::after {
  display: none;
}

@media (max-width: 47.9875em) {
  ._showmore-active .block__content {
    height: auto !important;
  }
}
[data-fullscreen] {
  min-height: 100vh;
}
@media (max-width: 47.9875em) {
  [data-fullscreen] {
    min-height: calc(100vh - 90px);
  }
}

[class*=-ibg] {
  position: relative;
}
[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

[class*=-ibg_contain] img {
  object-fit: contain;
}

[class*=__container] {
  max-width: 81rem;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 72px;
}

@keyframes label-product {
  0% {
    transform: translateY(-50%);
  }
  2% {
    transform: translateY(-25%);
  }
  48% {
    transform: translateY(-25%);
  }
  51% {
    transform: translateY(25%);
  }
  98% {
    transform: translateY(25%);
  }
  100% {
    transform: translateY(50%);
  }
}
@keyframes flareAnimation {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}
body.white {
  background: #fff;
}
body.white .header {
  background: #212121;
}

:root {
  --text-text-1: #fff;
  --text-text-2: #b0b0b0;
  --text-text-3: #838383;
  --text-text-4: #111;
  --accent-primary: #a258ff;
  --accent-pressed: #7a58ff;
  --accent-hover: #c058ff;
  --base-base-1: #fff;
  --base-base-2: #d9d9d9;
  --base-base-3: #838383;
  --base-base-4: #3d3d3d;
  --base-base-5: #302f2f;
  --background-white: #fff;
  --background-dark-grey: #212121;
  --background-black: #0f0f0f;
  --background-light-grey: #f4f4f4;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
/* Chrome, Edge, and Safari */
section {
  position: relative;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

@media (max-width: 47.9875em) {
  [class*=__container] {
    padding: 0 16px;
  }
}
.white {
  color: var(--text-text-1);
}

.grey {
  color: var(--text-text-2);
}

.bg-grey {
  background: var(--background-light-grey) !important;
}

.purple {
  color: var(--accent-primary);
}

.page_home h1 span {
  display: inline-block;
}
.page_home h1 span:not(:last-of-type) {
  margin-right: 15px;
}

h1,
h2 {
  color: var(--text-text-4);
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  /* 100% */
  letter-spacing: -0.24px;
}
.right-product__top-name h1{
  color: #fff;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
@media (max-width: 63.99875em) {
  h1,
h2 {
    font-size: 40px;
    line-height: 48px;
    /* 120% */
    letter-spacing: -0.2px;
  }
}
h1 span,
h2 span {
  display: inline-block;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  /* 100% */
  letter-spacing: -0.24px;
}
@media (max-width: 63.99875em) {
  h1 span,
h2 span {
    font-size: 40px;
    line-height: 48px;
    /* 120% */
    letter-spacing: -0.2px;
  }
}
h1 span:not(:last-of-type),
h2 span:not(:last-of-type) {
  margin-right: 15px;
}
@media (max-width: 47.9875em) {
  h1 span:not(:last-of-type),
h2 span:not(:last-of-type) {
    margin-right: 10px;
  }
}

.btn,
.dillers .btn {
  cursor: pointer;
  display: flex;
  gap: 5px;
  width: fit-content;
  height: 52px;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: var(--accent-primary);
  overflow: hidden;
  transition: all 0.3s ease 0s;
  color: var(--text-text-1);
  /* Button, 16 */
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (any-hover: hover) {
  .btn:hover,
.dillers .btn:hover {
    background-color: var(--accent-primary);
    color: var(--text-text-1);
    animation: pulse 1s ease-in-out infinite;
  }
  .btn:active,
.dillers .btn:active {
    background: var(--accent-pressed);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #a358ff;
  }
  70% {
    box-shadow: 0 0 0 4px rgba(163, 88, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 0 4px rgba(163, 88, 255, 0.12);
  }
}
.inner {
  position: relative;
  z-index: 2;
}

.inner_black {
  background: #0f0f0f;
  z-index: 1;
}
@media (max-width: 47.9875em) {
  .inner_black .form {
    background: #0f0f0f;
  }
}

.pagination {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.pagination__slider {
  max-height: 66px;
  margin-left: 0 !important;
}
.pagination__wrapper {
  justify-content: space-between;
}
.pagination__slide {
  color: var(--text-text-3);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  display: flex;
  align-items: center;
}

.pagination__slide.swiper-slide-active {
  color: var(--text-text-1);
}

.new-slider__controll ._prev {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 100%;
  display: block;
  z-index: 4;
}

.new-slider__controll ._next {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 14px;
  width: 100%;
  display: block;
  z-index: 4;
}

.first__pagination .swiper-pagination-bullet {
  margin: 0;
}

.swiper-button-next.new-slider__next._next {
  right: 10px;
  left: auto;
  width: 56px;
  height: 56px;
  display: flex;
}

.swiper-button-prev.new-slider__prev._prev {
  right: auto;
  left: 10px;
  width: 56px;
  height: 56px;
  display: flex;
  top: 44%;
}

@media (max-width: 767.8px) {
  .menu__body.select__options {
    max-height: 150px;
    overflow: scroll;
  }
}
.bredcumber {
  padding-top: 40px;
  padding-bottom: 8px;
  background: #fff;
}
.bredcumber_black {
  background: transparent;
  padding-bottom: 30px;
}
.bredcumber_grey {
  background: var(--background-light-grey);
}
.bredcumber_mob-white {
  background: #fff;
}
@media (max-width: 47.9875em) {
  .bredcumber {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
.bredcumber__list {
  display: flex;
  position: relative;
  align-items: center;
  gap: 16px;
}
@media (max-width: 47.9875em) {
  .bredcumber__list {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.bredcumber__item {
  color: var(--text-text-3);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
  gap: 16px;
}
.bredcumber__item:not(:last-of-type) {
  transition: all 0.3s ease 0s;
}
.bredcumber__item:not(:last-of-type)::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/bredcumber.svg) center/contain no-repeat;
  display: block;
  width: 23px;
  height: 14px;
  flex: 0 0 23px;
}
@media (any-hover: hover) {
  .bredcumber__item:not(:last-of-type):hover {
    color: #c058ff;
  }
  .bredcumber__item:not(:last-of-type):active {
    color: #7a58ff;
  }
}
@media (max-width: 47.9875em) {
  .bredcumber__item {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
  }
  .bredcumber__item:not(:last-of-type)::after {
    content: "/";
    background: none;
    flex: 0 0 auto;
    width: fit-content;
  }
}
.page_grey .bredcumber {
  background: #f4f4f4;
}
.page_grey .montage {
  background: #f4f4f4;
}
.page_inside {
  padding-top: 75px;
}
.page_inside .form {
  background: #0f0f0f;
}
.page_montage {
  padding-top: 75px;
}
.page_montage .show {
  background: #fff;
}
@media (max-width: 47.9875em) {
  .page_montage {
    padding-top: 53px;
  }
}
.page_card-single .catalog_cards {
  padding-top:75px;
}
@media (max-width: 47.9875em) {
  .page_card-single .catalog_cards {
    /*display: none;*/
    padding-top: 46px;
  }
}
.page_card-single .catalog_cards .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
  padding-left: 72px;
  padding-right: 72px;
}
@media (max-width: 47.9875em) {
  .page_card-single .benifits.benifits_inside {
    display: none;
  }
}
@media (max-width: 47.9875em) {
  .page_card-single .header {
    background: #0f0f0f;
  }
}
.page_articles {
  padding-top: 80px;
  background: #f4f4f4;
}
.page_articles {
    padding-top: 80px;
    background: #FFF;
}
.page_articles .bredcumber,
.page_articles .select__title {
  background-color: transparent;
}
@media (max-width: 47.9875em) {
  .page_articles {
    padding-top: 55px;
  }
}

.seo {
  background: #0f0f0f;
  padding-bottom: 97px;
}
@media (max-width: 47.9875em) {
  .seo {
    padding-top: 64px;
    padding-bottom: 104px;
    background: #212121;
  }
}
.seo h5 {
  color: var(--text-text-1);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
  margin-bottom: 24px;
}
.block__content {
  max-width: 632px;
  color: var(--text-text-2);
  text-overflow: ellipsis;
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.block__content p:not(:last-of-type) {
  margin-bottom: 8px;
}
.block__content h2 {
  margin-bottom: 30px;
  color: #fff;
}
.block__content h3 {
  color: #fff;
  /* header/H4 */
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  margin-bottom: 24px;
}
@media (max-width: 47.9875em) {
  .block__content h3 {
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
}
.block__more {
  color: var(--accent-primary);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 16px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .block__more:hover {
    color: #c058ff;
  }
  .block__more:active {
    color: #7a58ff;
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.switch input {
  display: none;
}
.switch__round {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d9d9d9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 16px;
}
.switch__round::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .switch__round {
  background-color: var(--accent-primary);
}

input:focus + .switch__round {
  box-shadow: 0 0 1px var(--accent-primary);
}

input:checked + .switch__round:before {
  -webkit-transform: translateX(16px);
}

.catalog-card {
  position: relative;
  padding: 24px;
  background: #fff;
  transition: all 0.6s ease 0s;
}
@media (max-width: 47.9875em) {
  .catalog-card {
    padding: 0;
  }
}
.catalog-card_lepnina .catalog-card__img {
  background: var(--background-bbbb, linear-gradient(156deg, #212121 3.21%, #363636 94.48%));
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 24px 0;
}
.catalog-card_lepnina .catalog-card__img img {
  width: 152px;
  height: 152px;
  transition: all 0.6s ease 0s;
}
.catalog-card_lepnina .catalog-card__img::after {
  display: none;
}
.catalog-card_lepnina .catalog-card__label-new,
.catalog-card_lepnina .catalog-card__label-sale {
  flex: 0 0 88px;
}
.catalog-card_lepnina .catalog-card__content-top {
  justify-content: start;
  flex-wrap: wrap;
  gap: 12px 8px;
}
.catalog-card_lepnina .catalog-card__content-top i {
  width: 24px;
  height: 24px;
  background: var(--accent-primary);
  display: flex;
  flex: 0 0 24px;
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;
}
.catalog-card_lepnina .catalog-card__content-top h6 span, .catalog-card_lepnina .catalog-card__content-top .div_h6 span  {
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s ease 0s;
}
.catalog-card_lepnina .catalog-card__content-top h6 span span:nth-of-type(1), .catalog-card_lepnina .catalog-card__content-top .div_h6 span span:nth-of-type(1){
  display: none;
}
.catalog-card_lepnina .catalog-card__content-top span {
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
  display: none;
}
.catalog-card__inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: default;
  pointer-events: none;
}
.touch .catalog-card__inner {
  pointer-events: auto;
}
.catalog-card__labels-left {
  position: absolute;
  top: 12px;
  left: 0px;
  display: flex;
  gap: 8px;
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 24px;
}
.catalog-card__label-new {
  flex: 0 0 56px;
  width: 100%;
  background: var(--accent-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-card__label-sale {
  flex: 0 0 56px;
  width: 100%;
  background: #df3755;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-card__label-top {
  flex: 0 0 56px;
  width: 100%;
  background: #302f2f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-card__labels-like {
  position: absolute;
  cursor: pointer;
  top: 36px;
  right: 36px;
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/like-catalog.png) center/contain no-repeat;
  z-index: 10;
  transition: all 0.3s ease 0s;
}
.catalog-card__labels-like._active {
  background: url(../../../../../../local/templates/artpole/assets/img/like-catalog-hover.png) center/contain no-repeat;
}
@media (max-width: 47.9875em) {
  .catalog-card__labels-like {
    top: 12px;
    right: 12px;
  }
}
.catalog-card__labels-LED {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 252px;
  right: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  text-transform: uppercase;
  background: #fff;
  z-index: 10;
}
@media (max-width: 47.9875em) {
  .catalog-card__labels-LED {
    top: 228px;
    right: 12px;
  }
}
.catalog-card__img {
  height: 280px;
  position: relative;
}
.catalog-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.catalog-card__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--background-bbbb, linear-gradient(156deg, #212121 3.21%, #363636 94.48%));
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
}
.catalog-card__img .catalog-card__content-size {
  position: absolute;
  color: var(--text-text-1);
  text-align: right;
  font-family: Suisse Intl;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 12px */
  right: 12px;
  bottom: 12px;
  white-space: nowrap;
}
.catalog-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.catalog-card__content-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.catalog-card__content-name {
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 150% */
  text-transform: uppercase;
}
.catalog-card__content-size {
  color: var(--text-text-3);
  text-align: right;
  font-family: Suisse Intl;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.catalog-card__content-bottom {
  display: flex;
  align-items: center;
  gap: 12px;
}
.catalog-card__content-prise {
  color: var(--text-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.catalog-card__content-prise-new {
  color: var(--text-new-sale, #df3755);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-right: 12px;
}
.catalog-card__content-prise-old {
  color: var(--text-text-3);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.catalog-card__bottom {
  padding-top: 24px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  background: #fff;
  width: 100%;
  transition: all 0.6s ease 0s;
}
.catalog-card__btn {
  cursor: pointer;
  width: 100%;
  border-radius: 43px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  color: var(--text-text-1);
  /* Button, 16 */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-primary);
  margin-bottom: 24px;
  height: 40px;
  transition: all 0.6s ease 0s;
  position: relative;
}
@media (any-hover: hover) {
  .catalog-card__btn:hover {
    background: #c058ff;
  }
  .catalog-card__btn:active {
    background: #7a58ff;
  }
}
.catalog-card__btn._active {
  background: #302f2f;
}
.catalog-card__btn._active::before {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/Union.svg) center/contain no-repeat;
  width: 15px;
  height: 10px;
  flex: 0 0 15px;
}
.catalog-card__btn-link {
  color: var(--text-text-3);
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  transition: all 0.6s ease 0s;
}
@media (any-hover: hover) {
  .catalog-card__btn-link:hover {
    color: #c058ff;
  }
  .catalog-card__btn-link:active {
    color: #7a58ff;
  }
}
.catalog-card__wrapper {
  overflow: hidden;
  position: relative;
}
.catalog-card__hover {
  position: absolute;
  z-index: 8;
  top: 0;
  right: -220px;
  height: 280px;
  width: 220px;
  visibility: hidden;
  transition: all 0.6s ease 0s;
}

.main-menu {
  width: 100%;
  position: fixed;
  top: -100vh;
  height: 100vh;
  background: linear-gradient(169deg, #212121 100%, #212121 100%) top left/100% 770px no-repeat;
  z-index: 351;
  padding-top: 78px;
}
@media (max-width: 63.99875em) {
  .main-menu {
    overflow-y: scroll;
    background: linear-gradient(169deg, #212121 100%, #212121 100%) top left/100% 100% no-repeat;
  }
}
.main-menu__nav {
  margin-top: 38px;
  margin-bottom: 64px;
  position: relative;
  flex: 0 1 100%;
}
@media (max-width: 63.99875em) {
  .main-menu__nav {
    margin-top: 32px;
  }
}
.main-menu__container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 670px;
}
.main-menu__list {
  width: fit-content;
}
@media (max-width: 63.99875em) {
  .main-menu__list {
    width: 100%;
  }
}
.main-menu__item {
  color: var(--text-text-2);
  /* body/16 UP */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease 0s;
}
.main-menu__item  a{
	 padding: 6px 0 7px 0;
}
.main-menu__sub-item a{
	 padding: 2px 0 2px 0;
}
.main-menu__item .spollers__item{
	  padding-bottom: 7px;
	  padding-top:7px;
}
.main-menu-wrap.is-active .main-menu{
	    box-shadow: 0 0 10px rgb(95 95 95 / 50%);background:#212121 ;
}
@media (max-width: 63.99875em) {
  .main-menu__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0;
    padding: 0;
  }
}
.main-menu__item:nth-of-type(1) .main-menu__sub-list {
  top: -90px;
  gap: 5px;
}
.main-menu__item:nth-of-type(2) .main-menu__sub-list {
  top: -130px;
}
.main-menu__item:nth-of-type(2)  .main-menu__sub-list a {
    
    line-height: 20px;
 
}


.main-menu__item:nth-of-type(3) .main-menu__sub-list {
  top: -54px;
}

.main-menu__item:nth-of-type(4) .main-menu__sub-list {
  top: -54px;
}

.main-menu__item:last-of-type {
  margin-bottom: 0;
}
.main-menu__item:last-of-type .main-menu__sub-list {
  
}

.main-menu__item:nth-of-type(5) {
  margin-bottom: 20px;
}
@media (max-width: 63.99875em) {
  .main-menu__item:nth-of-type(5) {
    margin-bottom: 0;
  }
}
.main-menu__item .spollers__title {
  font-family: Suisse Intl;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: start;
  transition: all 0.5s ease 0s;
}
@media (max-width: 63.99875em) {
  .main-menu__item .spollers__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--text-text-1);
  }
}
.main-menu__item_size {
 
  color: #b0b0b0;
  font-size: 30px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 100%;
  /* 30px */
  margin-bottom:2px;
  letter-spacing: -0.15px;
  text-transform: none;
}
.main-menu__item_size a{
	  padding-bottom: 12px;
}
.main-menu__item_size .main-menu__sub-list {
  left: 90%;
  padding-left: 185px;
}
@media (max-width: 63.99875em) {
  .main-menu__item_size .main-menu__sub-list {
    padding-left: 0;
  }
}
@media (max-width: 63.99875em) {
  .main-menu__item_size {
    color: var(--text-text-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0;
  }
}
.main-menu__item_size .spollers__title {
  color: #b0b0b0;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  width:100%;
  /* 30px */
  letter-spacing: -0.15px;
  text-transform: none;
  text-align: start;
  transition: all 0.5s ease 0s;
}
@media (max-width: 63.99875em) {
  .main-menu__item_size .spollers__title {
    color: var(--text-text-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px;
  }
}
.main-menu__item::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: var(--accent-primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: all 0.5s ease 0s;
}
.main-menu__item a {
  position: relative;
  display: block;
  transition: all 0.5s ease 0s;
  width: fit-content;
}
@media (any-hover: hover) and (min-width: 63.99875em) {
  .main-menu__item._active {
    overflow: visible;
    z-index: 2;
  }
  .main-menu__item:hover {
    overflow: visible;
  }
  .main-menu__item:hover a {
    color: var(--text-text-1);
    transform: translate(40px, 0px) !important;
  }
  .main-menu__item:hover:before {
    transform: translateY(-50%) scale(1);
  }
  .main-menu__item:hover .main-menu__sub-list {

    opacity: 1 !important;
    visibility: visible !important;
  }
  .main-menu__item:hover .main-menu__sub-list::before {
    transition: all 0.5s ease 0s;
    transform: translate3d(50px, 0px, 0) scaleX(1);
    opacity: 1;
  }
  .main-menu__item:hover .spollers__title {
    transform: translate(40px, 0px) !important;
    color: var(--text-text-1);
  }
}
@media (max-width: 63.99875em) {
  .main-menu__item {
    margin-bottom: 0;
  }
}
@media (max-width: 63.99875em) {
  .main-menu__item .spollers .spollers__item {
    padding: 24px 0;
    border-bottom: 1px solid #3d3d3d;
  }
  .main-menu__item .spollers .spollers__body {
    padding-top: 24px;
  }
}
.main-menu__sub-list {
  position: absolute;
  width: fit-content;
  left: calc(100% - 35px);
  height: 568px;
  top: 0px;
  padding-left: 215px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 3px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
}
.main-menu__sub-list::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  left: 24px;
  right: auto;
  width: 56px;
  height: 1px;
  background: var(--accent-primary);
  transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s, opacity 0.3s ease-in-out 0s;
  transform: translate3d(-0.83705vw, 0, 0) scaleX(0);
  opacity: 0;
}
@media (max-width: 63.99875em) {
  .main-menu__sub-list::before {
    display: none;
  }
}
.main-menu__sub-list a {
  transition: all 0.5s ease 0s;
  white-space: nowrap;
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: none;
}
@media (any-hover: hover) and (min-width: 63.99875em) {
  .main-menu__sub-list a:hover {
    color: var(--accent-primary);
  }
}
.main-menu__sub-list a:active {
  color: #7a58ff;
}
@media (any-hover: hover) and (min-width: 63.99875em) {
  .main-menu__sub-list._active {
    opacity: 1;
    visibility: visible;
  }
  .main-menu__sub-list._active::before {
    transition: all 0.5s ease 0s;
    transform: translate3d(50px, 0px, 0) scaleX(1);
    opacity: 1;
  }
}
@media (max-width: 63.99875em) {
  .main-menu__sub-list {
    position: static;
    width: 100%;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 0px;
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}
.main-menu__sub-item {
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .main-menu__sub-item:hover {
    color: #c058ff;
  }
  .main-menu__sub-item:active {
    color: #7a58ff;
  }
}
.main-menu__contact {
  position: absolute;
  bottom: 0px;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 63.99875em) {
  .main-menu__contact {
    position: static;
    margin-top: 40px;
    margin-bottom: 56px;
  }
}
.main-menu__contact-email {
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .main-menu__contact-email:hover {
    color: #c058ff;
  }
  .main-menu__contact-email:active {
    color: #7a58ff;
  }
}
.main-menu__contact-tel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main-menu__contact-tel a {
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .main-menu__contact-tel a:hover {
    color: #c058ff;
  }
  .main-menu__contact-tel a:active {
    color: #7a58ff;
  }
}
.main-menu__contact-tel span {
  color: var(--text-text-2);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.main-menu__contact-social {
  display: flex;
  gap: 15px;
}
.main-menu__contact-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.main-menu__contact-social a svg {
  fill: var(--text-text-1);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .main-menu__contact-social a svg:hover {
    fill: #c058ff;
  }
  .main-menu__contact-social a svg:active {
    fill: #7a58ff;
  }
}
@media (max-width: 63.99875em) {
  .main-menu__contact-social {
    display: none;
  }
}
.main-menu__img {
  position: absolute;
  top: 0px;
  height: 100%;
  right: 0;
  width: 30%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
}
.main-menu__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.main-menu__img._active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 63.99875em) {
  .main-menu__img {
    display: none;
  }
}

.form-callab {
  position: fixed;
  top: 0;
  left: 100%;
  min-height: 100vh;
  width: 100%;
  min-width: 100vw;
  overflow: hidden;
  z-index: 352;
  display: flex;
  height: 100%;
  transition: all 0.3s ease 0s;
}
.form-callab._active {
  transform: translateX(-100%);
}
@media (max-width: 47.9875em) {
  .form-callab {
    min-height: calc(100vh - 90px);
  }
}
.form-callab h2 ,.form-callab .h2 {
  text-align: center;
  margin-bottom: 40px;
  color: var(--text-text-4);
  text-align: center;
  /* header/H3 */
  font-family: Gilroy;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  /* 120% */
  letter-spacing: -0.2px;
}
.form-callab__inner {
  width: 404px;
  height: 100%;
  margin-left: auto;
  background: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 375px) {
  .form-callab__inner {
    width: 100%;
  }
}
.form-callab__close {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.form-callab__form {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 32px;
}
.form-callab__form .btn {
  margin-top: 0 !important;
}
.form-callab__form textarea {
  min-height: 160px;
  resize: none;
}
.form-callab__form .input-file span {
  color: var(--base-base-4);
  background: #f4f4f4;
}
.form-callab__form svg {
  fill: #3d3d3d;
}
.form-callab__inputs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.form-callab__inputs_flex {
  margin-top: 32px;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
  flex: 0 0 auto;
}
.form-callab__inputs_flex .form-callab__input {
  flex: 0 0 calc(50% - 8px);
  display: block;
}
.form-callab__inputs_flex .form-callab__input:last-of-type {
  flex: 0 0 100%;
}
.form-callab__input {
  border: 1px solid var(--base-base-2);
  display: flex;
  width: 100%;
  outline: none;
  padding: 12px 16px;
}
.form-callab__input::placeholder {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s ease 0s;
}
.form-callab__input:focus::placeholder {
  opacity: 0;
}
@media (max-width: 47.9875em) {
  .form-callab__input {
    padding: 12px;
  }
}
.form-callab .btn {
  max-width: 100%;
  width: 100%;
}

.filrt {
  position: fixed;
  top: 0;
  right: -103%;
  min-height: 100vh;
  width: 100%;
  min-width: 100vw;
  overflow: hidden;
  z-index: 350;
  display: flex;
  height: 100%;
  transition: all 0.3s ease 0s;
}
.filrt._active {
  transform: translateX(-103%);
}
@media (max-width: 47.9875em) {
  .filrt {
    min-height: calc(100vh - 90px);
  }
}
.filrt h2 {
  text-align: center;
  margin-bottom: 48px;
}
.filrt h3 {
  color: var(--text-text-4);
  text-align: center;
  /* body/16 UP */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.filrt__wrapper {
  width: 372px;
  height: 100%;
  margin-left: auto;
  background: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 375px) {
  .filrt__wrapper {
    width: 100%;
  }
}
.filrt__inner {
  gap: 40px;
  flex: 0 1 100%;
}
.filrt__close {
  width: 34px;
  height: 34px;
  display: block;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filrt__close svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .filrt__close:hover svg {
    fill: var(--accent-primary);
  }
  .filrt__close:active svg {
    fill: #7a58ff;
  }
}
.filrt__item {
  margin-bottom: 40px;
}
.filrt__btn {
  cursor: pointer;
  width: 100%;
  border-radius: 43px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  color: var(--text-text-1);
  /* Button, 16 */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-primary);
  margin-bottom: 24px;
  height: 40px;
  transition: all 0.6s ease 0s;
  position: relative;
}
@media (any-hover: hover) {
  .filrt__btn:hover {
    background: #c058ff;
  }
  .filrt__btn:active {
    background: #7a58ff;
  }
}
.filrt__btn._active {
  background: #302f2f;
}
.filrt__btn._active::before {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/Union.svg) center/contain no-repeat;
  width: 15px;
  height: 10px;
  flex: 0 0 15px;
}
.filrt__delete {
  cursor: pointer;
  color: var(--text-text-3);
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  transition: all 0.6s ease 0s;
}
@media (any-hover: hover) {
  .filrt__delete:hover {
    color: #c058ff;
  }
  .filrt__delete:active {
    color: #7a58ff;
  }
}

.filter-price__slider-price {
  margin-bottom: 16px;
}
.filter-price__inner {
  display: flex;
  gap: 32px;
  justify-content: space-between;
  align-items: center;
}
.filter-price__label {
  color: var(--text-text-2);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.filter-price__item {
  display: flex;
  gap: 8px;
  align-items: center;
}
.filter-price__input {
  color: var(--base-base-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 88px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid var(--base-base-2);
  padding: 8px 12px;
}
.filter-price__line {
  display: flex;
  align-items: center;
  width: 24px;
  height: 2px;
  flex: 0 0 24px;
  background: #838383;
}
.filter-price__input02 {
  color: var(--base-base-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 88px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid var(--base-base-2);
  padding: 8px 12px;
}
.filter-price__input03 {
  color: var(--base-base-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 88px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid var(--base-base-2);
  padding: 8px 12px;
}
.filter-price .noUi-target {
  cursor: pointer;
  border: 0px solid #d3d3d3;
}
.filter-price .noUi-target :focus {
  outline: none;
}
.filter-price .noUi-horizontal {
  height: 4px;
}
.filter-price .noUi-connect {
  background: var(--accent-primary);
}
.filter-price .noUi-connects {
  height: 4px;
}
.filter-price .noUi-base {
  background: #d9d9d9;
}
.filter-price .noUi-horizontal .noUi-handle {
  top: -4px;
  right: -1px;
  width: 12px;
  height: 12px;
  background: var(--accent-primary);
  border: 2px solid var(--accent-primary);
  border-radius: 50%;
  box-shadow: unset;
  cursor: pointer;
  transition: transform 0.1s;
}
.filter-price .noUi-horizontal .noUi-handle:before, .filter-price .noUi-horizontal .noUi-handle:after {
  content: none;
}
@media (any-hover: hover) {
  .filter-price .noUi-horizontal .noUi-handle:hover {
    transform: scale(1.1);
  }
}
.filter-price .noUi-handle-lower {
  right: auto !important;
  left: 32px;
}

.input-file-list-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 125px;
}

.material-product {
  background: #f4f4f4;
  padding: 80px 0;
}
@media (max-width: 47.9875em) {
  .material-product {
    padding: 40px 0;
  }
}
.material-product__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.material-product__inner .material-card {
  flex: 0 0 calc(50% - 20px);
}
@media (max-width: 75em) {
  .material-product__inner {
    gap: 16px;
  }
  .material-product__inner .material-card {
    flex: 0 0 calc(50% - 8px);
  }
}
@media (max-width: 47.9875em) {
  .material-product__inner {
    gap: 24px;
    margin-bottom: 64px;
  }
  .material-product__inner .material-card {
    flex: 0 0 100%;
  }
}
.material-product h3 {
  max-width: 810px;
  padding-top: 72px;
  padding-bottom: 72px;
  color: var(--text-text-4);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  /* 125% */
  letter-spacing: -0.16px;
}
@media (max-width: 47.9875em) {
  .material-product h3 {
    color: var(--text-text-4, #151515);
    /* header/H6 */
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 24px;
    padding-top: 0;
  }
}
.material-product h6 {
  max-width: 810px;
  padding-top: 72px;
  padding-bottom: 72px;
  color: var(--text-text-4);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  /* 125% */
  letter-spacing: -0.16px;
}
@media (max-width: 47.9875em) {
  .material-product h6 {
    padding-top: 40px;
    padding-bottom: 32px;
    color: var(--text-text-3, #838383);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}

.material-card {
  background: #fff;
  padding: 32px;
}
@media (max-width: 75em) {
  .material-card {
    padding: 16px;
  }
}
.material-card__inner {
  display: flex;
  gap: 24px;
  height: 100%;
}
@media (max-width: 1200px) {
  .material-card__inner {
    gap: 8px;
  }
}
@media (max-width: 29.99875em) {
  .material-card__inner {
    flex-direction: column;
    gap: 16px;
  }
}
.material-card__img {
  flex: 0 0 200px;
  min-height: 200px;
}
.material-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .material-card__img {
    flex: 0 0 100px;
    min-height: 100px;
  }
}
@media (max-width: 29.99875em) {
  .material-card__img {
    flex: 0 0 auto;
    width: 224px;
    height: 224px;
    margin-left: auto;
    margin-right: auto;
  }
}
.material-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 0 1 100%;
  height: 100%;
}
.material-card__top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.material-card__top h5 {
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 29.99875em) {
  .material-card__top h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
.material-card__articul {
  display: flex;
  gap: 9px;
  align-items: center;
}
.material-card__articul span {
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.material-card__articul span:nth-of-type(1) {
  color: var(--text-text-3);
}
.material-card__articul span:nth-of-type(2) {
  color: var(--text-text-4);
}
.material-card__body {
  display: flex;
  flex-direction: column;
  flex: 0 1 100%;
}
.material-card__body span {
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.material-card__bottom {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
.material-card__bottom span {
  color: var(--text-text-4);
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.material-card__bottom a {
  display: flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background: var(--accent-primary);
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .material-card__bottom a:hover {
    background: #c058ff;
  }
}
.material-card__bottom a._active {
  background: #3d3d3d;
}

.montage {
  background: #fff;
  padding-top: 62px;
  padding-bottom: 80px;
}
@media (max-width: 47.9875em) {
  .montage {
    padding-top: 40px;
    padding-bottom: 56px;
  }
}
.montage h2 {
  margin-bottom: 56px;
}
@media (max-width: 47.9875em) {
  .montage h2 {
    margin-bottom: 40px;
    margin-right: -15px;
  }
}
.montage__inner {
  display: flex;
  gap: 32px;
}
.montage__inner_width {
  margin-top: 40px;
  justify-content: space-between;
}
.montage__inner_width .montage__content {
  flex: 0 0 fit-content;
}
.montage__inner_width .montage__list {
  position: sticky;
  top: 100px;
}
@media (max-width: 75em) {
  .montage__inner_width {
    flex-direction: column;
  }
}
@media (max-width: 63.99875em) {
  .montage__inner {
    flex-direction: column;
  }
}
.montage__spollers {
  flex: 0 1 100%;
  max-width: 887px;
}
@media (max-width: 75em) {
  .montage__spollers {
    max-width: 100%;
  }
}
.montage__spollers .spollers {
  gap: 0;
}
.montage__spollers .spollers._active .spollers__item::after {
  transform: rotate(180deg);
}
.montage__spollers .spollers__item {
  background: #fff;
  padding: 40px;
  position: relative;
}
.montage__spollers .spollers__item:not(:last-of-type) {
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 63.99875em) {
  .montage__spollers .spollers__item {
    padding: 40px 16px;
  }
}
.montage__spollers .spollers__title {
  color: var(--text-text-4);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  /* 125% */
  letter-spacing: -0.16px;
  max-width: calc(100% - 56px);
  text-align: start;
}
.montage__spollers .spollers__title::before {
  display: none;
}
.montage__spollers .spollers__title::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 40px;
  right: -70px;
  background: url(../../../../../../local/templates/artpole/assets/img/arrov-spollers.svg) center/contain no-repeat;
  transform: translate(0, 0%) rotate(0deg);
}
@media (max-width: 63.99875em) {
  .montage__spollers .spollers__title {
    /* body/16,24, med */
    font-family: Suisse Intl;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    max-width: calc(100% - 56px);
  }
  .montage__spollers .spollers__title::after {
    width: 32px;
    height: 32px;
    right: -60px;
    background: url(../../../../../../local/templates/artpole/assets/img/spollers-montage-arrow.svg) center/contain no-repeat;
  }
}
.montage__spollers .spollers ._spoller-init .spollers__title::after {
  transform: translate(0, 0%) rotate(0deg);
}
.montage__spollers .spollers__body {
  padding-top: 48px;
  max-width: calc(100% - 80px);
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 63.99875em) {
  .montage__spollers .spollers__body {
    font-size: 16px;
    line-height: 24px;
    padding-top: 24px;
  }
}
.montage__content {
  flex: 0 0 calc(50% - 16px);
}
.montage__item:not(:last-of-type) {
  margin-bottom: 40px;
}
.montage__item._active .montage__link {
  pointer-events: none;
}
.montage__item._active .montage__link::before {
  display: block;
}
.montage__link {
  color: var(--text-text-3);
  /* body/16 UP */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  display: flex;
  gap: 24px;
}
.montage__link::before {
  content: "";
  display: none;
  width: 16px;
  height: 16px;
  background: var(--accent-primary);
  flex: 0 0 16px;
}
@media (any-hover: hover) {
  .montage__link:hover {
    color: var(--accent-primary);
  }
  .montage__link:active {
    color: #c058ff;
  }
}
@media (max-width: 47.9875em) {
  .montage__link {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 14px */
    letter-spacing: 1.12px;
    text-transform: uppercase;
    gap: 12px;
  }
}
.montage__img {
  flex: 0 0 calc(50% - 16px);
  max-height: 440px;
  overflow: hidden;
}
.montage__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.montage__text {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 553px;
}
.montage__text a {
  transition: all 0.3s ease 0s;
  color: var(--accent-primary);
}
@media (any-hover: hover) {
  .montage__text a:hover {
    color: var(--accent-primary);
  }
  .montage__text a:active {
    color: #c058ff;
  }
}
.montage__text:nth-of-type(1) {
  margin-top: 28px;
}
.montage__text:not(:last-of-type) {
  margin-bottom: 20px;
}
.montage__text_border {
  border-left: 4px solid var(--accent-primary);
  padding-left: 16px;
}
@media (max-width: 47.9875em) {
  .montage__text_border {
    font-weight: 600;
    color: var(--text-text-4, #151515);
  }
}
.montage__text_border-w8 {
  border-left: 8px solid var(--accent-primary);
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.montage__text_border-w8 a {
  color: var(--text-text-4);
  /* body/16 UP */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .montage__text_border-w8 a:hover {
    color: var(--accent-primary);
  }
  .montage__text_border-w8 a:active {
    color: #c058ff;
  }
}
@media (max-width: 47.9875em) {
  .montage__text_border-w8 {
    padding-left: 24px;
    border-left: 3px solid var(--accent-primary);
  }
}
@media (max-width: 47.9875em) {
  .montage__text {
    font-size: 16px;
    line-height: 24px;
  }
}
.montage table.iksweb {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  height: auto;
  margin-bottom: 32px;
  max-width: 553px;
}
.montage table.iksweb,
.montage table.iksweb td,
.montage table.iksweb th {
  border: 1px solid #d9d9d9;
}
.montage table.iksweb td,
.montage table.iksweb th {
  padding: 3px;
  width: 30px;
  height: 35px;
}
.montage table.iksweb th {
  background: var(--text-text-3);
  color: #fff;
  font-weight: normal;
}
.montage h3 {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
  color: var(--text-text-4);
  /* header/H6 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.montage__block {
  margin-bottom: 40px;
  max-width: 553px;
}
.montage__block p {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .montage__block h3 {
    margin-bottom: 24px;
    gap: 24px;
  }
}
@media (max-width: 47.9875em) {
  .montage__block {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d9d9d9;
  }
}
.montage tr td {
  padding: 10px;
  text-align: center;
}
.montage tr td:nth-of-type(1) {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.montage tr td:nth-of-type(2) {
  width: 20%;
  color: var(--text-text-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.mt0 {
  margin-top: 0 !important;
}

.instruction-card {
  background: #fff;
  padding: 24px;
  flex: 0 0 calc(50% - 16px);
}
@media (max-width: 63.99875em) {
  .instruction-card {
    flex: 0 0 calc(50% - 8px);
    padding: 24px 16px;
  }
}
@media (max-width: 47.9875em) {
  .instruction-card {
    flex: 0 0 100%;
  }
}
.instruction-card__inner {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
.instruction-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.instruction-card__content p {
  display: flex;
  flex-direction: column;
}
.instruction-card__content p span {
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 63.99875em) {
  .instruction-card__content p span {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
}
.instruction-card__top {
  display: flex;
  gap: 24px;
}
.instruction-card__top span {
  color: var(--text-text-2);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .instruction-card__top span {
    font-size: 14px;
    line-height: 20px;
  }
}
.instruction-card__links {
  display: flex;
  gap: 16px;
}
.instruction-card__links a {
  display: flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background: var(--accent-primary);
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .instruction-card__links a:hover {
    background: #c058ff;
  }
  .instruction-card__links a:active {
    background: #c058ff;
  }
}
@media (max-width: 29.99875em) {
  .instruction-card__links {
    flex-direction: column;
  }
}

.dillers {
  background: #fff;
  padding-bottom: 80px;
  padding-top: 62px;
}
@media (max-width: 47.9875em) {
  .dillers {
    padding-top: 40px;
  }
}
@media (max-width: 47.9875em) {
  .dillers_pb40 {
    padding-bottom: 40px;
  }
}
.dillers__inner {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
.dillers__inner h2 {
  margin-bottom: 32px;
}
@media (max-width: 47.9875em) {
  .dillers__inner h2 {
    margin-bottom: 12px;
  }
}
.dillers__inner h3 {
  color: var(--text-text-4);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  /* 125% */
  letter-spacing: -0.16px;
  max-width: 630px;
}
@media (max-width: 47.9875em) {
  .dillers__inner h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.dillers__inner p,
.dillers__inner li {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 743px;
}
@media (max-width: 63.99875em) {
  .dillers__inner p,
.dillers__inner li {
    max-width: 100%;
  }
}
@media (max-width: 47.9875em) {
  .dillers__inner p,
.dillers__inner li {
    font-size: 16px;
    line-height: 24px;
  }
}
.dillers__inner ul {
  padding-left: 20px;
}
.dillers__inner ul li {
  list-style: disc;
}
.dillers__inner a {
  color: #a258ff;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .dillers__inner a:hover {
    color: #c058ff;
  }
}
.dillers__inner a:active {
  color: #7a58ff;
}
.dillers__content {
  flex: 0 1 100%;
}
.dillers__content_article {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dillers__content_article h1, .dillers__content_article h2 {
  margin-bottom: 0;
}
.dillers__content_article h1 span, .dillers__content_article h2 span {
  color: var(--text-text-4, #151515);
  /* header/H2 */
  font-family: Gilroy;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  /* 100% */
  letter-spacing: -0.24px;
}
@media (max-width: 47.9875em) {
  .dillers__content_article h1 span, .dillers__content_article h2 span {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 120% */
    letter-spacing: -0.2px;
  }
}
.dillers__content_article span {
  color: var(--text-text-2);
  /* body/16,24, med */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.dillers__block {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
@media (max-width: 63.99875em) {
  .dillers__block {
    gap: 40px;
  }
}
.dillers__img {
  flex: 0 0 50%;
  position: relative;
  overflow: hidden;
  height: 440px;
}
.dillers__img_rewiews {
  height: 669px;
  overflow: hidden;
  border: 1px solid var(--base-base-2, #d9d9d9);
  flex: 0 0 521px;
  position: sticky;
  top: 100px;
}
.dillers__img_height {
  min-height: 440px;
  height: auto;
}
.dillers__img_width {
  flex: 0 0 33.33%;
  height: auto;
}
@media (max-width: 63.99875em) {
  .dillers__img_width {
    height: 450px;
  }
}
@media (max-width: 29.99875em) {
  .dillers__img_width {
    height: 238px;
  }
}
.dillers__img_autor {
  height: 550px;
}
.dillers__img_autor::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/bg-autor.svg) center -32px repeat-y;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
@media (max-width: 63.99875em) {
  .dillers__img_autor {
    display: none;
  }
}
.dillers__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .dillers__img {
    margin-bottom: 40px;
  }
}
@media (max-width: 29.99875em) {
  .dillers__img {
    height: 240px;
  }
}
.dillers .btn {
  max-width: 409px;
  width: 100%;
}

.info {
  position: fixed;
  top: 0;
  width: 100vw;
  right: -100%;
  min-height: 100vh;
  height: 100%;
  transition: all 0.3s ease 0s;
  z-index: 353;
}
.info._active {
  transform: translateX(-100%);
}
.info .montage__block p {
  margin: 0;
}
.info .montage__block p:last-of-type {
  margin-bottom: 0px;
}
@media (max-width: 47.9875em) {
  .info .montage__block {
    margin-bottom: 24px;
  }
  .info .montage__block:not(:last-of-type) {
    padding-bottom: 24px;
    border-bottom: 1px solid #d9d9d9;
  }
}
.info p {
  margin-bottom: 17px;
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.info p:last-of-type {
  margin-bottom: 40px;
}
.info h4 {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
  color: var(--text-text-4);
  /* header/H6 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media (any-hover: hover) {
  .info a.purple:hover {
    color: #c058ff;
  }
}
.info a.purple:active {
  color: #7a58ff;
}
.info__block-item {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.info__block-item h2 {
  margin-bottom: 0;
}
.info__block-item p {
  margin-bottom: 0;
}
.info__block-item p:last-of-type {
  margin-bottom: 0px;
}
.info__block-item:not(:last-of-type) {
  margin-bottom: 67px;
}
.info h3 {
  text-align: center;
  color: var(--text-text-4);
  text-align: center;
  /* header/H3 */
  font-family: Gilroy;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  /* 120% */
  letter-spacing: -0.2px;
  margin-bottom: 32px;
}
@media (max-width: 47.9875em) {
  .info h3 {
    margin-bottom: 37px;
  }
}
.info h6 {
  color: var(--text-text-4);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.info ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.info ul li {
  display: flex;
  gap: 16px;
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.info ul li::before {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  flex: 0 0 24px;
  background: var(--accent-primary);
  margin-top: 10px;
}
.info form p,
.info form p:last-of-type {
  margin-bottom: 0 !important;
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.info .input-file-list-name {
  color: #151515;
}
.info .input-file-list {
  flex: 0 1 100%;
}
.info .form__flex_add._active .input-file-row {
  width: 100%;
}
.info textarea {
  flex: 0 1 100%;
}
.info__wrapper {
  width: 593px;
  height: 100%;
  margin-left: auto;
  background: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 47.9875em) {
  .info__wrapper {
    padding: 16px;
    width: 375px;
    max-width: 100%;
    padding-bottom: 28px;
  }
}
@media (max-width: 375px) {
  .info__wrapper {
    width: 100%;
  }
}
.info__wrapper::-webkit-scrollbar {
  width: 5px;
}
.info__wrapper::-webkit-scrollbar-track {
  background: #ffffff;
}
.info__wrapper::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 10px;
}
.info__close {
  width: 24px;
  height: 24px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info__close svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .info__close:hover svg {
    fill: var(--accent-primary);
  }
  .info__close:active svg {
    fill: #7a58ff;
  }
}
.info__tab {
  border: 1px solid var(--base-base-2);
}
.info__tab_width .info__item span:nth-of-type(1) {
  flex: 0 1 100%;
}
.info__tab_width .info__item span:nth-of-type(2) {
  flex: 0 0 90px;
}
.info__item {
  display: flex;
}
.info__item:not(:last-of-type) {
  border-bottom: 1px solid var(--base-base-2);
}
.info__item span {
  color: var(--text-text-3);
  padding: 10px;
  display: block;
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  flex: 0 0 50%;
  text-align: center;
}
.info__item span:nth-of-type(1) {
  border-right: 1px solid var(--base-base-2);
}
.info__item span:nth-of-type(2) {
  color: var(--text-text-4);
}
.info__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.info__block:not(:last-of-type) {
  margin-bottom: 67px;
}
.info__flex {
  display: flex;
  gap: 10px;
  align-items: center;
}
.info__flex:not(:last-of-type) {
  margin-bottom: 24px;
}
.info__flex p {
  margin-bottom: 0;
}
.info__flex p:last-of-type {
  margin-bottom: 0;
}
.info p.info__black {
  color: var(--text-text-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.info__note {
  margin-top: 32px;
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  max-width: 80%;
}
.info .btn {
  margin-top: 2rem;
  flex: 0 0 52px;
  max-width: 252px;
  width: 100%;
}
.info__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info__back {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--text-text-3);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.info__back svg {
  fill: var(--text-text-3);
}

.slider-product {
  background: transparent;
  z-index: 3;
  padding-top: 80px;
}
.slider-product_grey {
  background: var(--background-light-grey);
}
.slider-product_grey .catalog-card {
  background: var(--background-light-grey);
}
.slider-product_grey .catalog-card__bottom {
  background: var(--background-light-grey);
}
@media (max-width: 63.99875em) {
  .slider-product_mob-white {
    padding-bottom: 80px;
  }
}
@media (max-width: 47.9875em) {
  .slider-product_mob-white {
    background: #fff;
  }
}
@media (max-width: 47.9875em) {
  .slider-product {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.slider-product h2 {
  margin-bottom: 0px;
}
.slider-product__block-container {
  position: relative;
  max-width: 1370px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: -22px;
}
@media (max-width: 91em) {
  .slider-product__block-container {
    max-width: calc(100vw - 144px + 70px);
  }
}
@media (max-width: 63.99875em) {
  .slider-product__block-container {
    max-width: calc(100vw - 144px);
  }
}
@media (max-width: 47.9875em) {
  .slider-product__block-container {
    max-width: calc(100vw - 32px);
  }
}
.slider-product__container {
  position: relative;
}
.slider-product__slider {
  padding: 40px 34px 210px !important;
  position: relative;
}
@media (max-width: 63.99875em) {
  .slider-product__slider {
    padding: 40px 0px 32px !important;
    height: 341px !important;
  }
}
.slider-product__slider .catalog-card {
  background: transparent;
}
.slider-product__slider .catalog-cards__item {
  margin: 0 -20px;
}
@media (max-width: 47.9875em) {
  .slider-product__slider .catalog-cards__item {
    margin: 0;
  }
}
@media (any-hover: hover) {
  .slider-product__slider .catalog-cards__item:hover .catalog-card {
    background: #fff;
  }
}
.slider-product__wrapper {
  position: relative;
}
.slider-product .swiper-button-next,
.slider-product .swiper-button-prev {
  top: 39%;
}
.slider-product .slider-product-scrollbar {
  display: none;
}
@media (max-width: 63.99875em) {
  .slider-product .slider-product-scrollbar {
    display: block;
    left: 0 !important;
    margin-top: 32px;
  }
}
@media (max-width: 63.99875em) {
  .slider-product .swiper-button-prev,
.slider-product .swiper-button-next {
    display: none;
  }
}
.slider-product .swiper-button-prev {
  left: calc((100vw - 1296px - 72px - 75px) / 2);
}
@media (max-width: 91em) {
  .slider-product .swiper-button-prev {
    left: 10px;
  }
}
@media (max-width: 63.99875em) {
  .slider-product .swiper-button-prev {
    display: none;
  }
}
.slider-product .swiper-button-next {
  right: calc((100vw - 1296px - 72px - 75px) / 2);
}
@media (max-width: 91em) {
  .slider-product .swiper-button-next {
    right: 10px;
  }
}
@media (max-width: 63.99875em) {
  .slider-product .swiper-button-next {
    display: none;
  }
}

.btn-cart-mob {
  position: fixed;
  top: 86px;
  right: calc((100vw - 1440px) / 2 + 57px);
  z-index: 239;
}
@media (max-width: 90em) {
  .btn-cart-mob {
    right: 64px;
  }
}
@media (max-width: 47.9875em) {
  .btn-cart-mob {
    right: 0;
    padding: 12px;
    bottom: 64px;
    background: var(--accent-primary);
    width: 100%;
    top: auto;
  }
}
.btn-cart-mob__inner {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  border-radius: 48px;
  background: linear-gradient(180deg, #f4f4f4 0%, rgba(244, 244, 244, 0.92) 78.65%, rgba(244, 244, 244, 0.78) 100%);
  padding: 8px;
  padding-left: 32px;
}
.btn-cart-mob__inner span:nth-of-type(1) {
  grid-area: 1/1/2/2;
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
}
@media (max-width: 47.9875em) {
  .btn-cart-mob__inner span:nth-of-type(1) {
    display: none;
  }
}
.btn-cart-mob__inner span:nth-of-type(2) {
  grid-area: 2/1/3/2;
  color: var(--text-text-3);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  text-align: right;
}
@media (max-width: 47.9875em) {
  .btn-cart-mob__inner span:nth-of-type(2) {
    color: var(--text-text-1);
    /* Button, 16 */
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.btn-cart-mob__inner button {
  grid-area: 1/2/3/3;
  border-radius: 43px;
  background: var(--background-dark-grey);
  display: block;
  padding: 15px 26px;
  color: var(--text-text-1, #fff);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 47.9875em) {
  .btn-cart-mob__inner button {
    color: var(--text-text-1);
    /* Button, 16 */
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    background: transparent;
    border-radius: 0px;
    padding: 0;
  }
}
@media (max-width: 47.9875em) {
  .btn-cart-mob__inner {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-direction: row-reverse;
    align-items: center;
    background: transparent;
    border-radius: 0;
  }
}

.p {
  background: #f4f4f4;
  padding: 115px 0;
}
@media (max-width: 63.99875em) {
  .p {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.p__inner {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
@media (max-width: 63.99875em) {
  .p__inner {
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.p__content {
  max-width: 443px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.p__content p {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 63.99875em) {
  .p__content {
    max-width: 100%;
  }
}
.p__img {
  flex: 0 0 60%;
}
.p__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .p__img {
    flex: 0 0 auto;
    height: auto;
    width: 100%;
  }
}

.mt-150 {
  margin-top: -152px;
}
@media (max-width: 63.99875em) {
  .mt-150 {
    margin-top: 0;
  }
}

.lb-outerContainer {
  background: radial-gradient(47.08% 147.69% at 48.44% 8.7%, #474747 0%, #212121 100%);
}

.lightbox .lb-image {
  border: 4px solid #212121;
}

@media (max-width: 47.9875em) {
  .not-mob {
    display: none;
  }
}

svg {
  background-color: transparent;
  position: static;
  background-color: transparent;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%) rotateZ(0deg);
}

.header-black .header {
  background: #212121;
}

.pt0 {
  padding-top: 0 !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.news {
  padding-top: 80px;
  padding-bottom: 120px;
  background: #fff;
}
@media (max-width: 47.9875em) {
  .news {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news_grey {
  background: #f4f4f4;
}
.news__block {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.news__block:not(:last-of-type) {
  margin-bottom: 72px;
}
@media (max-width: 47.9875em) {
  .news__block {
    gap: 16px;
  }
  .news__block:not(:last-of-type) {
    margin-bottom: 80px;
  }
}
.news__flex {
  display: flex;
  gap: 32px;
}
.news__flex img {
  flex: 0 0 calc(50% - 16px);
  height: 440px;
}
@media (max-width: 63.99875em) {
  .news__flex img {
    flex: 0 0 auto;
  }
}
@media (max-width: 63.99875em) {
  .news__flex {
    flex-direction: column;
  }
}
.news__flex-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.news__flex-column p {
  position: relative;
  padding-left: 21px;
}
.news__flex-column p::before {
  content: "";
  position: absolute;
  display: block;
  top: 14px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--accent-primary);
}
@media (max-width: 47.9875em) {
  .news__flex-column {
    gap: 12px;
  }
}
.news__container {
  max-width: 854px;
}
.news__container a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #a258ff;
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.news__container a svg {
  fill: #a258ff;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .news__container a:hover {
    color: #c058ff;
  }
  .news__container a:hover svg {
    fill: #c058ff;
  }
  .news__container a:active {
    color: #7a58ff;
  }
  .news__container a:active svg {
    fill: #7a58ff;
  }
}
.touch .news__container a {
  color: #7a58ff;
}
.touch .news__container a svg {
  fill: #7a58ff;
}
.news__container h3 {
  color: var(--text-text-4);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
@media (max-width: 47.9875em) {
  .news__container h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }
}
.news__container p,
.news__container li {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .news__container p,
.news__container li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}
.news__container ol,
.news__container ul {
  padding-left: 20px;
}
.news__container ul li {
  list-style: disc;
}
.news__container img {
  display: block;
  width: 100%;
  height: 440px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 29.99875em) {
  .news__container img {
    height: 240px;
  }
}

@media (max-width: 47.9875em) {
  .d-none-mob {
    display: none;
  }
}

.product-big-item__delete-screen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.product-big-item__delete-screen__timer {
  margin-bottom: 16px;
}

.product-big-item__delete-screen__title {
  color: var(--base-base-4, #3d3d3d);
  text-align: center;
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
}
@media (max-width: 47.9875em) {
  .product-big-item__delete-screen__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}

.product-big-item__delete-screen__btns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-big-item__delete-screen__btn {
  color: var(--accent-primary, #a258ff);
  text-align: center;
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .product-big-item__delete-screen__btn {
    font-size: 14px;
    line-height: 100%;
  }
}

.product-big-item__delete-screen__btn:hover {
  text-decoration: none;
}

.product-big-item__delete-screen__btn--red {
  color: var(--accent-primary, #a258ff);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .product-big-item__delete-screen__btn--red:hover {
    color: var(--accent-hover, #c058ff);
  }
}
.product-big-item__delete-screen__btn--red:active {
  color: var(--accent-pressed, #7a58ff);
}

.product-big-item__delete-screen {
  display: none;
}

.product-big-item--deleting .product-big-item__delete-screen {
  display: flex;
}

.timer {
  position: relative;
  width: 40px;
  height: 40px;
  margin: auto;
}

.timer svg {
  transform: translateX(0);
}

.timer__circle {
  fill: none;
  stroke: none;
}

.timer__path-main {
  stroke-width: 2px;
  stroke: #e4e4e4;
}

.timer__path-second {
  stroke-width: 2px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: stroke-dasharray 1s linear;
  fill-rule: nonzero;
  stroke: #000;
  will-change: stroke-dasharray;
}

.timer__label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
}

.product-big-item--deleting .cart__img,
.product-big-item--deleting .cart__content {
  opacity: 0.2;
  filter: blur(2px);
}

textarea {
  resize: none;
}

.show-more-instruction {
  display: none;
}
@media (max-width: 47.9875em) {
  .show-more-instruction {
    display: flex;
    gap: 24px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    color: var(--text-text-4, #151515);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }
}

@media (max-width: 63.99875em) {
  .grey-mob {
    background: #f4f4f4 !important;
  }
}

.articles {
  padding-top: 54px;
  padding-bottom: 96px;
}
@media (max-width: 63.99875em) {
  .articles {
    padding-bottom: 60px;
  }
}
@media (max-width: 47.9875em) {
  .articles {
    padding-top: 40px;
  }
}
.articles h2 {
  margin-bottom: 6px;
}
@media (max-width: 47.9875em) {
  .articles h2 {
    margin-bottom: 32px;
  }
}
.articles__filter {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: underline;
}
@media (max-width: 47.9875em) {
  .articles__filter {
    margin-bottom: 32px;
    justify-content: flex-start;
  }
}
.articles__filter .select__options {
  top: 0;
}
.articles__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.articles__inner:not(:last-of-type) {
  margin-bottom: 32px;
}
@media (max-width: 47.9875em) {
  .articles__inner:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
@media (max-width: 63.99875em) {
  .articles__inner {
    gap: 24px;
  }
}
.articles__item {
  font-family: Suisse Intl;
  color: #838383;
  line-height: 24px;
  background-color: #fff;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-basis: calc((100% - 64px) / 3);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .articles__item:hover {
    box-shadow: 0px 4px 20px 0px #00000029;
  }
}
@media (max-width: 63.99875em) {
  .articles__item {
    flex-basis: calc((100% - 24px) / 2);
  }
}
@media (max-width: 47.9875em) {
  .articles__item {
    flex-basis: 100%;
    background-color: transparent;
  }
}
.articles__item-info {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 63.99875em) {
  .articles__item-info {
    padding: 24px;
  }
}
@media (max-width: 47.9875em) {
  .articles__item-info {
    padding: 0 0 0 20px;
  }
}
.articles__item-image {
  display: none;
}
@media (max-width: 47.9875em) {
  .articles__item-image {
    display: block;
    width: 125px;
    min-width: 125px;
    height: 125px;
    background-image: var(--image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.articles__item-title {
  flex: 1;
  margin-bottom: 16px;
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 600;
  color: #151515;
  letter-spacing: -0.05px;
}
@media (max-width: 63.99875em) {
  .articles__item-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 47.9875em) {
  .articles__item-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.articles__item-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 47.9875em) {
  .articles__item-text {
    display: none;
  }
}
.articles__item-date {
  margin-top: 28px;
  font-weight: 600;
  color: #a258ff;
}
@media (max-width: 63.99875em) {
  .articles__item-date {
    margin-top: 16px;
  }
}
@media (max-width: 47.9875em) {
  .articles__item-date {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #838383;
  }
}
.articles__item:first-child {
  flex-basis: 100%;
}
.articles__item:first-child .articles__item-image {
  display: block;
  overflow: hidden;
  background-image: var(--image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 47.9875em) {
  .articles__item:first-child .articles__item-image {
    width: 40%;
    min-width: 40%;
    height: auto;
  }
}
.articles__item:first-child .articles__item-info {
  padding: 40px 224px 40px 114px;
}
@media (max-width: 1400px) {
  .articles__item:first-child .articles__item-info {
    padding: 40px 150px 40px 90px;
  }
}
@media (max-width: 1200px) {
  .articles__item:first-child .articles__item-info {
    padding: 40px 114px 40px 56px;
  }
}
@media (max-width: 63.99875em) {
  .articles__item:first-child .articles__item-info {
    padding: 24px;
  }
}
@media (max-width: 47.9875em) {
  .articles__item:first-child .articles__item-info {
    padding: 0 0 0 20px;
  }
}
.articles__item:first-child .articles__item-title {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
}
@media (max-width: 63.99875em) {
  .articles__item:first-child .articles__item-title {
    margin-bottom: 16px;
  }
}
@media (max-width: 47.9875em) {
  .articles__item:first-child .articles__item-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
  }
}
.articles__item:first-child .articles__item-text {
  -webkit-line-clamp: 5;
}
.articles__item:first-child .articles__item-date {
  margin-top: 52px;
}
@media (max-width: 63.99875em) {
  .articles__item:first-child .articles__item-date {
    margin-top: 16px;
  }
}
@media (max-width: 47.9875em) {
  .articles__item:first-child .articles__item-date {
    margin: 0;
  }
}
.articles__btn-more {
  margin-top: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 63.99875em) {
  .articles__btn-more {
    margin-top: 48px;
  }
}
.articles__btn-more .btn {
  padding-left: 72px;
  padding-right: 72px;
}
@media (max-width: 480px) {
  .articles__btn-more .btn {
    width: 100%;
  }
}
.articles-useful {
  padding-top: 80px;
  padding-bottom: 96px;
  background-color: #fff;
}
@media (max-width: 63.99875em) {
  .articles-useful {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 47.9875em) {
  .articles-useful {
    background-color: transparent;
    padding-bottom: 116px;
  }
}
.articles-useful .articles__btn-more {
  display: none;
}
@media (max-width: 47.9875em) {
  .articles-useful .articles__inner {
    gap: 40px;
  }
  .articles-useful .articles__btn-more {
    margin-top: 53px;
    display: flex;
  }
}
.articles-useful h2 {
  margin-bottom: 56px;
}
@media (max-width: 63.99875em) {
  .articles-useful h2 {
    margin-bottom: 40px;
  }
}
.articles-useful h1 {
  margin-bottom: 40px;
}
.articles-useful__item {
  font-family: Suisse Intl;
  line-height: 24px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-basis: calc((100% - 64px) / 3);
}
@media (any-hover: hover) {
  .articles-useful__item:hover .articles-useful__item-image {
    box-shadow: 0px 4px 20px 0px #00000059;
  }
}
@media (max-width: 63.99875em) {
  .articles-useful__item {
    flex-basis: calc((100% - 24px) / 2);
  }
}
@media (max-width: 47.9875em) {
  .articles-useful__item {
    flex-basis: 100%;
  }
}
.articles-useful__item-image {
  width: 100%;
  min-width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  background-image: var(--image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 63.99875em) {
  .articles-useful__item-image {
    height: 238px;
  }
}
.articles-useful__item-info {
  padding: 24px 51px 0 0;
}
@media (max-width: 63.99875em) {
  .articles-useful__item-info {
    padding: 24px 0 0;
  }
}
@media (max-width: 47.9875em) {
  .articles-useful__item-info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 20px 0 0;
  }
}
.articles-useful__item-title {
  margin-top: 12px;
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 600;
  color: #151515;
  letter-spacing: -0.05px;
}
@media (max-width: 47.9875em) {
  .articles-useful__item-title {
    margin: 0 0 12px;
    font-size: 16px;
    order: 0;
  }
}
.articles-useful__item-date {
  font-weight: 600;
  color: #b0b0b0;
}
@media (max-width: 47.9875em) {
  .articles-useful__item-date {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #838383;
    order: 1;
  }
}
@media (min-width: 63.99875em) {
  .articles-useful__item:nth-child(-n+2) {
    position: relative;
    height: 360px;
    flex-basis: calc((100% - 32px) / 2);
  }
}
@media (min-width: 63.99875em) and (max-width: 63.99875em) {
  .articles-useful__item:nth-child(-n+2) {
    flex-basis: calc((100% - 24px) / 2);
  }
}
@media (min-width: 63.99875em) {
  .articles-useful__item:nth-child(-n+2) .articles-useful__item-image {
    height: 100%;
  }
  .articles-useful__item:nth-child(-n+2) .articles-useful__item-info {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 36px 56px 24px 24px;
  }
  .articles-useful__item:nth-child(-n+2) .articles-useful__item-title {
    margin-top: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
    color: #fff;
  }
  .articles-useful__item:nth-child(-n+2) .articles-useful__item-date {
    color: #fff;
  }
}
.articles-useful__pagination {
  margin-top: 56px;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 63.99875em) {
  .articles-useful__pagination {
    margin-top: 40px;
  }
}
@media (max-width: 47.9875em) {
  .articles-useful__pagination {
    display: none;
  }
}
.articles-useful__pagination li {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--base-base-4);
  transition: all 0.3s ease 0s;
}
.articles-useful__pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.articles-useful__pagination li._active {
  background: #f6efff;
}
@media (any-hover: hover) {
  .articles-useful__pagination li._active:hover {
    background: #f6efff;
    color: var(--base-base-4);
  }
  .articles-useful__pagination li._active:hover svg {
    fill: #838383;
  }
}
.articles-useful__pagination li svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .articles-useful__pagination li:hover {
    background: var(--accent-primary);
    color: var(--text-text-1);
  }
  .articles-useful__pagination li:hover svg {
    fill: var(--text-text-1);
  }
}

@media (max-width: 47.9875em) {
  .pt40 {
    padding-top: 40px !important;
  }
}

.solutions {
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #fff;
}
@media (max-width: 63.99875em) {
  .solutions {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.solutions h2, .solutions h1 {
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .solutions h2, .solutions h1 {
    margin-bottom: 24px;
  }
}
.solutions__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 63.99875em) {
  .solutions__inner {
    gap: 24px;
  }
}
.solutions__column {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 63.99875em) {
  .solutions__column {
    width: 100%;
    gap: 24px;
  }
}
.solutions__column:nth-child(4n), .solutions__column:nth-child(4n+1) {
  width: calc(60% - 32px);
}
.solutions__column:nth-child(4n) .solutions__item, .solutions__column:nth-child(4n+1) .solutions__item {
  height: 572px;
}
@media (max-width: 63.99875em) {
  .solutions__column:nth-child(4n), .solutions__column:nth-child(4n+1) {
    width: 100%;
  }
}
@media (max-width: 47.9875em) {
  .solutions__column:nth-child(4n) .solutions__item, .solutions__column:nth-child(4n+1) .solutions__item {
    height: 240px;
  }
}
.solutions__item {
  position: relative;
  display: block;
  width: 100%;
  height: 270px;
  overflow: hidden;
}
@media (any-hover: hover) {
  .solutions__item:hover:before {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media (max-width: 47.9875em) {
  .solutions__item {
    height: 240px;
  }
}
.solutions__item:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: var(--image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.3s ease 0s;
}
.solutions__item:after {
  content: url("data:image/svg+xml,%3Csvg width=%2722%27 height=%2713%27 viewBox=%270 0 22 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15.8541 12.808L22 6.53203L15.8541 0.25608C15.7986 0.182033 15.7281 0.120966 15.6474 0.0770123C15.5666 0.0330594 15.4775 0.00724534 15.3861 0.00131921C15.2946 -0.00460692 15.203 0.00949412 15.1174 0.0426648C15.0318 0.0758355 14.9542 0.127302 14.8899 0.193582C14.8256 0.259862 14.776 0.339408 14.7446 0.426833C14.7132 0.514259 14.7006 0.607521 14.7078 0.70031C14.7149 0.793099 14.7416 0.883246 14.786 0.96465C14.8304 1.04605 14.8915 1.11681 14.9652 1.17213L19.5634 5.88234L0.639532 5.88235C0.469919 5.88235 0.307253 5.95079 0.187319 6.07263C0.0673841 6.19447 4.87224e-06 6.35972 4.87978e-06 6.53203C4.88731e-06 6.70434 0.0673842 6.86959 0.187319 6.99143C0.307253 7.11327 0.469919 7.18171 0.639532 7.18171L19.5634 7.18171L14.9652 11.8919C14.8456 12.0143 14.7788 12.1798 14.7794 12.3522C14.78 12.5246 14.848 12.6897 14.9684 12.8112C15.0888 12.9327 15.2518 13.0006 15.4215 13C15.5912 12.9994 15.7538 12.9303 15.8733 12.808L15.8541 12.808Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  position: absolute;
  bottom: 30px;
  right: 24px;
  z-index: 2;
}
@media (max-width: 47.9875em) {
  .solutions__item:after {
    display: none;
  }
}
.solutions__item-info {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 40px 100px 24px 24px;
  font-family: Suisse Intl;
  color: #fff;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .solutions__item-info {
    padding: 24px 12px 11px;
  }
}
.solutions__item-info h5 {
  margin: 0;
  font-family: Gilroy;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.005px;
}
@media (max-width: 47.9875em) {
  .solutions__item-info h5 {
    line-height: 30px;
  }
}
.solutions__item-info a {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  color: #fff;
}
.solutions__item-info a svg {
  margin-left: 10px;
}
.solutions__item-info a svg path {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .solutions__item-info a:hover {
    color: #a258ff;
  }
  .solutions__item-info a:hover svg path {
    fill: #a258ff;
  }
}
.solutions__item._ad {
  background: linear-gradient(155.93deg, #212121 3.21%, #363636 94.48%);
}
.solutions__item._ad:after, .solutions__item._ad:before {
  display: none;
}
@media (max-width: 47.9875em) {
  .solutions__item._ad:before {
    display: block;
    background-image: url("../../../../../../local/templates/artpole/assets/img/ad-bg.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
  }
}
.solutions__item._ad .solutions__item-info {
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 47.9875em) {
  .solutions__item._ad .solutions__item-info {
    padding-bottom: 24px;
    color: #b0b0b0;
  }
}
.solutions__item._ad .solutions__item-info h5 {
  margin-bottom: 25px;
}
@media (max-width: 47.9875em) {
  .solutions__item._ad .solutions__item-info h5 {
    margin-bottom: 12px;
    font-family: Suisse Intl;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
  }
}
.solutions__item._ad .solutions__item-info p {
  flex: 1;
}
@media (max-width: 47.9875em) {
  .solutions__item._ad .solutions__item-info p {
    max-width: 284px;
  }
}
.solutions__btn-more {
  margin-top: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 63.99875em) {
  .solutions__btn-more {
    margin-top: 48px;
  }
}
.solutions__btn-more .btn {
  padding-left: 72px;
  padding-right: 72px;
}
@media (max-width: 480px) {
  .solutions__btn-more .btn {
    width: 100%;
  }
}

.solutions__inner_project .solutions__item img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
}
.solutions__inner_project .solutions__item::after {
  display: none;
}
.solutions__inner_project .solutions__item::before {
  display: none;
}
@media (any-hover: hover) {
  .solutions__inner_project .solutions__item:hover img {
    transform: scale(1.1);
  }
}

.solutions__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 64px;
}
@media (max-width: 47.9875em) {
  .solutions__content {
    margin-top: 40px;
  }
}
.solutions__content-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.solutions__content-item span {
  color: var(--text-text-2, #b0b0b0);
}
.solutions__content-item span:nth-of-type(1) {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
}
.solutions__content-item span:nth-of-type(2) {
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.popular_solution .swiper-button-next, .popular_solution .swiper-button-prev {
  top: 50%;
}

.lb-outerContainer {
  background: transparent;
}

.lightbox .lb-image {
  border: 0px solid #212121;
}

.lb-nav a.lb-next {
  position: relative;
  right: -50px;
}

.lb-nav a.lb-prev {
  left: -50px;
  position: relative;
}

.header {
  padding: 5px 0;
  position: relative;
  z-index: 352;
  background: transparent;
  transition: all 0.5s ease 0s;
  position: fixed;
  width: 100%;
  top: 0%;
}
.header.header--scrolled {
  background: #212121;
}
@media (max-width: 47.9875em) {
  .header {
    padding: 12px 0;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 47.9875em) {
  .header__inner {
    justify-content: start;
    gap: 24px;
  }
}
.header__logo {
  flex: 0 0 157px;
}
.header__logo img {
  display: block;
  width: 100px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 47.9875em) {
  .header__logo {
    margin-right: auto;
    flex: 0 0 140px;
  }
}


@media (max-width: 768px) {
  .header__logo img {
  display: block;
  width: 60px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
}
.header__menu {
  display: none;
}
.header__actions {
  display: flex;
  gap: 32px;
}
@media (max-width: 47.9875em) {
  .header__actions {
    display: block;
  }
}
.header__links {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}
.header__links::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header__links:nth-of-type(1)::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/location.png) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__links:nth-of-type(1):hover::after {
    background: url(../../../../../../local/templates/artpole/assets/img/location-hover.png) center/contain no-repeat;
  }
}
@media (max-width: 63.99875em) {
  .header__links:nth-of-type(1) {
    display: none;
  }
}
.header__links:nth-of-type(2)::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/search.png) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__links:nth-of-type(2):hover::after {
    background: url(../../../../../../local/templates/artpole/assets/img/search-hover.svg) center/contain no-repeat;
  }
}
@media (max-width: 63.99875em) {
  .header__links:nth-of-type(2) {
    display: none;
  }
}
.header__links:nth-of-type(3)::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/like.png) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__links:nth-of-type(3):hover::after {
    background: url(../../../../../../local/templates/artpole/assets/img/like-hover.svg) center/contain no-repeat;
  }
}
@media (max-width: 63.99875em) {
  .header__links:nth-of-type(3) {
    display: none;
  }
}
.header__links:nth-of-type(4)::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/cart.png) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__links:nth-of-type(4):hover::after {
    background: url(../../../../../../local/templates/artpole/assets/img/cart-hover.svg) center/contain no-repeat;
  }
}
@media (max-width: 63.99875em) {
  .header__links:nth-of-type(4) {
    display: none;
  }
}
.header__links:nth-of-type(5)::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/call.png) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__links:nth-of-type(5):hover::after {
    background: url(../../../../../../local/templates/artpole/assets/img/phone-hover.svg) center/contain no-repeat;
  }
}
.header__links span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 8px;
  background: var(--accent-primary);
  overflow: hidden;
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  top: -70%;
  right: -75%;
}

.icon-menu {
  outline: none;
  transform: translateX(42px);
  display: block;
  position: relative;
  width: 40px;
  height: 28px;
  cursor: pointer;
  z-index: 5;
}
.icon-menu span, .icon-menu::before, .icon-menu::after {
  content: "";
  transition: all 0.5s ease 0s;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.icon-menu::before {
  top: 0px;
}
.icon-menu::after {
  bottom: 0px;
}
.icon-menu span {
  top: calc(50% - 1px);
}
@media (any-hover: hover) {
  .icon-menu:hover span, .icon-menu:hover::before, .icon-menu:hover::after {
    background-color: var(--accent-primary);
  }
}
.menu-open .icon-menu span {
  transform: scale(0);
}
.menu-open .icon-menu::before {
  transform: rotate(-45deg);
  top: calc(50% - 1px);
}
.menu-open .icon-menu::after {
  transform: rotate(45deg);
  bottom: calc(50% - 1px);
}
@media (max-width: 63.99875em) {
  .icon-menu {
    transform: translateX(0px);
  }
}
@media (max-width: 47.9875em) {
  .icon-menu {
    height: 18px;
    width: 28px;
  }
  .icon-menu span, .icon-menu::before, .icon-menu::after {
    height: 1px;
  }
}
.icon-menu:focus {
  outline: none;
}

@media (max-width: 47.9875em) {
  .calls {
    display: none;
  }
}

.calls-mob {
  display: none;
}
@media (max-width: 47.9875em) {
  .calls-mob {
    display: block;
  }
  .calls-mob::after {
    content: "";
    background: url(../../../../../../local/templates/artpole/assets/img/call.png) center/contain no-repeat;
    transition: all 0.3s ease 0s;
  }
}
@media (max-width: 47.9875em) and (any-hover: hover) {
  .calls-mob:hover::after {
    background: url(../../../../../../local/templates/artpole/assets/img/phone-hover.svg) center/contain no-repeat;
  }
}

.menu-open .header {
  background: #212121;
  transition: all 0.5s ease 0s;
}
@media (max-width: 63.99875em) {
  .menu-open .header {
    background: #0F0F0F;
    transition-delay: 0.3s;
  }
}

.footer {
  padding-top: 56px;
  padding-bottom: 32px;
  background: var(--background-dark-grey);
  color: var(--text-text-1);
}
@media (max-width: 47.9875em) {
  .footer {
    background: #0f0f0f;
    padding-top: 40px;
    padding-bottom: 100px;
  }
}
.footer__container {
  max-width: 81rem;
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 46px;
  flex-wrap: wrap;
  gap: 32px 16px;
}
@media (min-width: 1325px) {
  .footer__inner {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
@media (max-width: 47.9875em) {
  .footer__inner {
    flex-direction: column;
    gap: 0;
    margin-bottom: 48px;
  }
}
@media (max-width: 1325px) {
  .footer__item {
    flex: 0 0 calc(25% - 16px);
  }
}
@media (min-width: 82.8125em) {
  .footer__item:nth-of-type(1) {
    padding-right: 72px;
  }
  .footer__item:nth-of-type(2) {
    padding-right: 63px;
  }
  .footer__item:nth-of-type(3) {
    padding-right: 20px;
  }
  .footer__item:nth-of-type(4) {
    padding-right: 33px;
  }
  .footer__item:nth-of-type(5) {
    padding-right: 24px;
  }
  .footer__item:nth-of-type(6) {
    padding-right: 44px;
  }
  .footer__item:nth-of-type(7) {
    max-width: 110px;
  }
}
.footer__title {
  color: var(--text-text-1);
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: left;
}
@media (max-width: 47.9875em) {
  .footer__title {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: none;
  }
}
.footer__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 47.9875em) {
  .footer__list {
    gap: 24px;
  }
}
.footer__list-link {
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .footer__list-link:hover {
    color: var(--accent-primary);
  }
  .footer__list-link:active {
    color: #7a58ff;
  }
}
@media (max-width: 47.9875em) {
  .footer__list-link {
    font-size: 16px;
  }
}
.footer__middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 56px;
}
@media (max-width: 63.99875em) {
  .footer__middle {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 47.9875em) {
  .footer__middle {
    margin-bottom: 32px;
  }
}
.footer__links {
  display: flex;
  align-items: center;
  gap: 42px;
  color: var(--text-text-1);
  text-align: right;
  font-family: "Suisse Intl";
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  /* 18px */
  letter-spacing: 1.44px;
}
.footer__links a:nth-of-type(2) {
  transition: all 0.3s ease 0s;
}
@media (max-width: 47.9875em) {
  .footer__links a:nth-of-type(2) {
    display: none;
  }
}
@media (any-hover: hover) {
  .footer__links a:nth-of-type(2):hover {
    color: #c058ff;
  }
  .footer__links a:nth-of-type(2):active {
    color: #7a58ff;
  }
}
.footer__links p {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
@media (max-width: 47.9875em) {
  .footer__links {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
}
.footer__logo {
  display: flex;
  width: 153px;
  flex: 0 0 153px;
}
.footer__logo::after {
  content: "";
  width: 200px;
  height: 90px;
  background: url(../../../../../../logo.png) center/contain no-repeat;
}
@media (max-width: 47.9875em) {
  .footer__logo {
    flex: 0 0 auto;
    margin-bottom: 24px;
  }
}
.footer__links-link {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .footer__links-link:hover {
    color: #c058ff;
  }
  .footer__links-link:active {
    color: #7a58ff;
  }
}
.footer__social {
  display: flex;
  gap: 32px;
}
.footer__social a {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__social a::before {
  transition: all 0.3s ease 0s;
  font-size: 28px;
}
@media (any-hover: hover) {
  .footer__social a:hover:before {
    color: var(--accent-primary);
  }
}
.footer__social a:active:before {
  color: #7a58ff;
}
.footer__bottom .footer__container {
  display: flex;
  gap: 16px;
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 23px;
  border-top: 1px solid #3d3d3d;
  transition: all 0.3s ease 0s;
}
@media (max-width: 47.9875em) {
  .footer__bottom .footer__container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media (any-hover: hover) {
  .footer__bottom .footer__container a:hover {
    color: var(--accent-primary);
  }
  .footer__bottom .footer__container a:active {
    color: #7a58ff;
  }
}

.nav {
  display: flex;
  gap: 32px;
  margin-bottom: 72px;
  justify-content: center;
}
@media (max-width: 47.9875em) {
  .nav {
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.nav__item {
  flex: 0 1 189px;
}
@media (max-width: 47.9875em) {
  .nav__item {
    flex: 1 0 calc(50% - 10px);
  }
}
.nav__link {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  justify-content: center;
  color: var(--base-base-1);
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  width: 100%;
  background: #302f2f;
  height: 78px;
  padding: 12px;
  transition: all 0.3s ease 0s;
}
@media (max-width: 47.9875em) {
  .nav__link {
    gap: 16px;
  }
}
@media (any-hover: hover) {
  .nav__link:hover {
    background: var(--accent-primary);
  }
}
.nav__link::before {
  content: "";
  flex: 0 0 24px;
}
.nav__link_01::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/katalog.svg) center/contain no-repeat;
}
.nav__link_02::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/idea.svg) center/contain no-repeat;
}
.nav__link_03::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/uslugi.svg) center/contain no-repeat;
}
.nav__link_04::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/location.svg) center/contain no-repeat;
}
.nav__link_05::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/call.svg) center/contain no-repeat;
}
@media (max-width: 47.9875em) {
  .nav__link_05 {
    flex-direction: row;
  }
}
.vh {
  height: 100vh;
  background: #212121;
  height: calc(100vh - 90px);
}

.panel {
  position: relative;
}
.panel__btn {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0px);
}
@media (max-width: 63.99875em) {
  .panel {
    display: none;
  }
}
.panel__img {
  display: block;
  width: 100%;
  height: 100vh;
  position: relative;
}
.panel__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.39) 0%, rgba(18, 18, 18, 0) 100%);
}
.panel__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
@media (max-width: 47.9875em) {
  .panel__img {
    height: calc(100vh - 90px);
  }
}
.panel__title-hero {
  position: absolute;
  z-index: 2;
  left: 72px;
  top: 54px;
  color: var(--text-text-1);
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 108%;
  /* 107.813% */
  letter-spacing: -0.32px;
}
.panel__label {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.panel__label svg {
  width: 38px;
  height: 65px;
  display: block;
}
.panel__label p {
  display: inline-block;
  position: relative;
}
.panel__label p::after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(4px);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.panel__label span {
  display: inline-block;
  padding: 12px 8px;
  color: var(--text-text-1);
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 16px */
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.panel__label_01 {
  top: 192px;
  right: 62.43vw;
}
.panel__label_02 {
  left: 74%;
  top: 7.6%;
}
.panel__label_03 {
  top: 42%;
  left: 24.6%;
}
.panel__label_04 {
  align-items: flex-end;
  top: 134px;
  right: 86px;
}
.panel__label_05 {
  align-items: flex-end;
  top: 228px;
  left: 57.92vw;
}
.panel__label_06 {
  left: 399px;
  bottom: 134px;
}
.panel__label_07 {
  right: 56px;
  bottom: 84px;
  align-items: flex-end;
}

.panel03 .panel__img img {
  object-position: bottom right;
}

#counter {
  height: 80px;
  overflow: hidden;
}

.section {
  background: var(--background-dark-grey);
  overflow: hidden;
  display: flex;
  height: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 63.99875em) {
  .section {
    display: block;
  }
}
.section__content {
  flex: 0 0 913px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 90em) {
  .section__content {
    flex: 0 0 887px;
    padding-right: 32px;
  }
}
@media (max-width: 63.99875em) {
  .section__content {
    padding-left: 32px;
  }
}
.section__container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.section__body {
  width: 100%;
}
@media (max-width: 63.99875em) {
  .section__body {
    width: 100%;
    padding-left: 0;
  }
}
.section__text {
  max-width: 803px;
  text-align: right;
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 144%;
  /* 144.444% */
  letter-spacing: -0.18px;
  margin-bottom: 80px;
  margin-left: auto;
  color: var(--text-text-1);
}
.section__text span {
  opacity: 0.2;
}
@media (max-width: 63.99875em) {
  .section__text {
    text-align: left;
    font-size: 22px;
    line-height: 34px;
    /* 154.545% */
    letter-spacing: -0.11px;
    margin-bottom: 64px;
  }
}
.section__flex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 78px;
  max-width: 801px;
  margin-left: auto;
}
@media (max-width: 1440) {
  .section__flex {
    flex-wrap: wrap;
    gap: 64px;
  }
}
@media (max-width: 63.99875em) {
  .section__flex {
    flex-wrap: wrap;
    gap: 56px;
    margin-bottom: 80px;
  }
}
.section__flex_salons {
  margin-left: 0;
  margin-top: 56px;
  margin-bottom: 80px;
  gap: 48px;
}
.section__flex_salons .section__top {
  margin-left: 0;
  width: auto;
}
.section__flex_salons .section__flex-item:nth-of-type(2) span:nth-of-type(2) {
  margin-top: -15px;
}
@media (max-width: 63.99875em) {
  .section__flex_salons .section__flex-item {
    align-items: start;
  }
}
.section__flex_salons #m7 {
  margin-left: -18px;
}
.section__flex_salons #m8 {
  margin-left: 0px;
}
@media (max-width: 63.99875em) {
  .section__flex_salons {
    flex-direction: column;
  }
}
.section__image {
  position: relative;
  flex: 0 0 calc((100vw - 1296px) / 2 + 383px);
  transform: translate(0, 0px);
  background: url(../../../../../../local/templates/artpole/assets/img/number.jpg) center/cover no-repeat;
  height: auto;
}
.section__image img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 90em) {
  .section__image {
    flex: 0 0 calc(100% - 887px - 72px);
    margin-right: 72px;
  }
}
@media (max-width: 63.99875em) {
  .section__image {
    flex: 0 0 auto;
    width: 100%;
    height: 479px;
    margin-bottom: 64px;
  }
}
.section__flex-item:nth-of-type(1) .number__top span:nth-of-type(1) {
  margin-left: -5px;
}
.section__flex-item:nth-of-type(1) .number__top span:nth-of-type(2) {
  margin-left: -5px;
}
.section__flex-item:nth-of-type(3) .number__top span:nth-of-type(1) {
  margin-left: -6px;
}
.section__flex-item:nth-of-type(4) .number__top span:nth-of-type(1) {
  margin-left: -10px;
}
@media (max-width: 63.99875em) {
  .section__flex-item {
    flex: 0 0 calc(50% - 32px);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 47.9875em) {
  .section__flex-item {
    flex: 0 0 100%;
  }
}
.section__top {
  width: fit-content;
  color: var(--text-text-1);
  padding-bottom: 12px;
  border-bottom: 1px solid #3d3d3d;
}
@media (max-width: 99em) {
  .section__top {
    margin-left: auto;
    margin-right: auto;
  }
}
.section__text-number {
  color: var(--text-text-2);
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding-top: 12px;
  display: inline-block;
  white-space: nowrap;
}

.middle {
  display: flex;
  align-items: center;
}
.middle span {
  font-size: 84px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 84px */
  letter-spacing: -0.42px;
}

.numbmask {
  position: relative;
  height: 100%;
  width: 53px;
  overflow: hidden;
  float: right;
}

.numb {
  font-size: 84px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 84px */
  letter-spacing: -0.42px;
}

#m2 {
  margin-left: -11px;
}

#m4 {
  margin-left: -7px;
}

#m7 {
  margin-left: -14px;
}

#m8 {
  margin-left: -10px;
}

#m10 {
  margin-left: -24px;
}

.popular {
  padding-top: 96px;
  padding-bottom: 80px;
  position: relative;
  background: #fff;
}
@media (max-width: 47.9875em) {
  .popular {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.popular__container {
  position: relative;
}
.popular__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .popular__top {
    margin-bottom: 32px;
  }
}
.popular__block {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.popular__link {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  text-align: right;
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 0.12px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .popular__link:hover {
    color: #c058ff;
  }
  .popular__link:hover svg {
    fill: #c058ff;
  }
  .popular__link:active {
    color: #7a58ff;
  }
  .popular__link:active svg {
    fill: #7a58ff;
  }
}
.popular__link svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: var(--accent-primary);
  transition: all 0.3s ease 0s;
}
@media (max-width: 63.99875em) {
  .popular__link svg {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 63.99875em) {
  .popular__link {
    font-size: 14px;
    letter-spacing: 1.12px;
  }
}
.popular__slider {
  position: relative;
}
@media (max-width: 63.99875em) {
  .popular__slider {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 63.99875em) {
  .popular__wrapper {
    margin-bottom: 32px;
  }
}
.popular .player {
  position: relative;
  margin-bottom: 32px;
  overflow: hidden;
}
.popular__slide {
  cursor: pointer;
  position: relative;
}
@media (any-hover: hover) {
  .popular__slide:hover video {
    transform: scale(1.05);
  }
}
.popular__slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.6s ease 0s;
}
.popular__slide .player__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 63px;
  height: 63px;
  background: url(../../../../../../local/templates/artpole/assets/img/button.svg) center/contain no-repeat;
}
.popular__img {
  position: relative;
  overflow: hidden;
  background: #302f2f;
  margin-bottom: 30px;
  height: 280px;
}
.popular__img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.48);
  position: absolute;
  top: 0;
  right: 0%;
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.popular__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (any-hover: hover) {
  .popular__img:hover::after {
    opacity: 1;
  }
}
@media (any-hover: hover) and (max-width: 47.9875em) {
  .popular__img:hover::after {
    display: none;
  }
}
@media (any-hover: hover) {
  .popular__img:hover .popular__panel {
    right: 0;
    z-index: 2;
  }
}
@media (any-hover: hover) and (max-width: 47.9875em) {
  .popular__img:hover .popular__panel {
    display: none;
  }
}
@media (max-width: 47.9875em) {
  .popular__img {
    margin-bottom: 24px;
  }
  .popular__img img {
    max-height: 375px;
  }
}
.popular__poster {
  position: relative;
}
.popular__panel {
  position: absolute;
  width: 50% !important;
  right: -100%;
  top: 0;
  transition: all 0.8s ease-in-out 0s;
  background: var(--background-bbbb, linear-gradient(156deg, #212121 3.21%, #363636 94.48%));
}
.popular__title {
  color: var(--text-text-4);
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media (max-width: 63.99875em) {
  .popular__title {
    font-size: 16px;
    letter-spacing: 1.28px;
  }
}
@media (max-width: 47.9875em) {
  .popular__title {
    margin-bottom: 0;
  }
}
.popular__text {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 96px;
}
@media (max-width: 63.99875em) {
  .popular__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 47.9875em) {
  .popular__text {
    display: none;
  }
}
@media (max-width: 63.99875em) {
  .popular__prev {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 63.99875em) {
  .popular__next {
    opacity: 0;
    visibility: hidden;
  }
}
.popular__scrollbar {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 63.99875em) {
  .popular__scrollbar {
    opacity: 1;
    visibility: visible;
    margin-bottom: 40px;
    margin-top: 32px;
  }
}
.popular .da,
.popular .dap,
.popular .dapop {
  display: flex;
  justify-content: center;
}
.popular__sub-title {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: "Suisse Intl";
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  max-width: 741px;
}
@media (max-width: 75em) {
  .popular__sub-title {
    max-width: 620px;
  }
}
@media (max-width: 47.9875em) {
  .popular__sub-title {
    display: none;
  }
}
.popular_video {
  background: var(--background-black);
  color: var(--text-text-1);
}
.popular_video h2 {
  color: var(--text-text-1);
}
.popular_video .popular__title {
  color: var(--text-text-1);
}
.popular_video .popular__text {
  color: #b0b0b0;
}
.popular_video .swiper-button-next,
.popular_video .swiper-button-prev {
  border: 1px solid #838383 !important;
  opacity: 1 !important;
}
@media (any-hover: hover) {
  .popular_video .swiper-button-next:hover,
.popular_video .swiper-button-prev:hover {
    border: 1px solid #fff !important;
  }
}
.popular_video .swiper-button-next:after,
.popular_video .swiper-button-prev:after {
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
}
.popular_slider {
  display: none;
}
@media (max-width: 63.99875em) {
  .popular_slider {
    padding-bottom: 0;
    display: block;
    background: #212121;
    color: var(--text-text-1);
    padding-bottom: 80px !important;
  }
  .popular_slider h2 {
    color: var(--text-text-1);
    margin-bottom: 32px;
  }
  .popular_slider .popular__title {
    color: var(--text-text-1);
    margin-bottom: 14px;
  }
  .popular_slider .popular__text {
    color: #b0b0b0;
    display: block;
  }
}
@media (max-width: 63.99875em) and (max-width: 29.99875em) {
  .popular_slider .popular__img {
    height: 212px;
  }
}
@media (max-width: 63.99875em) {
  .popular_slider .swiper-button-next,
.popular_slider .swiper-button-prev {
    border: 1px solid #fff !important;
  }
}
@media (max-width: 63.99875em) {
  .popular_slider .swiper-button-next:after,
.popular_slider .swiper-button-prev:after {
    background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
  }
}
.popular_panel {
  display: none;
}
@media (max-width: 63.99875em) {
  .popular_panel {
    padding-bottom: 0;
    display: block;
    background: #212121;
    color: var(--text-text-1);
  }
}
@media (max-width: 63.99875em) and (max-width: 47.9875em) {
  .popular_panel {
    padding-bottom: 80px !important;
  }
}
@media (max-width: 63.99875em) {
  .popular_panel h2 {
    color: var(--text-text-1);
  }
}
@media (max-width: 63.99875em) and (max-width: 47.9875em) {
  .popular_panel h2 {
    margin-bottom: 32px;
  }
}
@media (max-width: 63.99875em) and (max-width: 47.9875em) {
  .popular_panel .popular__top {
    display: none;
  }
}
@media (max-width: 63.99875em) {
  .popular_panel .popular__title {
    color: var(--text-text-1);
  }
}
@media (max-width: 63.99875em) {
  .popular_panel .popular__text {
    color: #b0b0b0;
  }
}
@media (max-width: 63.99875em) {
  .popular_panel .swiper-button-next,
.popular_panel .swiper-button-prev {
    border: 1px solid #fff !important;
  }
}
@media (max-width: 63.99875em) {
  .popular_panel .swiper-button-next:after,
.popular_panel .swiper-button-prev:after {
    background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
  }
}
.popular__img-panel {
  position: relative;
}
.popular__img-panel img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.popular__img-panel span {
  position: absolute;
  bottom: 12px;
  left: 12px;
  color: var(--text-text-1);
  /* header/H6 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .popular__img-panel span {
    z-index: 2;
  }
}
.popular_white {
  background: #fff;
  padding-bottom: 125px;
}
@media (max-width: 47.9875em) {
  .popular_white {
    padding-bottom: 40px;
  }
}
.popular_white .player {
  height: 240px;
}
.popular_white h2 {
  color: var(--text-text-4);
  margin-bottom: 40px;
}
.popular_white .popular__title {
  color: var(--text-text-4);
  margin-bottom: 0;
}
.popular_white .swiper-button-next,
.popular_white .swiper-button-prev {
  border: 1px solid #d9d9d9 !important;
}
.popular_white .swiper-button-next:after,
.popular_white .swiper-button-prev:after {
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper.svg) center/contain no-repeat !important;
}

.benifits {
  padding-top: 96px;
  padding-bottom: 56px;
  background: #f4f4f4;
}
.benifits_inside {
  padding-bottom: 96px;
}
@media (max-width: 47.9875em) {
  .benifits_inside {
    padding-bottom: 72px;
  }
}
@media (max-width: 47.9875em) {
  .benifits {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.benifits h2 {
  margin-bottom: 32px;
}
@media (max-width: 63.99875em) {
  .benifits h2 {
    font-size: 30px;
    line-height: 120%;
    /* 120% */
    letter-spacing: -0.2px;
  }
}
@media (max-width: 47.9875em) {
  .benifits h2 {
    font-size: 40px;
    line-height: 48px;
    /* 120% */
    letter-spacing: -0.2px;
    margin-bottom: 24px;
    max-width: 343px;
  }
}
.benifits__inner {
  display: flex;
  gap: 100px;
  position: relative;
  z-index: 160;
  margin-bottom: -100px;
  height: 100%;
}
@media (min-width: 120em) {
  .benifits__inner {
    gap: 6.25rem;
  }
}
@media (min-width: 63.99875em) and (max-width: 120em) {
  .benifits__inner {
    gap: clamp( 3.75rem , 0.8929767193rem  +  4.4641860673vw , 6.25rem );
  }
}
@media (max-width: 63.99875em) {
  .benifits__inner {
    gap: 50px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__inner {
    display: block;
    margin-bottom: 0;
  }
}
.benifits__inner_inside {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.benifits__inner_inside .benifits__left {
  flex: 0 0 100%;
}
.benifits__inner_inside .benifits__left h2 {
  max-width: 707px;
}
.benifits__inner_inside .benifits__left-inner_three .benifits__item {
  flex: 0 0 calc(33.3333333333% - 24px);
  padding: 24px 24px 32px;
}
@media (max-width: 1124px) {
  .benifits__inner_inside .benifits__left-inner_three .benifits__item {
    flex: 0 0 calc(50% - 12px);
  }
}
.benifits__inner_inside .benifits__left-inner_three .benifits__item .benifits__item-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
@media (max-width: 70.25em) {
  .benifits__inner_inside .benifits__left-inner_three .benifits__item .benifits__item-title {
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: -0.12px;
    text-transform: none;
  }
}
.benifits__inner_inside .benifits__left-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 69.375em) {
  .benifits__inner_inside .benifits__left-inner {
    gap: 24px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__inner_inside .benifits__left-inner {
    display: none;
  }
}
.benifits__inner_inside h2 {
  max-width: 707px;
  margin-bottom: 40px;
}
@media (max-width: 63.99875em) {
  .benifits__inner_inside h2 {
    font-size: 40px;
    max-width: 650px;
  }
}
.benifits__inner_inside .benifits__item {
  padding: 40px;
  background: #fff;
  border-bottom: 0px solid #d9d9d9;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(50% - 16px);
  max-width: 100%;
}
@media (max-width: 69.375em) {
  .benifits__inner_inside .benifits__item {
    padding: 40px 25px;
  }
}
@media (max-width: 63.99875em) {
  .benifits__inner_inside .benifits__item {
    padding: 24px 16px;
  }
}
.benifits__inner_inside .benifits__item:nth-of-type(1) .benifits__item-title svg {
  padding: 9px;
}
.benifits__inner_inside .benifits__item:nth-of-type(1) .benifits__item-title svg {
  top: -2px;
  left: 2px;
}
.benifits__inner_inside .benifits__item-text {
  max-width: 506px;
}
.benifits__inner_inside .benifits__item-title {
  display: flex;
  gap: 24px;
  align-items: center;
  font-family: Gilroy;
  text-transform: none;
  margin-bottom: 24px;
  position: relative;
  font-size: 36px;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
.benifits__inner_inside .benifits__item-title svg {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  position: relative;
  z-index: 2;
}
.benifits__inner_inside .benifits__item-title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 40px;
  height: 40px;
  display: block;
  background: #3d3d3d;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 63.99875em) {
  .benifits__inner_inside .benifits__item-title {
    gap: 8px;
    color: var(--text-text-4);
    /* body/16 UP */
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
  }
}
.benifits__left {
  flex: 0 0 45%;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  min-width: 520px;
}
@media (max-width: 75em) {
  .benifits__left {
    min-width: 450px;
  }
}
@media (max-width: 63.99875em) {
  .benifits__left {
    min-width: 350px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__left {
    width: 100%;
    display: block;
  }
}
.benifits__sub-title {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: "Suisse Intl";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
  max-width: 485px;
}
@media (max-width: 63.99875em) {
  .benifits__sub-title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__sub-title {
    display: none;
  }
}
.benifits__img {
  height: 100%;
  flex: 1 1 100%;
  max-width: 521px;
}
.benifits__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .benifits__img {
    width: 90%;
    height: 465px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__img {
    display: none;
  }
}
.benifits__slider {
  display: none;
}
@media (max-width: 47.9875em) {
  .benifits__slider {
    display: block;
    padding-bottom: 40px !important;
  }
}
.benifits__wrapper {
  align-items: stretch !important;
}
.benifits__slide {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
@media (max-width: 47.9875em) {
  .benifits__slide {
    min-height: 100% !important;
  }
}
.benifits__item {
  max-width: 553px;
  padding-bottom: 32px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 63.99875em) {
  .benifits__item {
    max-width: 100%;
    padding-bottom: 16px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__item {
    padding: 24px 16px 32px;
    background: #fff;
    border-bottom: 0px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
}
.benifits__item-title {
  margin-bottom: 24px;
  color: var(--text-text-4);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
@media (max-width: 63.99875em) {
  .benifits__item-title {
    font-size: 24px;
    letter-spacing: -0.18px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__item-title {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Suisse Intl";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin-bottom: 24px;
    position: relative;
  }
  .benifits__item-title svg {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    position: relative;
    z-index: 2;
  }
  .benifits__item-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    display: block;
    background: #3d3d3d;
    border-radius: 50%;
    overflow: hidden;
  }
}
.benifits__item-text {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 63.99875em) {
  .benifits__item-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__item-text {
    font-size: 16px;
    line-height: 24px;
    /* 150% */
  }
}
.benifits__right {
  padding-top: 84px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 56px;
}
@media (max-width: 63.99875em) {
  .benifits__right {
    gap: 16px;
  }
}
@media (max-width: 47.9875em) {
  .benifits__right {
    display: none;
  }
}
.benifits_usl-desing {
  padding-bottom: 62px;
}
.benifits_usl-desing h2 {
  margin-bottom: 72px;
}
@media (max-width: 63.99875em) {
  .benifits_usl-desing h2 {
    margin-bottom: 48px;
  }
}
.benifits_usl-desing h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
}
.benifits_usl-desing p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.benifits_usl-desing .benifits__item {
  max-width: 632px;
}
.benifits_usl-desing .benifits__item:nth-of-type(3) {
  border-bottom: 0px;
  margin-bottom: 80px;
  padding-bottom: 0;
}
@media (max-width: 47.9875em) {
  .benifits_usl-desing .benifits__item-title::after {
    content: "";
    display: none;
  }
}
.benifits_usl-desing .benifits__right {
  padding-bottom: 0;
}
@media (max-width: 63.99875em) {
  .benifits_usl-desing .benifits__inner {
    flex-direction: column-reverse;
    height: auto;
  }
  .benifits_usl-desing .benifits__img {
    width: 100%;
    height: 375px;
    max-width: 100%;
    overflow: hidden;
    flex: 0 0 auto;
  }
  .benifits_usl-desing .benifits__img img {
    object-position: bottom;
  }
  .benifits_usl-desing .benifits__inner {
    gap: 80px;
    margin-bottom: 0px;
  }
  .benifits_usl-desing .benifits__item:nth-of-type(3) {
    margin-bottom: 0px;
  }
}
@media (max-width: 47.9875em) {
  .benifits_usl-desing {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .benifits_usl-desing .benifits__inner {
    display: flex;
  }
  .benifits_usl-desing .benifits__left {
    margin-left: -16px;
    margin-right: -16px;
    flex: 0 0 auto;
    width: calc(100% + 32px);
  }
  .benifits_usl-desing .benifits__right {
    display: flex;
    gap: 32px;
  }
  .benifits_usl-desing .benifits__img {
    display: block;
  }
  .benifits_usl-desing .benifits__item {
    background: transparent;
    padding: 0 0 32px 0;
    border-bottom: 1px solid #d9d9d9;
  }
  .benifits_usl-desing h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 24px;
  }
  .benifits_usl-desing p {
    font-size: 16px;
    line-height: 24px;
  }
}

.panel-product {
  background: #212121;
  padding: 120px 0;
}
@media (max-width: 47.9875em) {
  .panel-product {
    display: none;
  }
}
.panel-product__inner {
  display: flex;
  gap: 32px;
}
.panel-product__card {
  display: block;
  overflow: hidden;
  flex: 0 0 calc(50% - 16px);
  position: relative;
  transition: opacity 0.3s ease;
  will-change: opacity, background-position;
  background: var(--accent-primary);
  opacity: 1;
}
.panel-product__card::after {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.56) 0%, rgba(18, 18, 18, 0) 100%);
  opacity: 0.8;
  transition: all 0.3s ease 0s;
  will-change: opacity, bottom;
  transform: rotate(180deg);
}
.panel-product__card::before {
  content: "";
}
@media (any-hover: hover) {
  .panel-product__card:hover {
    /*
    .panel-product__content::after{
        transform: translateY(0%);
    }
    .panel-product__content{
        transform: translateY(0px);
    }
    */
  }
  .panel-product__card:hover .panel-product__img {
    transform: translateY(-84px);
  }
  .panel-product__card:hover::after {
    opacity: 0;
  }
}
.panel-product__card.touch:hover {
  display: none;
}
.panel-product__card02 .panel-product__content {
  bottom: -78px;
  transition: all 0.55s ease 0s;
}
.panel-product__card02 .panel-product__img {
  transition: all 0.5s ease 0s;
}
.panel-product__card02::after {
  transition: opacity 0.4s ease 0s, bottom 0.3s ease 0s;
}
@media (any-hover: hover) {
  .panel-product__card02:hover .panel-product__content {
    bottom: 0px;
  }
  .panel-product__card02:hover .panel-product__img {
    transform: translateY(-162px);
  }
  .panel-product__card02:hover::after {
    transform: translateY(-162px);
  }
}
.panel-product__img {
  transition: transform 0.3s ease;
  position: relative;
}
.panel-product__img::after {
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  position: absolute;
  background: #212121;
}
.panel-product__img::before {
  content: "";
  display: block;
  width: 100%;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.56) 0%, rgba(18, 18, 18, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 173px;
  transform: rotate(180deg);
}
.panel-product__img img {
  display: block;
  width: 100%;
  height: calc(100% + 4px);
  object-fit: cover;
  object-position: 0 1px;
}
.panel-product__content {
  padding: 24px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 0.3s ease-in-out 0s;
}
.panel-product__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-text-1);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  position: relative;
  z-index: 2;
}
.panel-product__text {
  color: var(--text-text-1);
  /* body/18,30, reg */
  font-family: "Suisse Intl";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 510px;
  position: relative;
  z-index: 2;
  padding-top: 16px;
}

.panel-product-mob {
  display: none;
}
.panel-product-mob .panel {
  display: block;
  position: relative;
}
.panel-product-mob .panel::after {
  content: "";
  background: rgba(0, 0, 0, 0.32);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.panel-product-mob .panel img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 47.9875em) {
  .panel-product-mob {
    display: block;
  }
}
.panel-product-mob__container {
  height: 100vh;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 48px;
}
@media (max-width: 47.9875em) {
  .panel-product-mob__container {
    height: calc(100vh - 90px);
  }
}
.panel-product-mob__title {
  color: var(--text-text-1);
}
.panel-product-mob__btn {
  padding: 13px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--text-text-4, #111);
  /* Button, 16 */
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border-radius: 40px;
  background: var(--background-white);
}

.form {
  background: #0f0f0f;
  padding-top: 128px;
  padding-bottom: 120px;
  color: var(--text-text-1);
}
@media (max-width: 47.9875em) {
  .form {
    padding-top: 40px;
    padding-bottom: 80px;
    background: #212121;
  }
}
.form__title {
  margin-bottom: 32px;
  color: var(--text-text-1);
}
.form__inner {
  background: #212121 url(../../../../../../local/templates/artpole/assets/img/form-bg.png) 100% 20px/contain no-repeat;
  padding: 64px 80px 72px;
}
@media (max-width: 75em) {
  .form__inner {
    background: #212121;
  }
}
@media (max-width: 47.9875em) {
  .form__inner {
    background: none;
    padding: 0 16px;
  }
}
.form__content {
  max-width: 632px;
}
@media (max-width: 47.9875em) {
  .form__content {
    max-width: 100%;
  }
}
.form .form__flex_add {
  align-items: center;
}
.form__flex {
  display: flex;
  gap: 32px;
}
@media (max-width: 47.9875em) {
  .form__flex {
    gap: 24px;
    flex-direction: column;
  }
}
@media (max-width: 47.9875em) {
  .form__flex:nth-of-type(2) {
    flex-direction: row;
  }
}
.form__flex:last-of-type {
  margin-top: 40px;
}
@media (max-width: 47.9875em) {
  .form__flex:last-of-type {
    flex-direction: column-reverse;
  }
}
.form__item {
  position: relative;
  height: 48px;
  width: 100%;
  gap: 4px;
}
.form__item:focus .form__label {
  opacity: 0;
}
.form small {
  color: #f9111e;
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: none;
}
.form .form__item_error {
  position: relative;
  display: flex;
  height: 48px;
  width: 100%;
  flex-direction: column;
  gap: 4px;
}
.form .form__item_error input {
  border-bottom: 1px solid #f9111e;
  flex: 0 0 48px;
}
.form .form__item_error:focus .form__label {
  opacity: 0;
}
.form .form__item_error small {
  display: block;
}
.form__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}
.form__input {
  background: transparent;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #3d3d3d;
  position: relative;
  outline: 0;
  z-index: 2;
  color: var(--text-text-1);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
}
.form__input::placeholder {
  color: var(--text-text-2);
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}
.form__input:focus {
  border-bottom: 1px solid #fff;
}
.form__input:focus .form__label {
  opacity: 0;
}
.form textarea {
  resize: none;
  padding-top: 18px;
}
.form__text {
  color: var(--text-text-2);
  /* body/16,24,reg */
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  max-width: 300px;
  text-align: start;
}
.form__text a {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .form__text a:hover {
    color: #c058ff;
  }
  .form__text a:active {
    color: #7a58ff;
  }
}
.form__text:last-of-type {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 47.9875em) {
  .form__text {
    max-width: 100%;
    align-items: start;
  }
}
.form .btn {
  min-width: 300px;
}
@media (max-width: 47.9875em) {
  .form .btn {
    width: 100%;
    min-width: auto;
  }
}

.salons {
  padding-top: 96px;
  padding-bottom: 160px;
  background: var(--background-dark-grey);
  color: var(--text-text-1);
  position: relative;
  overflow: hidden;
}
@media (max-width: 47.9875em) {
  .salons {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.salons__container {
  position: relative;
  z-index: 2;
}
.salons__title {
  color: var(--text-text-1);
  font-family: Gilroy;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  /* 100% */
  letter-spacing: -0.24px;
  margin-bottom: 56px;
}
@media (max-width: 47.9875em) {
  .salons__title {
    display: none;
  }
}
.salons__title-mob {
  display: none;
}
@media (max-width: 47.9875em) {
  .salons__title-mob {
    display: block;
    color: var(--text-text-1);
    font-family: Gilroy;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 100% */
    letter-spacing: -0.24px;
    margin-bottom: 40px;
  }
}
.salons__block {
  border: 1px solid var(--base-base-4);
  padding: 24px;
  width: fit-content;
  min-width: 443px;
  margin-bottom: 64px;
}
@media (max-width: 47.9875em) {
  .salons__block {
    border: none;
    padding: 0;
    margin-bottom: 48px;
  }
}
.salons__text {
  color: var(--text-text-2);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.salons__list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.salons__list-item {
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--background-white);
  font-family: "Suisse Intl";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 166.667% */
}
.salons__flex {
  display: flex;
  gap: 48px;
  margin-bottom: 64px;
}
@media (max-width: 47.9875em) {
  .salons__flex {
    flex-direction: column;
  }
}
.salons__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.salons__top {
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  /* 144.444% */
  letter-spacing: -0.18px;
}
.salons__map {
  position: absolute;
  top: -20px;
  left: calc((100vw - 81rem) / 2 + 625px);
  width: 900px;
  height: 707px;
  display: block;
  background: url("../../../../../../assets/templates/site/images/karta.png") center/contain no-repeat;
  /* Темный фильтр */
  filter: invert(1) hue-rotate(180deg) brightness(0.7) contrast(1.1);
}
@media (max-width: 63.99875em) {
.salons__map {
  left: calc((100vw - 81rem) / 2 + 425px);
  width: 100%;
  background: url("../../../../../../assets/templates/site/images/karta.png") center/contain no-repeat;
  /* Делает карту темной: инвертирует цвета, подгоняет яркость и убирает лишнюю насыщенность */
  filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(1.2) grayscale(0.2);
}
}
@media (max-width: 47.9875em) {
  .salons__map {
    background: url("../../../../../../assets/templates/site/images/karta.png") center/cover no-repeat;
    left: 0px;
    top: 30px;
  }
}

.slider {
  height: 100vh;
  max-height: 750px;
  overflow: hidden;
  position: relative;
  background: #212121;
}
.slider__slider {
  width: 50% !important;
  height: 100%;
  margin-left: 50% !important;
  overflow: visible !important;
}
.slider__slide {
  position: relative !important;
  width: 100% !important;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%) scaleY(0.605);
  transition: all 0.8s ease 0s;
}
.slider__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.slider .swiper-slide-active {
  transform: translateY(-50%) scaleY(1);
}
.slider__container {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 81rem;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.slider__content {
  max-width: 100%;
  width: 50%;
  padding-right: 72px;
  background: #212121;
}
.slider__label {
  color: var(--text-text-3);
  /* body/16 UP */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 72px;
}
.slider__title {
  color: var(--text-text-1);
  /* header/H2 */
  font-family: Gilroy;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  /* 100% */
  letter-spacing: -0.24px;
  margin-bottom: 21px;
}
.slider__note {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 32px;
}
.slider__btn {
  display: flex;
  justify-content: space-between;
}
.slider__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 36px;
  width: 50%;
  padding-right: 72px;
  padding-bottom: 48px;
  z-index: 5;
}
@media (max-width: 14439.8px) {
  .slider__bottom {
    padding-left: 72px;
  }
}
.slider__text {
  border-left: 2px solid var(--accent-primary);
  padding-left: 12px;
  margin-left: -12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.slider__text p {
  color: var(--text-text-3);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.slider__text p:nth-of-type(2) {
  color: var(--text-text-1);
}
.slider__controll {
  position: relative;
  display: flex;
  transform: rotate(180deg);
  gap: 24px;
}
.slider__controll .swiper-button-next,
.slider__controll .swiper-button-prev {
  position: static;
}
.slider__block {
  padding-left: 72px;
  height: 546px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slider .swiper-button-next,
.slider .swiper-button-prev {
  border: 1px solid #fff !important;
}
.slider .swiper-button-next:after,
.slider .swiper-button-prev:after {
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
}
@media (max-width: 63.99875em) {
  .slider {
    display: none;
  }
}

.quiz {
  background: #0f0f0f;
  padding: 120px 0;
}
@media (max-width: 47.9875em) {
  .quiz {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.quiz__container {
  position: relative;
}
.quiz__inner {
  background: #212121;
  padding: 22px 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 47.9875em) {
  .quiz__inner {
    background: #0f0f0f;
    padding: 0;
  }
}
.quiz__content {
  padding: 60px 0 42px;
  padding-left: 15px;
}
@media (max-width: 47.9875em) {
  .quiz__content {
    padding: 0;
    width: 100%;
  }
}
.quiz__title {
  color: var(--text-text-1);
  margin-bottom: 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 56px;
  position: relative;
}
.quiz__title::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  align-self: baseline;
  left: 0;
  bottom: 3px;
  background: url(../../../../../../local/templates/artpole/assets/img/quiz-icon.svg) center/contain no-repeat;
}
@media (max-width: 47.9875em) {
  .quiz__title::after {
    display: none;
  }
}
@media (max-width: 47.9875em) {
  .quiz__title {
    margin-bottom: 48px;
    padding-left: 0;
  }
}
.quiz__text {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 32px;
  max-width: 550px;
}
@media (max-width: 47.9875em) {
  .quiz__text {
    display: none;
  }
}
.quiz__block {
  margin-bottom: 56px;
}
.quiz__top {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 26px;
}
.quiz__top span:nth-of-type(1) {
  color: var(--background-white);
  font-family: Suisse Intl;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
@media (max-width: 47.9875em) {
  .quiz__top span:nth-of-type(1) {
    color: var(--text-text-1);
    /* body/18,30, reg */
    font-family: Suisse Intl;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
  }
}
.quiz__top span:nth-of-type(2) {
  color: var(--background-white);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .quiz__top span:nth-of-type(2) {
    color: var(--text-text-1);
    /* body/18,30, reg */
    font-family: Suisse Intl;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
}
.quiz__bottom {
  display: flex;
  gap: 44px;
}
@media (max-width: 47.9875em) {
  .quiz__bottom {
    flex-direction: column;
  }
}
.quiz__bottom span {
  color: var(--text-text-2);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.quiz__bottom input {
  background: transparent;
  outline: none;
  color: var(--text-text-1);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #838383;
  transition: all 0.3s ease 0s;
  max-width: 180px;
  width: 100%;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
}
.quiz__bottom input::placeholder {
  color: var(--text-text-2);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
}
.quiz__bottom input:focus {
  border-bottom: 1px solid #fff;
}
@media (max-width: 47.9875em) {
  .quiz__bottom input {
    max-width: 100%;
  }
}
.quiz__flex {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 180px;
}
.quiz__flex::after {
  content: "СМ";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--text-text-2);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
@media (max-width: 47.9875em) {
  .quiz__flex {
    max-width: 100%;
  }
}
.quiz small {
  color: #f9111e;
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: none;
}
.quiz__flex_error {
  position: relative;
  display: flex;
  max-width: 180px;
  width: 100%;
  gap: 4px;
  flex-direction: column;
}
.quiz__flex_error::after {
  content: "СМ";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--text-text-2);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.quiz__flex_error small {
  display: block;
}
.quiz__flex_error input {
  border-bottom: 1px solid #f9111e;
}
@media (max-width: 47.9875em) {
  .quiz__flex_error {
    max-width: 100%;
  }
}
.quiz__btn {
  min-width: 273px;
}
@media (max-width: 47.9875em) {
  .quiz__btn {
    min-width: 100%;
  }
}
.quiz__img {
  flex: 0 1 466px;
}
.quiz__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 47.9875em) {
  .quiz__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 96px;
  }
}

.first {
  height: 100vh;
  overflow: hidden;
  margin-top: -78px;
  position: relative;
}
@media (max-width: 47.9875em) {
  .first {
    height: calc(100vh - 90px);
  }
}
.first__slider {
  position: relative;
  width: 100%;
  height: 100% !important;
}
.first__wrapper {
  height: 100% !important;
}
.first__slide {
  height: 100vh !important;
}
.first__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.first__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.48);
}
.first__img img {
  display: block;
  width: 101%;
  height: 101%;
  object-fit: cover;
  object-position: center;
}
.first__img video {
  display: block;
  width: 100%;
  height: 101%;
  object-fit: cover;
  object-position: center;
}
.first__container {
  max-width: 81rem;
  position: relative;
  z-index: 2;
  padding-top: 31.4vh;
}
@media (max-width: 47.9875em) {
  .first__container {
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 160px;
  }
}
.first__title {
  color: var(--text-text-1);
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 69px;
  /* 107.813% */
  letter-spacing: -0.32px;
  margin-bottom: 24px;
  max-width: 802px;
  overflow: hidden;
}
@media (max-width: 47.9875em) {
  .first__title {
    color: var(--text-text-1);
    /* header/H4 */
    font-family: Gilroy;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 36px */
    letter-spacing: -0.18px;    
  }
  .first__link {
    margin-bottom: 64px;
  }
}
.first__text {
  max-width: 400px;
  color: var(--text-text-1);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  opacity: 0.8;
}
@media (max-width: 47.9875em) {
  .first__text {
    display: none;
  }
}
.first__pagination {
  text-align: start !important;
  max-width: 81rem;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 63px !important;
  display: flex;
  gap: 24px;
}
@media (max-width: 83.6875em) {
  .first__pagination {
    padding-left: 72px;
  }
}
@media (max-width: 47.9875em) {
  .first__pagination {
    padding-left: 0px;
    bottom: 104px !important;
    gap: 8px;
  }
}
.first__pagination .swiper-pagination-bullet {
  position: relative;
}
.first__pagination .swiper-pagination-bullet .bullet-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--accent-primary);
}
.first__pagination .swiper-pagination-bullet.bullet--viewed .bullet-line, .first__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-line {
  width: 100%;
}
/*.first__pagination .swiper-pagination-bullet.bullet--active .bullet-line*/
.first__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-line
{
  transition-duration: var(--duration);
  transition-property: width;
  transition-timing-function: linear;
}
.first__pagination .swiper-pagination-bullet .bullet-text {
  position: absolute;
  top: -36px;
  left: 0;
  color: var(--text-text-1);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 63.99875em) {
  .first__pagination .swiper-pagination-bullet .bullet-text {
    display: none;
  }
}

@media (max-width: 63.99875em) {
  .panel-container .vh {
    display: none;
  }
}

@media (max-width: 47.9875em) {
  .populars__slider {
    margin-right: -15px !important;
  }
}

.populars__slider .swiper-scrollbar {
  width: calc(100% - 20px) !important;
}

.benifits__scrollbar.swiper-scrollbar {
  width: calc(100% - 20px) !important;
}


@media (max-width: 47.9875em) {}
  .mobile-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 100vw;
    width: 100%;
    z-index: 240;
    background: #212121;
    display: block;
  }
  .mobile-menu__list {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    height: 64px;
  }
  .mobile-menu__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: var(--base-base-3);
    text-align: right;
    font-family: Suisse Intl;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 8px */
    letter-spacing: 0.64px;
  }
@media (min-width: 1270px) {
    .mobile-menu {
      display: none;
    }
}

:root {
  --space-sm: 84px;
  --space-md: 84px;
  --space-smm: 8px;
  --space-mdm: 8px;
  --component-padding: var(--space-md);
}

.stack-cards {
  --stack-cards-gap: 84px;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.stack-cards__item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 78px;
  height: 0;
  padding-bottom: 52%;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  overflow: hidden;
}

.stack-cards__item > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.new-panel img {
  display: block;
  width: 100%;
  height: 100%;
}
.new-panel img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

:root {
  --card-width: 200px;
  --card-height: 400px;
  --card-transition-duration: 800ms;
  --card-transition-easing: ease;
}

.app {
  position: relative;
  width: 100%;
  height: 750px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #212121;
  overflow: hidden;
}
@media (max-width: 63.99875em) {
  .app {
    display: none;
  }
}

.app__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -5;
  filter: blur(8px);
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}

.app__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  opacity: 0.8;
}

.app__bg__image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateX(var(--image-translate-offset, 0));
  width: 180%;
  height: 180%;
  transition: transform 1000ms ease, opacity 1000ms ease;
  overflow: hidden;
}

.app__bg__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app__bg__image.current--image {
  opacity: 1;
  --image-translate-offset: 0;
}

.app__bg__image.previous--image,
.app__bg__image.next--image {
  opacity: 0;
}

.app__bg__image.previous--image {
  --image-translate-offset: -25%;
}

.app__bg__image.next--image {
  --image-translate-offset: 25%;
}

.cardList {
  position: absolute;
  width: 100vw;
  height: 750px;
}

.cardList__btn {
  --btn-size: 35px;
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 8px;
  z-index: 100;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}

.cardList__btn.btn--left {
  left: calc(50% - 152px - 56px);
}

.cardList__btn.btn--right {
  right: calc(50% + 72px);
}

.cardList .cards__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.card {
  --card-translateY-offset: 100vh;
  position: absolute;
  left: 75%;
  top: 50%;
  transform: translate(-50%, -50%) translateX(var(--card-translateX-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));
  display: inline-block;
  width: var(--card-width);
  height: var(--card-height);
  transition: transform var(--card-transition-duration) var(--card-transition-easing);
  user-select: none;
}
.card .slider__block {
  position: absolute;
  top: 0;
  left: calc((100vw - 1440px) / 2 - 100%);
  max-width: 576px;
  z-index: 40;
  transition: all 0.3s ease 0s;
}
@media (max-width: 1439.8px) {
  .card .slider__block {
    left: -100%;
    max-width: calc(100% - 144px);
  }
}

.card .slider__block {
  opacity: 0;
}

.card.current--card .slider__block,
.card.previous--card .slider__block {
  opacity: 1;
}

.card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  transition: opacity var(--card-transition-duration) var(--card-transition-easing);
  opacity: calc(1 - var(--opacity));
}

.card__image {
  position: relative;
  width: 100%;
  height: 100%;
}

.card__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card.current--card {
  --current-card-rotation-offset: 0;
  --card-translateX-offset: 0;
  --card-rotation-offset: var(--current-card-rotation-offset);
  --card-scale-offset: 1;
  --opacity: 1;
}

.card.previous--card {
  --card-translateX-offset: calc(-1 * var(--card-width) * 3.5);
  --card-rotation-offset: 25deg;
}

.card,
.card.next--card {
  --card-translateX-offset: calc(var(--card-width) * 2.27);
  --card-rotation-offset: -25deg;
}

.card,
.card.previous--card,
.card.next--card {
  --card-scale-offset: 0.58;
  --opacity: 0.4;
}

.infoList {
  position: absolute;
  bottom: 48px;
  max-width: 1440px;
  height: auto;
  width: 100%;
  padding: 0 72px;
}

.infoList .info__wrapper {
  position: relative;
}
.infoList .info__wrapper::after {
  content: "";
  width: 2px;
  height: 100%;
  left: -12px;
  top: 0;
  display: block;
  position: absolute;
  background: var(--accent-primary);
}

.infoList .swiper-wrapper {
  max-width: 300px;
}

.info {
  height: 66px;
}
.info .text {
  cursor: pointer;
  color: var(--text-text-1);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  opacity: 0.5;
}
.info .text.swiper-slide-active {
  opacity: 1;
}

.info .name,
.info .location {
  text-transform: uppercase;
}

.info .location {
  font-weight: 800;
  --mg-left: 40px;
  --text-size-offset: 0.12;
  font-weight: 600;
  margin-left: var(--mg-left);
  margin-bottom: calc(var(--mg-left) / 2);
  padding-bottom: 0.8rem;
}

.info .location::before,
.info .location::after {
  content: "";
  position: absolute;
  background: #fff;
  left: 0%;
  transform: translate(calc(-1 * var(--mg-left)), -50%);
}

.info .location::before {
  top: 50%;
  width: 20px;
  height: 5px;
}

.info .location::after {
  bottom: 0;
  width: 60px;
  height: 2px;
}

.info .description {
  --text-size-offset: 0.065;
  font-weight: 500;
}

.info.current--info {
  opacity: 1;
  display: block;
}

.info.previous--info,
.info.next--info {
  opacity: 0;
  display: none;
}

.loading__wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
  z-index: 200;
}

.loading__wrapper .loader--text {
  color: var(--text-text-1);
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 1.4rem;
}

.loading__wrapper .loader {
  position: relative;
  width: 200px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}

.loading__wrapper .loader span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: red;
  transform: scaleX(0);
  transform-origin: left;
}

@media only screen and (min-width: 800px) {
  :root {
    --card-width: 50%;
    --card-height: 100%;
  }
}
.support {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  display: flex;
}

.support a {
  margin: 0 10px;
  color: var(--text-text-1);
  font-size: 1.8rem;
  backface-visibility: hidden;
  transition: all 150ms ease;
}

.support a:hover {
  transform: scale(1.1);
}

.new-panel01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 15, 15, 0.6);
  z-index: 4;
}

.new-panel02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 15, 15, 0.2);
  z-index: 4;
}

@media (max-width: 63.99875em) {
  .stack-cards {
    display: none;
  }
}
.panel-product-mob .stack-cards {
  display: block;
}

@media (max-width: 47.9875em) {
  .swiper-pagination-bullet.swiper-pagination-bullet-active.bullet--active .bullet-text {
    /* display: block; */
    top: 10px;
    white-space: nowrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .bullet--active:nth-of-type(2) .bullet-text {
    left: -48px;
  }

  .bullet--active:nth-of-type(3) .bullet-text {
    left: -96px;
  }
}
.new-slider {
  display: flex;
  align-items: center;
  height: 750px;
  position: relative;
  overflow: hidden;
  background: #212121;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.new-slider__prev {
  opacity: 1 !important;
  left: auto !important;
  right: 72px !important;
  border: 1px solid #838383 !important;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .new-slider__prev:hover {
    border: 1px solid #fff !important;
  }
}
.new-slider__prev::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
}
.new-slider__next {
  right: 0 !important;
  opacity: 1 !important;
  border: 1px solid #838383 !important;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .new-slider__next:hover {
    border: 1px solid #fff !important;
  }
}
.new-slider__next::after {
  content: "";
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
}
.new-slider__controll {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 150px;
  position: absolute;
  bottom: 48px;
  left: calc((100% - 1296px) / 2);
  width: 585px;
  height: 66px;
  padding-left: 12px;
  border-left: 2px solid var(--accent-primary);
  z-index: 4;
}
@media (max-width: 90em) {
  .new-slider__controll {
    left: 72px;
  }
}
@media (max-width: 90em) and (min-width: 61.9875em) and (max-width: 90em) {
  .new-slider__controll {
    width: clamp( 25rem , -0.5860943775rem  +  41.276215975vw , 36.5625rem );
  }
}
.new-slider__pagination {
  position: static !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--text-text-1);
}
.new-slider__pagination span {
  cursor: pointer;
  color: var(--text-text-3);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  transition: all 1s ease 0s;
  position: relative;
}
.new-slider__pagination span:nth-of-type(2) {
  color: var(--text-text-1);
}
@media (max-width: 991.89px) {
  .new-slider {
    display: none;
  }
}

.new-slider01 {
  background: #212121;
  margin-right: auto;
  margin-left: 0 !important;
}
.new-slider01__slider {
  max-width: 152px;
  flex: 0 0 152px;
  height: 65%;
  margin-left: 0 !important;
  margin-bottom: 34px;
}
.new-slider01__slider img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}
.new-slider02 {
  background: #212121;
  margin-left: 0;
}
.new-slider02__slider {
  width: 649px;
  height: 100%;
  background: #212121;
}
.new-slider02__slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 90em) {
  .new-slider02__slider {
    max-width: 585px;
    width: 100%;
  }
}
.new-slider02__wrapper .swiper-slide-active .slider__title,
.new-slider02__wrapper .swiper-slide-active .slider__note,
.new-slider02__wrapper .swiper-slide-active .slider__btn {
  transform: translate3d(0%, 0, 0);
  opacity: 1;
}
.new-slider02__slide {
  background: #212121;
}
.new-slider02__slide .slider__block {
  max-width: 585px;
  padding-left: 82px;
  padding-right: 72px;
  padding-top: 160px;
  justify-content: start;
}
@media (max-width: 1440px) {
  .new-slider02__slide .slider__block {
    padding-left: 40px;
    padding-left: 110px;
  }
}
@media (max-width: 1440px) and (min-width: 61.993125em) and (max-width: 90em) {
  .new-slider02__slide .slider__block {
    padding-left: clamp( 0.625rem , -13.209354288rem  +  22.3159492089vw , 6.875rem );
  }
}
@media (max-width: 1440px) and (min-width: 61.993125em) and (max-width: 90em) {
  .new-slider02__slide .slider__block {
    padding-right: clamp( 0.625rem , -3.5253062864rem  +  6.6947847627vw , 2.5rem );
  }
}
.new-slider02__slide .slider__btn {
  flex: 0 0 52px;
}
.new-slider02__slide .slider__title {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transform: translate3d(-10%, 0, 0);
  opacity: 0;
}
.new-slider02__slide .slider__note {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transform: translate3d(-10%, 0, 0);
  opacity: 0;
}
.new-slider02__slide .slider__btn {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transform: translate3d(-10%, 0, 0);
  opacity: 0;
}

.new-slider03__slider {
  width: 50%;
  height: 100%;
  flex: 0 0 50%;
  margin-right: 0 !important;
  margin-left: auto !important;
}
.new-slider03__slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 90em) {
  .new-slider03__slider {
    max-width: 704px;
  }
}
.popular__img-panel {
  position: relative;
}
.popular__img-panel::after {
  content: "";
  display: block;
  width: 100%;
  height: 64px;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.56) 0%, rgba(18, 18, 18, 0) 100%);
  position: absolute;
  transform: rotate(180deg);
}

.catalog {
  background: #fff;
  padding-top: 80px;
}
.catalog__top-sow-more {
  color: var(--accent-primary);
  text-align: right;
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .catalog__top-sow-more:hover {
    color: #c058ff;
  }
  .catalog__top-sow-more:active {
    color: #7a58ff;
  }
}
.catalog__btn-show {
  width: 100%;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  padding: 30px;
  color: var(--text-text-1, #fff);
  background: #212121;
  /* header/H4 */
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  position: relative;
  overflow-x: hidden;
}
.catalog__btn-show .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  animation: flareAnimation;
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 6.39%, rgba(255, 255, 255, 0.09) 10.89%, rgba(255, 255, 255, 0.05) 15.52%, rgba(255, 255, 255, 0) 21.15%);
  animation: flareAnimation 6s infinite linear;
}
.catalog__block-show {
  display: none;
}
@media (max-width: 47.9875em) {
  .catalog_cards {
  }
}
.catalog_librari {
  padding-bottom: 0px;
}
.catalog_librari p {
  margin-bottom: 0;
}
@media (max-width: 47.9875em) {
  .catalog_librari {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .catalog_librari .catalog__top {
    margin-bottom: 24px;
  }
}
.catalog h2, .catalog h1 {
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .catalog h2, .catalog h1 {
    margin-bottom: 32px;
  }
}
.catalog__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 195px);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}
@media (max-width: 75em) {
  .catalog__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 240px);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}
@media (max-width: 53.125em) {
  .catalog__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 240px);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}
.catalog__inner .catalog__inner-item:nth-of-type(1) {
  grid-area: 1/1/3/2;
}
.catalog__inner .catalog__inner-item:nth-of-type(1) img {
  height: 422px;
}
@media (max-width: 75em) {
  .catalog__inner .catalog__inner-item:nth-of-type(1) {
    grid-area: 1/1/2/2;
  }
  .catalog__inner .catalog__inner-item:nth-of-type(1) img {
    height: 240px;
  }
}
@media (max-width: 53.125em) {
  .catalog__inner .catalog__inner-item:nth-of-type(1) {
    grid-area: 1/1/2/2;
  }
}
.catalog__inner .catalog__inner-item:nth-of-type(2) {
  grid-area: 1/2/3/3;
}
.catalog__inner .catalog__inner-item:nth-of-type(2) img {
  height: 422px;
}
@media (max-width: 75em) {
  .catalog__inner .catalog__inner-item:nth-of-type(2) {
    grid-area: 1/2/2/3;
  }
  .catalog__inner .catalog__inner-item:nth-of-type(2) img {
    height: 240px;
  }
}
@media (max-width: 53.125em) {
  .catalog__inner .catalog__inner-item:nth-of-type(2) {
    grid-area: 2/1/3/2;
  }
}
.catalog__inner .catalog__inner-item:nth-of-type(3) {
  grid-area: 1/3/2/4;
}
.catalog__inner .catalog__inner-item:nth-of-type(3) img {
  height: 195px;
}
@media (max-width: 75em) {
  .catalog__inner .catalog__inner-item:nth-of-type(3) {
    grid-area: 2/1/3/2;
  }
  .catalog__inner .catalog__inner-item:nth-of-type(3) img {
    height: 240px;
  }
}
@media (max-width: 53.125em) {
  .catalog__inner .catalog__inner-item:nth-of-type(3) {
    grid-area: 3/1/4/2;
  }
}
.catalog__inner .catalog__inner-item:nth-of-type(4) {
  grid-area: 2/3/3/4;
}
.catalog__inner .catalog__inner-item:nth-of-type(4) img {
  height: 195px;
}
@media (max-width: 75em) {
  .catalog__inner .catalog__inner-item:nth-of-type(4) {
    grid-area: 2/2/3/3;
  }
  .catalog__inner .catalog__inner-item:nth-of-type(4) img {
    height: 240px;
  }
}
@media (max-width: 53.125em) {
  .catalog__inner .catalog__inner-item:nth-of-type(4) {
    grid-area: 4/1/5/2;
  }
}
@media (any-hover: hover) {
  .catalog__inner .catalog__inner-item:hover .panel-product__img {
    transform: translateY(-119px);
  }
}
.catalog__inner .panel-product__content {
  padding: 16px;
  bottom: -62px;
}
.catalog__inner .panel-product__content svg {
  flex: 0 0 22px;
  margin-right: 8px;
}
.catalog__inner .panel-product__img {
  transition: all 0.5s ease 0s;
  width: 100%;
  height: 100%;
}
.catalog__inner .panel-product__img::before {
  height: 96px;
}
.catalog__inner .panel-product__img::after {
  content: "";
  display: none;
}
.catalog__inner .panel-product__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0px;
}
.catalog__inner .panel-product__title {
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.catalog__inner .panel-product__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-top: 12px;
}
.catalog__inner_flex {
  display: flex;
  gap: 32px;
}
@media (max-width: 68.125em) {
  .catalog__inner_flex {
    flex-wrap: wrap;
  }
}
@media (max-width: 47.9875em) {
  .catalog__inner_flex {
    gap: 24px;
  }
}
.catalog__inner_flex .catalog__inner-item {
  flex: 0 0 calc(33.33% - 20px);
  height: 280px;
}
.catalog__inner_flex .catalog__inner-item img {
  height: 280px !important;
}
.catalog__inner_flex .catalog__inner-item a {
  display: block;
  height: 100%;
}
@media (max-width: 68.125em) {
  .catalog__inner_flex .catalog__inner-item {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 47.9875em) {
  .catalog__inner_flex .catalog__inner-item {
    flex: 0 0 100%;
    height: 240px;
  }
  .catalog__inner_flex .catalog__inner-item img {
    height: 240px !important;
  }
}
@media (any-hover: hover) {
  .catalog__inner_flex .panel-product__card:hover .panel-product__img {
    transform: translateY(-119px);
  }
  .catalog__inner_flex .panel-product__card:hover .panel-product__content {
    top: calc(100% - 119px);
    bottom: auto;
  }
}
@media (max-width: 82.5em) and (any-hover: hover) {
  .catalog__inner_flex .panel-product__card:hover .panel-product__content {
    top: calc(100% - 136px);
    bottom: auto;
  }
  .catalog__inner_flex .panel-product__card:hover .panel-product__img {
    transform: translateY(-132px);
  }
}
@media (max-width: 47.9875em) and (any-hover: hover) {
  .catalog__inner_flex .panel-product__card:hover .panel-product__img {
    transform: translateY(-119px);
  }
  .catalog__inner_flex .panel-product__card:hover .panel-product__content {
    top: calc(100% - 119px);
    bottom: auto;
  }
}
.catalog__inner_flex .panel-product__content {
  padding: 16px;
  bottom: auto;
  top: calc(100% - 32px - 28px);
}
.catalog__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.catalog__top h2 {
  margin-bottom: 0;
}
@media (max-width: 63.99875em) {
  .catalog__top {
    flex-direction: column;
    align-items: flex-start;
  }
}

.catalog__top-left {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 63.99875em) {
  .catalog__top-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
}
.catalog__top-link {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.catalog__top-link svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .catalog__top-link:hover {
    color: #c058ff;
  }
  .catalog__top-link:hover svg {
    fill: #c058ff;
  }
  .catalog__top-link:active {
    color: #7a58ff;
  }
  .catalog__top-link:active svg {
    fill: #7a58ff;
  }
}
.touch .catalog__top-link {
  color: #7a58ff;
}
.touch .catalog__top-link svg {
  fill: #7a58ff;
}
.catalog__text {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 741px;
  margin-bottom: 27px;
}
@media (max-width: 47.9875em) {
  .catalog__text {
    margin-bottom: 44px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}

.excellence {
  padding-bottom: 42px;
  background: #fff;
}
@media (max-width: 76.875em) {
  .excellence {
    display: none;
  }
}
.excellence__inner {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.excellence__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.excellence__item:not(:last-of-type) {
  border-right: 1px solid #d9d9d9;
  padding-right: 40px;
}
.excellence__item svg {
  flex: 0 0 36px;
}
.excellence__item span {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.excellence__item:nth-of-type(1) svg {
  flex: 0 0 45px;
}
.excellence__item:nth-of-type(1) span {
  max-width: 102px;
}
.excellence__item:nth-of-type(2) span {
  max-width: 84px;
}
.excellence__item:nth-of-type(3) span {
  max-width: 122px;
}
.excellence__item:nth-of-type(4) span {
  max-width: 106px;
}
.excellence__item:nth-of-type(5) span {
  max-width: 78px;
}

@media (max-width: 47.9875em) {
  .catalog-cards {
    margin-bottom: 18px;
  }
}
.catalog-cards__top {
  margin-bottom: 26px;
  display: flex;
  justify-content: flex-end;
  gap: 40px;
}
@media (max-width: 47.9875em) {
  .catalog-cards__top {
    justify-content: space-between;
  }
}
.catalog-cards__switch {
  display: flex;
  align-items: center;
  gap: 8px;
}
.catalog-cards__switch span {
  color: var(--text-text-3);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.catalog-cards__filrt {
  display: flex;
  cursor: pointer;
  gap: 12px;
  align-items: center;
  color: var(--text-text-3);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.catalog-cards__filrt svg {
  stroke: var(--text-text-3);
}
.catalog-cards__filrt._active {
  color: var(--accent-primary);
}
.catalog-cards__filrt._active svg {
  stroke: var(--accent-primary);
}
@media (any-hover: hover) {
  .catalog-cards__filrt:hover {
    color: var(--accent-primary);
  }
  .catalog-cards__filrt:hover svg {
    stroke: var(--accent-primary);
  }
  .catalog-cards__filrt:active {
    color: #7a58ff;
  }
  .catalog-cards__filrt:active svg {
    stroke: #7a58ff;
  }
}
.catalog-cards__pagination {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.catalog-cards__pagination li {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--base-base-4);
  transition: all 0.3s ease 0s;
}
.catalog-cards__pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.catalog-cards__pagination li._active {
  background: #f6efff;
}
@media (any-hover: hover) {
  .catalog-cards__pagination li._active:hover {
    background: #f6efff;
    color: var(--base-base-4);
  }
  .catalog-cards__pagination li._active:hover svg {
    fill: #838383;
  }
}
.catalog-cards__pagination li svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .catalog-cards__pagination li:hover {
    background: var(--accent-primary);
    color: var(--text-text-1);
  }
  .catalog-cards__pagination li:hover svg {
    fill: var(--text-text-1);
  }
}
.catalog-cards__inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -24px;
  margin-left: -24px;
  margin-top: -24px;
}
@media (max-width: 47.9875em) {
  .catalog-cards__inner {
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
  }
}
.catalog-cards__inner_lepnina .catalog-cards__item {
  height: 326px;
  flex: 0 0 25%;
}
@media (any-hover: hover) {
  .catalog-cards__inner_lepnina .catalog-cards__item:hover .catalog-card__img img {
    scale: 1.1;
  }
}
@media (max-width: 75em) {
  .catalog-cards__inner_lepnina .catalog-cards__item {
    flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 56.1875em) {
  .catalog-cards__inner_lepnina .catalog-cards__item {
    flex: 0 0 50%;
  }
}
@media (max-width: 47.9875em) {
  .catalog-cards__inner_lepnina .catalog-cards__item {
    flex: 0 0 auto;
    height: 312px;
  }
}
 .slider-product-gotov  .catalog-card {
 
    transition: all 0.2s ease 0s;
}
.catalog-cards__btn-more {
  width: 252px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.catalog-cards__item {
  flex: 0 0 33.3333333333%;
  height: 408px;
  overflow: hidden;
  transition: all 0.6s ease 0s;
}
.catalog-cards__item .catalog-card__hover {
  background: linear-gradient(150deg, #212121 3.64%, #463957 95.59%);
}
.catalog-cards__item_lepnina {
  height: 323px;
}
 
.slider-product-gotov {
	z-index:4;
}
.albom.albom-sect{	z-index:3;}
@media (any-hover: hover) {
  .catalog-cards__item:hover {
    overflow: visible;
    z-index: 12;
  }
  .catalog-cards__item:hover .catalog-card {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.24);
  }
  .catalog-cards__item:hover .catalog-card__bottom {
    opacity: 1;
    visibility: visible;
  }
  .catalog-cards__item:hover .catalog-card__img::after {
    opacity: 0.48;
    visibility: visible;
  }
  .catalog-cards__item:hover .catalog-card__hover {
    transform: translateX(-220px);
    visibility: visible;
  }
  .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content i {
    order: 3;
  }
  .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content span {
    order: 4;
    display: block;
  }
  .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6:nth-of-type(1) ,.catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content .div_h6:nth-of-type(1){
    display: flex;
    gap: 5px;
    order: 1;
    flex: 0 0 100%;
  }
  .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6:nth-of-type(1) span:nth-of-type(1) , .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content .div_h6:nth-of-type(1) span:nth-of-type(1) {
    display: flex;
  }
  .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6:nth-of-type(2), .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content  .div_h6:nth-of-type(2)  {
    color: var(--text-text-3);
    font-family: Suisse Intl;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 14px */
    letter-spacing: 1.12px;
    text-transform: uppercase;
    order: 2;
    flex: 0 0 100%;
  }
}
@media (max-width: 63.99875em) {
  .catalog-cards__item {
    flex: 0 0 50%;
  }
}
@media (max-width: 47.9875em) {
  .catalog-cards__item {
    flex: 0 0 auto;
    height: 400px;
  }
}

.damob {
  margin-bottom: 64px;
}

.descriptions {
  padding-top: 120px;
  padding-bottom: 88px;
  background: #f4f4f4;
}
@media (max-width: 47.9875em) {
  .descriptions {
    padding-top: 40px;
    padding-bottom: 64px;
  }
}
.descriptions h2 {
  display: none;
}
@media (max-width: 47.9875em) {
  .descriptions h2 {
    display: block;
    margin-bottom: 32px;
  }
}
.descriptions h3 {
  color: var(--text-text-4);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 47.9875em) {
  .descriptions h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 14px;
  }
}
.descriptions p {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  max-width: 409px;
}
@media (max-width: 47.9875em) {
  .descriptions p {
    max-width: 100%;
  }
}
.descriptions__inner {
  display: flex;
  flex-direction: column;
  gap: 72px;
}
@media (max-width: 47.9875em) {
  .descriptions__inner {
    gap: 30px;
  }
}
.descriptions__full-img {
  height: 665px;
}
.descriptions__full-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 63.99875em) {
  .descriptions__full-img img {
    height: auto;
  }
}
@media (max-width: 47.9875em) {
  .descriptions__full-img img {
    min-height: 478px;
  }
}
@media (max-width: 63.99875em) {
  .descriptions__full-img {
    height: auto;
  }
}
@media (max-width: 63.99875em) {
  .descriptions__full-img {
    margin-left: -16px;
    margin-right: -16px;
    min-height: 478px;
  }
}
.descriptions__item {
  display: flex;
}
.descriptions__item .descriptions__content {
  padding-left: 56px;
}
.descriptions__item_width .descriptions__img {
  flex: 0 0 60%;
}
.descriptions__item_width .descriptions__content {
  flex: 0 0 40%;
}
@media (max-width: 47.9875em) {
  .descriptions__item {
    flex-direction: column;
    gap: 16px;
  }
  .descriptions__item .descriptions__content {
    padding-left: 0px;
  }
}
.descriptions__item_reverse {
  flex-direction: row-reverse;
}
.descriptions__item_reverse .descriptions__content {
  padding-right: 56px;
  padding-left: 0;
}
@media (max-width: 47.9875em) {
  .descriptions__item_reverse {
    flex-direction: column;
    gap: 16px;
  }
  .descriptions__item_reverse .descriptions__content {
    padding-right: 0;
    padding-left: 0;
  }
}
.descriptions__item_reverse-width {
  flex-direction: row;
  margin-left: 109px;
}
.descriptions__item_reverse-width p {
  max-width: 630px;
}
@media (max-width: 63.99875em) {
  .descriptions__item_reverse-width {
    margin-left: 0;
  }
}
.descriptions__img {
  flex: 0 0 48.5%;
}
.descriptions__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 47.9875em) {
  .descriptions__img {
    flex: 0 0 auto;
  }
}
@media (max-width: 29.99875em) {
  .descriptions__img {
    height: auto;
  }
}
.descriptions__content {
  flex: 0 0 51.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 47.9875em) {
  .descriptions__content {
    flex: 0 0 auto;
  }
  .descriptions__content svg {
    display: block;
    width: 32px;
    height: 32px;
  }
}
.descriptions__btn {
  margin-top: 88px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-primary);
  text-align: right;
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.descriptions__btn svg {
  fill: var(--accent-primary);
}
@media (any-hover: hover) {
  .descriptions__btn:hover {
    color: #c058ff;
  }
  .descriptions__btn:hover svg {
    fill: #c058ff;
  }
  .descriptions__btn:active {
    color: #c058ff;
  }
  .descriptions__btn:active svg {
    fill: #c058ff;
  }
}
@media (max-width: 47.9875em) {
  .descriptions__btn {
    margin-top: 48px;
  }
}
.descriptions .btn {
  margin-top: 32px;
  padding-left: 64px;
  padding-right: 64px;
}
.descriptions_white {
  background: #fff;
  padding-bottom: 160px;
  padding-top: 80px;
}
@media (max-width: 47.9875em) {
  .descriptions_white {
    padding-top: 40px;
    padding-bottom: 64px;
  }
}

.video {
  background: #fff;
}
.video_dilleram {
  padding-bottom: 120px;
}
@media (max-width: 47.9875em) {
  .video_dilleram {
    padding-bottom: 80px;
  }
}
.video__item {
  position: relative;
}
.video__item span {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74px;
  height: 74px;
  opacity: 0.5;
  filter: drop-shadow(0px 0px 22.2222213745px rgba(0, 0, 0, 0.25));
}
.video__item span svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 47.9875em) {
  .video__item span {
    width: 63px;
    height: 63px;
  }
}
.video__item video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.show {
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 63.99875em) {
  .show {
    padding-bottom: 1px;
  }
}
@media (max-width: 47.9875em) {
  .show {
    padding-top: 56px;
  }
}
.show h2 {
  margin-bottom: 40px;
}
@media (max-width: 63.99875em) {
  .show h2 {
    margin-bottom: 33px;
  }
}
.show__container {
  position: relative;
}
@media (max-width: 63.99875em) {
  .show__container {
    padding-right: 0;
  }
}
@media (max-width: 47.9875em) {
  .show__container {
    padding-right: 0;
  }
}
.show__slider {
  position: relative;
}
@media (max-width: 63.99875em) {
  .show__slider {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 63.99875em) {
  .show__wrapper {
    margin-bottom: 32px;
  }
}
.show__slide {
  background: var(--accent-primary);
  height: 280px !important;
}
@media (max-width: 63.99875em) {
  .show__slide {
    background: transparent;
    height: 212px !important;
  }
}
.show__inner {
  position: relative;
  overflow: hidden;
  transition: all 0.6s ease 0s;
}
@media (any-hover: hover) and (min-width: 63.99875em) {
  .show__inner:hover .show__img {
    transform: translateY(-76px);
  }
  .show__inner:hover .show__text::before {
    opacity: 0;
  }
}
.show__img {
  transition: all 0.6s ease 0s;
  position: relative;
  height: 280px;
  overflow: hidden;
}
.show__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 47.9875em) {
  .show__img {
    height: 212px;
  }
}
.show__text {
  color: var(--text-text-1);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  padding: 24px;
  bottom: 0;
  left: 0;
  gap: 17px;
  align-items: center;
  width: 100%;
  z-index: 3;
}
@media (min-width: 63.99875em) and (max-width: 90em) {
  .show__text {
    font-size: clamp( 0.875rem , -0.6633575309rem  +  2.4037305899vw , 1.5rem );
  }
}
@media (max-width: 72.5em) {
  .show__text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.show__text::after {
  content: "";
  width: 22px;
  flex: 0 0 22px;
  height: 13px;
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-show.svg) center/contain no-repeat;
  z-index: 3;
}
@media (max-width: 63.99875em) {
  .show__text::after {
    display: none;
  }
}
.show__text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(18, 18, 18, 0.56) 0%, rgba(18, 18, 18, 0) 100%);
  z-index: -1;
  display: block;
  transition: all 0.6s ease 0s;
}
@media (max-width: 63.99875em) {
  .show__text::before {
    display: none;
  }
}
@media (max-width: 63.99875em) {
  .show__text {
    position: static;
    color: var(--text-text-4);
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    padding: 24px 0;
  }
}
@media (max-width: 63.99875em) {
  .show .show-prev {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 63.99875em) {
  .show .show-next {
    opacity: 0;
    visibility: hidden;
  }
}
.show .show-scrollbar {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 63.99875em) {
  .show .show-scrollbar {
    opacity: 1;
    visibility: visible;
    margin-bottom: 40px;
    margin-top: -27px;
    height: 2px;
    width: calc(100% - 144px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 47.9875em) {
  .show .show-scrollbar {
    width: calc(100% - 32px);
  }
}

.show .swiper-button-next,
.show .swiper-button-prev,
.others-news .swiper-button-next,
.others-news .swiper-button-prev {
  top: 60%;
}

.banner {
  max-width: 100vw;
  overflow: hidden;
  padding-bottom: 25px;
  background: #fff;
}
.banner h1 {
  color: var(--text-text-1);
  /* header/H4 */
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 47.9875em) {
  .banner h1 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: -0.12px;
  }
}
.banner_card {
  padding-bottom: 0;
}
.banner_card .banner__slider {
  height: 80vh !important;
}
@media (max-width: 47.9875em) {
  .banner_card .banner__slider {
    height: 300px !important;
  }
}
.banner_card h1 {
  text-shadow: 0px -12px 40px rgba(0, 0, 0, 0.24);
  font-size: 64px;
  line-height: 69px;
  /* 107.813% */
  letter-spacing: -0.32px;
}
@media (max-width: 47.9875em) {
  .banner_card h1 {
    font-size: 24px;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: -0.12px;
  }
}
.banner_card .banner__container {
  align-items: flex-end;
}
.banner_card .banner__inner {
  margin-bottom: 35px;
}
@media (max-width: 47.9875em) {
  .banner_card .banner__inner {
    margin-bottom: 138px;
  }
}
.banner_card .banner__slide::before {
  display: none;
}
.banner__slider {
  width: 100vw;
  height: 368px !important;
}
@media (max-width: 47.9875em) {
  .banner__slider {
    height: 300px;
  }
}
.banner__wrapper {
  height: 100% !important;
}
.banner__slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.banner__slide::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 120px;
  background: linear-gradient(0deg, rgba(18, 18, 18, 0.64) 0%, rgba(18, 18, 18, 0) 100%);
  width: 100%;
  bottom: 0;
  z-index: 2;
}
.banner__slide::before {
  content: "";
  background: linear-gradient(90deg, rgba(18, 18, 18, 0.72) 32.29%, rgba(18, 18, 18, 0) 100%);
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 50%;
  bottom: 0;
  z-index: 2;
}
.banner__slide img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.banner__container {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100%;
}
.banner__container:last-of-type {
  justify-content: start;
  width: 100%;
  position: relative;
}
.banner__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (max-width: 47.9875em) {
  .banner__inner {
    position: relative;
    top: 32%;
  }
}
.banner__link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--accent-primary);
  /* body/14 UP */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.banner__link svg {
  fill: var(--accent-primary);
}
@media (any-hover: hover) {
  .banner__link:hover {
    color: #c058ff;
  }
  .banner__link:hover svg {
    fill: #c058ff;
  }
  .banner__link:active {
    color: #c058ff;
  }
  .banner__link:active svg {
    fill: #c058ff;
  }
}
@media (max-width: 47.9875em) {
  .banner__link {
    display: none;
  }
}
.banner__text {
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  max-width: 262px;
}
@media (max-width: 47.9875em) {
  .banner__text {
    display: none;
  }
}
.banner__controls {
  position: absolute;
  width: 100%;
  left: 0;
  height: 56px;
  bottom: 18px;
  z-index: 2;
}
@media (max-width: 47.9875em) {
  .banner__controls {
    height: 2px;
    bottom: 20px;
  }
}
.banner__pagination {
  position: static !important;
  width: auto !important;
}
.banner__pagination .swiper-pagination-bullet {
  /*width: 41px !important;*/
  height: 40px;
  position: relative;
  background: transparent !important;
}
.banner__pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.56);
}
.banner__pagination .swiper-pagination-bullet-active::after {
  background: #fff;
}
@media (max-width: 47.9875em) {
  .banner__pagination {
    margin-left: -4px;
  }
}
.banner__prev {
  left: calc(50% - 56px - 12px) !important;
}
@media (max-width: 47.9875em) {
  .banner__prev {
    display: none !important;
  }
}
.banner__next {
  right: calc(50% - 56px - 12px) !important;
}
@media (max-width: 47.9875em) {
  .banner__next {
    display: none !important;
  }
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  top: 0 !important;
  margin-top: 0 !important;
}
@media (any-hover: hover) {
  .banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    border: 1px solid #fff !important;
  }
}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat !important;
}
.banner .swiper-pagination-bullet .bullet-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
}
.banner .swiper-pagination-bullet.bullet--active .bullet-line {
  transition-duration: var(--duration);
  transition-property: width;
  transition-timing-function: linear;
}
.banner .swiper-pagination-bullet {
  position: relative;
  background: rgba(255, 255, 255, 0.56);
}
@media (max-width: 47.9875em) {
  .banner .swiper-pagination-bullet {
    left: 0 !important;
  }
}

.banner__pagination .swiper-pagination-bullet.bullet--viewed .bullet-line,
.banner__pagination .swiper-pagination-bullet.bullet--active .bullet-line {
  width: 100%;
}

.catalog-cards-lepnina {
  padding-top: 8px;
}
@media (max-width: 47.9875em) {
  .catalog-cards-lepnina {
    margin-bottom: 56px;
    padding-top: 12px;
  }
}
.catalog-cards-lepnina__list {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 32px;
}
@media (max-width: 47.9875em) {
  .catalog-cards-lepnina__list {
    gap: 24px 19px;
  }
}
.catalog-cards-lepnina__item {
  flex: 0 0 calc(25% - 24px);
  color: var(--text-text-4);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
  transition: all 0.6s ease 0s;
}
@media (any-hover: hover) {
  .catalog-cards-lepnina__item:hover {
    color: #c058ff;
  }
  .catalog-cards-lepnina__item:hover .catalog-cards-lepnina__img img {
    transform: scale(1.1);
  }
  .catalog-cards-lepnina__item:active {
    color: #c058ff;
  }
}
@media (max-width: 63.99875em) {
  .catalog-cards-lepnina__item {
    flex: 0 0 calc(33.3333333333% - 22px);
  }
}
@media (max-width: 47.9875em) {
  .catalog-cards-lepnina__item {
    flex: 0 0 calc(33.3333333333% - 14px);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
  }
}
@media (max-width: 29.99875em) {
  .catalog-cards-lepnina__item {
    flex: 0 0 calc(50% - 11px);
  }
}
.catalog-cards-lepnina__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 47.9875em) {
  .catalog-cards-lepnina__card {
    gap: 8px;
  }
}
.catalog-cards-lepnina__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 24px 0;
  background: var(--background-bbbb, linear-gradient(156deg, #212121 3.21%, #363636 94.48%));
}

.catalog-cards-lepnina__img--relative {
	position: relative;
}

.catalog-cards-lepnina__img img {
  transition: all 0.3s ease 0s;
  display: block;
  width: 152px;
  height: 152px;
  transition: all 0.6s ease 0s;
}
@media (max-width: 47.9875em) {
  .catalog-cards-lepnina__img img {
    width: 82px;
    height: 82px;
  }
}
@media (max-width: 47.9875em) {
  .catalog-cards-lepnina__img {
    padding: 13px 0;
  }
}
.catalog__inner-item {
  position: relative;
  overflow: hidden;
}

.catalog__reveal {
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 5;
}

.input-file-row {
  display: inline-block;
}

.input-file {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input-file span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--base-base-5);
  cursor: pointer;
  outline: none;
  display: flex;
  width: 100%;
  height: 80px;
  transition: all 0.3s ease 0s;
  color: var(--base-base-2);
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
@media (max-width: 47.9875em) {
  .input-file span {
    width: 64px;
    height: 64px;
    background: #302f2f;
  }
  .input-file span b {
    display: none;
  }
}

.input-file input[type=file] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

/* Hover/Active */
.input-file:hover span {
  background: #3d3d3d;
}

.input-file:active span {
  background: #3d3d3d;
}

/* Список файлов */
.input-file-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 80px;
  width: 239px;
  align-content: start;
}
@media (max-width: 47.9875em) {
  .input-file-list {
    width: auto;
  }
}

.input-file-list-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.input-file-list-remove {
  background: url(../../../../../../local/templates/artpole/assets/img/remove.png) center/contain no-repeat;
  text-decoration: none;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
}

.input-file-list-name {
  color: var(--text-text-1);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}

.form__flex_add._active .form__text_add {
  display: none;
}
.form__flex_add._active .input-file-row {
  display: flex;
  flex-direction: row-reverse;
  gap: 32px;
}

.share {
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 120px;
}
@media (max-width: 47.9875em) {
  .share {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.share__container h2 {
  margin-bottom: 32px;
}
.share__container h3 {
  color: var(--text-text-4);
  /* header/H5 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
  margin-bottom: 32px;
}
@media (max-width: 47.9875em) {
  .share__container h3 {
    margin-bottom: 24px;
  }
}
.share__inner {
  display: flex;
  gap: 32px;
}
.share__inner p {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .share__inner p {
    font-size: 16px;
    line-height: 24px;
  }
}
.share__inner .btn {
  max-width: 361px;
  width: 100%;
}
@media (max-width: 63.99875em) {
  .share__inner {
    flex-direction: column;
  }
}
.share__item {
  background: #fff;
  padding: 48px 40px;
  flex: 0 1 100%;
}
.share__item:nth-of-type(2) {
  flex: 0 0 40%;
}
@media (max-width: 63.99875em) {
  .share__item:nth-of-type(2) {
    flex: 0 1 auto;
  }
}
@media (max-width: 63.99875em) {
  .share__item {
    flex: 0 1 auto;
  }
}
@media (max-width: 47.9875em) {
  .share__item {
    padding: 24px 16px;
  }
}
@media (max-width: 47.9875em) {
  .share__item h2 {
    margin-bottom: 24px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: -0.12px;
  }
  .share__item h2 span {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: -0.12px;
  }
}
.share__sub-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.share__block {
  display: flex;
  flex-direction: column;
  gap: 66px;
}
@media (max-width: 47.9875em) {
  .share__block {
    gap: 48px;
  }
}
.share__link {
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease 0s;
  color: var(--accent-primary);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.share__link svg {
  fill: var(--accent-primary);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .share__link:hover {
    color: #c058ff;
  }
  .share__link:hover svg {
    fill: #c058ff;
  }
  .share__link:active {
    color: #7a58ff;
  }
  .share__link:active svg {
    fill: #7a58ff;
  }
}
.share__flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.share__flex-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.share__flex-item:not(:last-of-type) {
  margin-right: 40px;
}
.share__flex-item span {
  color: var(--base-base-4);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .share__flex-item {
    flex-wrap: wrap;
  }
}

.vacation {
  background: #fff;
  padding-top: 62px;
  padding-bottom: 160px;
}
@media (max-width: 63.99875em) {
  .vacation {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.vacation__container h2 {
  margin-bottom: 40px;
}
.vacation__container h3 {
  color: #000;
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  /* 144.444% */
  letter-spacing: -0.18px;
}
.vacation__container h3:nth-of-type(1) {
  max-width: 975px;
  margin-bottom: 97px;
}
@media (max-width: 63.99875em) {
  .vacation__container h3 {
    display: none;
  }
}
.vacation__flex {
  display: flex;
  gap: 32px;
}
.vacation__flex img {
  display: block;
  width: auto;
  height: 440px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  flex: 0 1 100%;
  width: 100%;
}
.vacation__flex h3 {
  flex: 0 0 calc(50% - 16px);
}
@media (max-width: 63.99875em) {
  .vacation__flex h3 {
    display: block;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 63.99875em) {
  .vacation__flex {
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.vacation .tabs {
  padding-bottom: 160px;
}
.vacation .tabs__navigation {
  margin-bottom: 62px;
  gap: 24px;
  display: flex;
}
.vacation .tabs__navigation button {
  padding: 10px 0;
}
@media (max-width: 63.99875em) {
  .vacation .tabs__navigation {
    margin-bottom: 38px;
    flex-wrap: wrap;
    gap: 12px 24px;
  }
}
.vacation .tabs__title {
  color: var(--text-text-3);
  font-family: Suisse Intl;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.vacation .tabs__title._active {
  color: #151515;
  font-weight: 600;
}
@media (max-width: 63.99875em) {
  .vacation .tabs {
    padding-bottom: 80px;
  }
}
.vacation .tabs__body ul {
  width: 100%;
  max-width: 100%;
}
.vacation .tabs__body li {
  width: 100%;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  padding: 32px 0;
}
.vacation .tabs__body li:first-of-type {
  border-top: 1px solid #d9d9d9;
}
.vacation .tabs__body li span:nth-of-type(1) {
  flex: 0 1 100%;
}
.vacation .tabs__body li span:nth-of-type(2) {
  flex: 0 0 300px;
}
.vacation .tabs__body li span:nth-of-type(3) {
  flex: 0 0 22px;
}
@media (max-width: 63.99875em) {
  .vacation .tabs__body li {
    padding-top: 24px;
    padding-bottom: 16px;
    flex-wrap: wrap;
    gap: 16px;
  }
}
.vacation__title {
  color: var(--text-text-4);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 63.99875em) {
  .vacation__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}
.vacation__location {
  display: flex;
  align-items: center;
  gap: 16px;
}
.vacation__location::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/location01.svg) center/contain no-repeat;
}
@media (max-width: 63.99875em) {
  .vacation__location {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}
.vacation__btn {
  width: 22px;
  height: 13px;
  display: block;
  flex: 0 0 22px;
  position: relative;
}
.vacation__btn svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .vacation__btn:hover svg {
    fill: var(--accent-primary);
  }
  .vacation__btn:active svg {
    fill: #7a58ff;
  }
}
.vacation .btn {
  max-width: 252px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}
.vacation .btn span {
  color: var(--text-text-1);
}

.attation {
  padding-bottom: 80px;
  padding-top: 80px;
  background: #fff;
}
@media (max-width: 47.9875em) {
  .attation {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.attation_black {
  background: #0f0f0f;
}
@media (max-width: 47.9875em) {
  .attation_black {
    padding: 0;
  }
}
@media (max-width: 47.9875em) {
  .attation__container {
    padding: 0;
  }
}
.attation__inner {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 38px;
  background: #212121 url(../../../../../../local/templates/artpole/assets/img/bg-attation.png) center/cover no-repeat;
}
@media (max-width: 47.9875em) {
  .attation__inner {
    gap: 32px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.attation__inner p {
  color: var(--text-text-2);
  text-align: center;
  /* header/H6 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  max-width: 854px;
}
@media (max-width: 47.9875em) {
  .attation__inner p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 0 24px;
  }
}
.attation__inner a {
  color: var(--text-text-1);
  text-align: center;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  transition: all 0.3s ease 0s;
}
.job {
  padding-top: 80px;
  padding-bottom: 120px;
  background: var(--text-text-1);
}
@media (max-width: 47.9875em) {
  .job {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.job_grey {
  background: #f4f4f4;
  padding-top: 80px;
}
.job h2 {
  margin-bottom: 40px;
}
.job .dajob a {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  text-align: right;
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
@media (max-width: 47.9875em) {
  .job .dajob a {
    margin-top: 40px;
    justify-content: center;
  }
}
@media (any-hover: hover) {
  .job .dajob a:hover {
    color: #c058ff;
  }
  .job .dajob a:hover svg {
    fill: #c058ff;
  }
  .job .dajob a:active {
    color: #7a58ff;
  }
  .job .dajob a:active svg {
    fill: #7a58ff;
  }
}
.job .dajob a svg {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  fill: var(--accent-primary);
  transition: all 0.3s ease 0s;
  margin-top: -3px;
}
@media (max-width: 63.99875em) {
  .job .dajob a {
    font-size: 14px;
    letter-spacing: 1.12px;
  }
}
.job__container {
  position: relative;
}
@media (max-width: 47.9875em) {
  .job__container {
    padding-right: 0;
  }
}
.job__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.job__top a {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  text-align: right;
  /* body/14 UP */
  font-family: "Suisse Intl";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .job__top a:hover {
    color: #c058ff;
  }
  .job__top a:hover svg {
    fill: #c058ff;
  }
  .job__top a:active {
    color: #7a58ff;
  }
  .job__top a:active svg {
    fill: #7a58ff;
  }
}
.job__top a svg {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  fill: var(--accent-primary);
  transition: all 0.3s ease 0s;
  margin-top: -3px;
}
@media (max-width: 63.99875em) {
  .job__top a {
    font-size: 14px;
    letter-spacing: 1.12px;
  }
}
@media (max-width: 47.9875em) {
  .job__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-right: 16px;
  }
}
.job__item {
  flex: 0 0 calc(25% - 24px);
}
.job__item h5 {
  color: var(--text-text-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
@media (max-width: 63.99875em) {
  .job__item h5 {
    font-weight: 500;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
  }
}
.job__img {
  height: 200px;
  width: 100%;
  margin-bottom: 16px;
  display: block;
}
.job__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .job__img {
    margin-bottom: 24px;
  }
}
@media (max-width: 63.99875em) {
  .job__slider {
    padding-bottom: 32px !important;
  }
}
.job__scrollbar {
  display: none;
}
@media (max-width: 63.99875em) {
  .job__scrollbar {
    display: block;
    left: 0 !important;
    margin-top: 32px;
  }
}
@media (max-width: 47.9875em) {
  .job__scrollbar {
    width: calc(100% - 16px) !important;
  }
}
@media (max-width: 63.99875em) {
  .job .swiper-button-prev,
.job .swiper-button-next {
    display: none;
  }
}

.product {
  background: radial-gradient(47.08% 147.69% at 48.44% 8.7%, #474747 0%, #212121 100%);
  padding-bottom: 32px;
  padding-top: 78px;
}
@media (max-width: 1200px) {
  .product {
    padding-bottom: 0;
    background: var(--background-dark-grey);
  }
}
.product .bredcumber {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .product .bredcumber {
    display: block;
    margin-bottom: 22px;
    padding-top: 24px;
  }
  .product .bredcumber .bredcumber__item:not(:nth-last-child(2)) {
    display: none;
  }
  .product .bredcumber .bredcumber__item::after {
    content: "";
    display: none;
  }
  .product .bredcumber .bredcumber__item::before {
    content: "";
    width: 16px;
    height: 14px;
    flex: 0 0 16px;
    background: url(../../../../../../local/templates/artpole/assets/img/icons/Arrow-bredcumbers.svg) center/contain no-repeat;
    transform: rotate(180deg);
  }
}
@media (max-width: 1200px) and (max-width: 47.9875em) {
  .product .bredcumber {
    margin-bottom: 24px;
  }
}
.product .bredcumber__link {
  color: var(--text-text-2);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .product .bredcumber__link:hover {
    color: var(--accent-primary);
  }
}
.product .bredcumber__link:active {
  color: #7a58ff;
}
.product .bredcumber__item:not(:last-of-type)::after {
  background: url(../../../../../../local/templates/artpole/assets/img/icons/Arrow-bredcumbers.svg) center/contain no-repeat;
}
.product .btn {
  margin-bottom: 24px;
  display: flex;
  gap: 11px;
  max-width: 282px;
  width: 100%;
}
@media (max-width: 75em) {
  .product .btn {
    margin-bottom: 0;
  }
}
@media (max-width: 47.9875em) {
  .product .btn {
    margin-bottom: 0;
  }
}
.product .btn svg {
  display: none;
}
.product .btn._active svg {
  display: block;
}
.product__container {
  position: relative;
}
.product__top {
  display: flex;
}
@media (max-width: 75em) {
  .product__top {
    gap: 72px;
    margin-bottom: 88px;
  }
}
@media (max-width: 47.9875em) {
  .product__top {
    display: flex;
    flex-direction: column;
    gap: 49px;
  }
}
.product__label {
  display: none;
}
@media (max-width: 63.99875em) {
  .product__label {
    position: absolute;
    top: 0px;
    left: 72px;
    display: flex;
    align-items: center;
    height: 32px;
    gap: 4px;
    width: fit-content;
    overflow: hidden;
    padding: 0 16px;
    border-radius: 24px;
    background: var(--accent-primary);
    z-index: 2;
  }
}
@media (max-width: 47.9875em) {
  .product__label {
    top: -16px;
    right: 16px;
    left: auto;
  }
}
.product__label-text {
  display: flex;
  flex-direction: column;
  animation: label-product 6s linear infinite;
}
.product__label-text span {
  color: var(--text-text-1);
  text-align: center;
  font-family: Suisse Intl;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
}
.product__right {
  flex: 0 0 443px;
}
@media (max-width: 75em) {
  .product__right {
    flex: 0 0 302px;
  }
}
@media (max-width: 47.9875em) {
  .product__right {
    flex: 0 0 auto;
  }
}
.product__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 74px;
}
@media (max-width: 75em) {
  .product__bottom {
    margin-top: 88px;
  }
}
@media (max-width: 47.9875em) {
  .product__bottom {
    margin-top: 72px;
  }
}
.product__bottom a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
}
.product__bottom a:not(:last-of-type) {
  padding-right: 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.product__bottom a::before {
  font-size: 24px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .product__bottom a:hover {
    color: var(--accent-primary);
  }
  .product__bottom a:hover::before {
    color: var(--accent-primary);
  }
  .product__bottom a:active {
    color: #7a58ff;
  }
  .product__bottom a:active::before {
    color: #7a58ff;
  }
}
@media (max-width: 1200px) {
  .product__bottom a {
    width: 100%;
    padding: 28px 72px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    color: var(--text-text-3);
  }
}
@media (max-width: 1200px) and (max-width: 47.9875em) {
  .product__bottom a {
    padding: 28px 16px;
  }
}
@media (max-width: 1200px) {
  .product__bottom a:not(:last-of-type) {
    padding-right: 16px;
    border-right: 0px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid #d9d9d9;
  }
}
@media (max-width: 1200px) {
  .product__bottom a::before {
    color: var(--text-text-3);
  }
}
@media (max-width: 1200px) {
  .product__bottom {
    flex-direction: column;
    background: #f4f4f4;
    gap: 0;
  }
}
.product__title {
  grid-area: 1/2/2/4;
  padding-bottom: 40px;
}
@media (max-width: 75em) {
  .product__title {
    grid-area: 1/2/2/3;
  }
}
@media (max-width: 47.9875em) {
  .product__title {
    padding-bottom: 32px;
  }
}
.product .daoptions {
  display: none;
}
@media (max-width: 47.9875em) {
  .product .daoptions {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .product .daoptions-tab {
    padding-bottom: 56px;
  }
}
@media (max-width: 47.9875em) {
  .product .daoptions-tab {
    padding-bottom: 0;
    width: 100%;
  }
}

.left-product {
  display: flex;
  flex-direction: column;
  flex: 0 1 66%;
  gap: 16px 0;
  padding-left: 32px;
}
@media (max-width: 75em) {
  .left-product {
    padding-top: 32px;
    flex: 0 1 100%;
  }
}
@media (max-width: 1200px) {
  .left-product {
    padding-left: 0;
    flex-direction: row;
    overflow-x: auto;
  }
  .left-product::-webkit-scrollbar {
    height: 2px;
  }
  .left-product::-webkit-scrollbar-track {
    background: #d9d9d9;
  }
  .left-product::-webkit-scrollbar-thumb {
    background-color: var(--accent-primary);
    border-radius: 10px;
  }
}
@media (max-width: 47.9875em) {
  .left-product {
    padding-top: 0;
  }
}
.left-product__stiky {
  position: sticky;
  top: 0;
}
@media (max-width: 1200px) {
  .left-product__stiky {
    flex: 0 0 100%;
  }
}
.left-product__photo {
  display: flex;
}
.left-product-plan{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.left-product-plan__h{
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    margin-bottom: 15px;
}
.left-product-plan__i img{
  max-width: 100%;
}

.left-product__scheme {
  flex: 0 0 51%;
  display: flex;
  justify-content: center;
  padding-top: 13px;
  max-height: 400px;
}
.left-product__scheme img {
  display: block;
  max-width: 222px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1200px) {
  .left-product__scheme img {
    max-width: 100%;
    position: static;
  }
}
@media (max-width: 1200px) {
  .left-product__scheme {
    flex: 0 0 100%;
  }
  .left-product-plan__h{
      font-size: 24px;
  }

}
@media (max-width: 29.99875em) {
  .left-product__scheme {
    max-height: 343px;
  }
}
.left-product__img {
  flex: 1 1 400px;
  max-height: 400px;
  overflow: hidden;
  max-width: 634px;
}
.left-product__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .left-product__img {
    flex: 0 0 100%;
  }
}
@media (max-width: 29.99875em) {
  .left-product__img {
    max-height: 343px;
  }
}
.left-product__options {
  display: flex;
  gap: 16px;
}
@media (max-width: 1200px) {
  .left-product__options {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 47.9875em) {
  .left-product__options {
    flex-direction: column;
    padding: 16px;
    gap: 8px;
    background: var(--base-base-5);
    width: 100%;
  }
}
.left-product__options-item {
  flex: 0 0 52px;
}
@media (max-width: 75em) {
  .left-product__options-item {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 47.9875em) {
  .left-product__options-item {
    flex: 0 0 auto;
  }
}
.left-product__options-item span {
  display: none;
}
@media (max-width: 1200px) {
  .left-product__options-item span {
    display: block;
  }
}
@media (max-width: 1200px) {
  .left-product__options-item {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--text-text-1);
    font-family: Suisse Intl;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}
@media (max-width: 47.9875em) {
  .left-product__options-item {
    gap: 16px;
    width: 100%;
  }
}
.left-product__icon {
  display: flex;
  border-radius: 8px;
  background: var(--base-base-4);
  align-items: center;
  justify-content: center;
  padding: 8px;
  width: 52px;
  height: 44px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .left-product__icon:hover {
    padding: 6px;
  }
}
.left-product__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: all 0.3s ease 0s;
}

.right-product {
  display: flex;
  flex-direction: column;
  height: auto;
  gap: 40px;
}
@media (max-width: 47.9875em) {
  .right-product {
    gap: 32px;
  }
}
.right-product__product-type {
  position: relative;
  display: flex;
  gap: 12px;
  max-width: 443px;
}
@media (max-width: 75em) {
  .right-product__product-type {
    max-width: 302px;
  }
}
@media (max-width: 47.9875em) {
  .right-product__product-type {
    margin-right: -16px;
    max-width: 100%;
  }
}
.right-product__product-type .swiper-button-next,
.right-product__product-type .swiper-button-prev {
  position: relative;
  top: 50%;
  width: 8px;
  flex: 0 0 8px;
  height: 16px;
  border: 1px solid transparent;
  transition: all 0.5s ease 0s;
}
.right-product__product-type .swiper-button-next svg,
.right-product__product-type .swiper-button-prev svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--text-text-1);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .right-product__product-type .swiper-button-next svg:hover,
.right-product__product-type .swiper-button-prev svg:hover {
    fill: var(--accent-primary);
  }
}
.right-product__product-type .swiper-button-next svg:active,
.right-product__product-type .swiper-button-prev svg:active {
  fill: #7a58ff;
}
.right-product__product-type .swiper-button-next::after,
.right-product__product-type .swiper-button-prev::after {
  content: "";
  display: none;
}
@media (max-width: 47.9875em) {
  .right-product__product-type .swiper-button-next,
.right-product__product-type .swiper-button-prev {
    display: none;
  }
}
.right-product__product-type .swiper-button-prev {
  left: 0px;
  right: auto;
}
.right-product__product-type .swiper-button-next {
  right: 0px;
  left: auto;
}
.right-product__top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.right-product__top p {
  display: flex;
  gap: 8px;
  align-items: center;
}
.right-product__top p span {
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .right-product__top p span:nth-of-type(1) {
    display: none;
  }
}
@media (max-width: 1200px) {
  .right-product__top {
    width: 100%;
    gap: 24px;
  }
}
.right-product .daactions {
  display: none;
}
@media (max-width: 47.9875em) {
  .right-product .daactions {
    display: block;
  }
}
.right-product__mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.right-product__top-name {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.right-product__top-name h5 {
  color: var(--text-text-1);
  /* header/H5 */
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
}
.right-product__actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.right-product__like {
  flex: 0 0 24px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/like.svg) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .right-product__like:hover {
    background: url(../../../../../../local/templates/artpole/assets/img/like-primari.svg) center/contain no-repeat;
  }
}
.right-product__like._active {
  background: url(../../../../../../local/templates/artpole/assets/img/icons/like-purple.svg) center/contain no-repeat;
}
@media (max-width: 1200px) {
  .right-product__like {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
}
.right-product__share {
  flex: 0 0 24px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../../../../../../local/templates/artpole/assets/img/share.svg) center/contain no-repeat;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .right-product__share:hover {
    background: url(../../../../../../local/templates/artpole/assets/img/share-primari.svg) center/contain no-repeat;
  }
}
.right-product__share:active {
  background: url(../../../../../../local/templates/artpole/assets/img/share-press.svg) center/contain no-repeat;
}
@media (max-width: 1200px) {
  .right-product__share {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
}
.right-product__body {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.right-product__body p {
  display: flex;
  gap: 8px;
  align-items: center;
}
.right-product__body p span {
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.right-product__body p span:nth-of-type(2) {
  color: var(--text-text-1);
}
.right-product__body button {
  transition: all 0.3s ease 0s;
}
.right-product__body button::before {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .right-product__body button:hover {
    color: var(--accent-primary);
  }
  .right-product__body button:hover::before {
    color: var(--accent-primary);
  }
  .right-product__body button:active {
    color: #7a58ff;
  }
  .right-product__body button:active::before {
    color: #7a58ff;
  }
}
.right-product__coast {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 75em) {
  .right-product__coast {
    flex-wrap: wrap;
  }
}
@media (max-width: 47.9875em) {
  .right-product__coast {
    flex-wrap: nowrap;
  }
}
.right-product__prise {
  color: var(--text-text-1);
  font-family: Gilroy;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  white-space: nowrap;
}
@media (max-width: 75em) {
  .right-product__prise {
    flex: 0 0 100%;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 100% */
    letter-spacing: -0.14px;
  }
}
@media (max-width: 47.9875em) {
  .right-product__prise {
    flex: 0 0 auto;
  }
}
.right-product__old-prise {
  white-space: nowrap;
  color: var(--text-text-2);
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 20px */
  letter-spacing: -0.1px;
  text-decoration-line: line-through;
}
@media (max-width: 47.9875em) {
  .right-product__old-prise {
    font-size: 16px;
    letter-spacing: -0.08px;
    text-decoration-line: strikethrough;
  }
}
.right-product__sale {
  color: var(--text-text-2);
  font-family: Suisse Intl;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 22px;
  background: url(../../../../../../local/templates/artpole/assets/img/icons/sale.svg) center/contain no-repeat;
  margin-left: -7px;
}
.right-product__bottom {
  padding-top: 80px;
}
@media (max-width: 75em) {
  .right-product__bottom {
    padding-top: 0;
  }
  .right-product__bottom .btn {
    max-width: 282;
    width: 100%;
  }
}
.right-product__bottom ._icon-octicon_rocket-24 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-text-1);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.right-product__bottom ._icon-octicon_rocket-24::before {
  font-size: 24px;
}
@media (max-width: 1200px) {
  .right-product__bottom ._icon-octicon_rocket-24 {
    display: none;
  }
}
@media (max-width: 47.9875em) {
  .right-product__bottom {
    padding-top: 34px;
  }
  .right-product__bottom .btn {
    max-width: 100%;
    width: 100%;
  }
}

.note {
  padding-top: 80px;
  background: #fff;
}
@media (max-width: 47.9875em) {
  .note {
    padding-bottom: 40px;
  }
}
.note p {
  padding-left: 24px;
  color: var(--text-text-3);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  border-left: 4px solid var(--accent-primary);
  max-width: 715px;
}
@media (max-width: 47.9875em) {
  .note p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 12px;
  }
}

@media (any-hover: hover) {
  .lepnina-card:hover .lepnina-card__img img {
    transform: scale(1.1);
  }
}
.lepnina-card__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lepnina-card__img {
  background: var(--background-bbbb, linear-gradient(156deg, #212121 3.21%, #363636 94.48%));
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lepnina-card__img img {
  width: 152px;
  height: 152px;
  object-fit: contain;
  object-position: center;
  transition: all 0.5s ease 0s;
}
.lepnina-card__size {
  color: var(--text-text-1);
  text-align: right;
  font-family: Suisse Intl;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.lepnina-card__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lepnina-card__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lepnina-card__top i {
  width: 24px;
  height: 24px;
  background: var(--accent-primary);
  flex: 0 0 24px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lepnina-card__top h6 {
  color: #151515;
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.lepnina-card .catalog-card__labels-like {
  top: 12px;
  right: 12px;
}
.lepnina-card .catalog-card__content-prise-new {
  color: var(--text-text-4);
}
.c {
  background: #fff;
  padding: 80px 0;
  z-index: 1;
}
@media (max-width: 47.9875em) {
  .c {
    padding: 40px 0;
    margin-top: 0;
  }
}
.c h2 {
  margin-bottom: 40px;
}
.c__container {
  position: relative;
}
@media (max-width: 47.9875em) {
  .c__container {
    padding-right: 0;
  }
}
@media (max-width: 63.99875em) {
  .c__slider {
    padding-bottom: 32px !important;
  }
}
.c__scrollbar {
  display: none;
}
@media (max-width: 63.99875em) {
  .c__scrollbar {
    display: block;
    left: 0 !important;
    margin-top: 32px;
  }
}
@media (max-width: 47.9875em) {
  .c__scrollbar {
    width: calc(100% - 16px) !important;
  }
}
@media (max-width: 63.99875em) {
  .c .swiper-button-prev,
.c .swiper-button-next {
    display: none;
  }
}
.c .panel-product__title {
  font-size: 24px;
}
@media (max-width: 47.9875em) {
  .c .panel-product__title {
    color: var(--text-text-4);
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
  }
}
@media (max-width: 47.9875em) {
  .c .panel-product__content {
    position: static;
    padding: 0;
    margin-top: 24px;
  }
}
@media (max-width: 47.9875em) {
  .c .panel-product__card {
    background: transparent;
  }
}
@media (max-width: 47.9875em) {
  .c .panel-product__img {
    height: 212px;
  }
  .c .panel-product__img img {
    height: 100%;
  }
}

.product-type__slider {
  width: 100%;
}
.product-type__inner {
  cursor: pointer;
}
@media (any-hover: hover) {
  .product-type__inner:hover .product-type__img {
    border: 1px solid var(--accent-primary);
  }
}
.product-type__inner._active .product-type__img {
  border: 1px solid var(--accent-primary);
}
.product-type__inner._disabled {
  pointer-events: none;
}
.product-type__inner._disabled .product-type__img {
  position: relative;
}
.product-type__inner._disabled .product-type__img::before {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.product-type__inner._disabled .product-type__img img {
  opacity: 0.56;
}
.product-type__img {
  padding: 8px;
  border: 1px solid #838383;
  margin-bottom: 12px;
  transition: all 0.3s ease 0s;
}
.product-type__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.product-type__name {
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.product-options p {
  margin-bottom: 12px;
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.product-options__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-options__inner span {
  cursor: pointer;
  padding: 8px;
  display: inline-block;
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid var(--base-base-3);
  transition: all 0.3s ease 0s;
}
.product-options__inner span._active {
  color: var(--text-text-1);
  border: 1px solid var(--accent-primary);
}
.product-options__inner span._disabled {
  pointer-events: none;
  position: relative;
  color: var(--text-text-3, rgba(130, 130, 130, 0.56));
}
.product-options__inner span._disabled::before {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
@media (any-hover: hover) {
  .product-options__inner span:hover {
    color: var(--text-text-1);
    border: 1px solid var(--accent-primary);
  }
}

.complex {
  padding: 120px 0 145px;
  background: #212121;
}
@media (max-width: 47.9875em) {
  .complex {
    padding: 40px 0;
  }
}
.complex__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.complex__flex:not(:last-of-type) {
  margin-bottom: 47px;
}
@media (max-width: 47.9875em) {
  .complex__flex {
    align-items: start;
    gap: 16px;
    flex-direction: column-reverse;
  }
  .complex__flex:not(:last-of-type) {
    margin-bottom: 56px;
  }
}
.complex__flex_column {
  flex-direction: column-reverse;
  margin-bottom: 0;
}
.complex__flex_column:not(:last-of-type) {
  padding-bottom: 120px;
  border-bottom: 1px solid #302f2f;
}
.complex__flex_column .complex__img {
  max-width: 100%;
  padding: 32px 0;
}
.complex__flex_column .complex__content {
  width: 100%;
}
.complex__flex_column .complex__content ol {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.complex__flex_column .complex__content ol div {
  flex: 0 0 calc(33.33% - 22px);
}
@media (max-width: 47.9875em) {
  .complex__flex_column .complex__content ol {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 0;
  }
  .complex__flex_column .complex__content ol div {
    flex: 0 0 auto;
  }
}
@media (max-width: 47.9875em) {
  .complex__flex_column {
    flex-direction: column-reverse;
  }
  .complex__flex_column:not(:last-of-type) {
    padding-bottom: 0px;
    border-bottom: 0px solid #302f2f;
  }
}
.complex__content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 47.9875em) {
  .complex__content {
    gap: 12px;
  }
}
.complex__img {
  max-width: 632px;
  padding: 41px 58px;
}
@media (max-width: 63.99875em) {
  .complex__img {
    padding: 0;
    max-width: 50%;
  }
}
@media (max-width: 47.9875em) {
  .complex__img {
    max-width: 100%;
  }
}
.complex__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.complex p {
  color: var(--text-text-2);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 409px;
}
@media (max-width: 47.9875em) {
  .complex p {
    max-width: 100%;
  }
}
.complex h3 {
  color: var(--text-text-1);
  /* header/H4 */
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
@media (max-width: 47.9875em) {
  .complex h3 {
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
.complex h4 {
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .complex h4 {
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
.complex ol {
  padding-left: 20px;
}
.complex ol li {
  color: var(--text-text-2);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.albom {
  background: #212121;
  padding-top: 96px;
  padding-bottom: 64px;
}
@media (max-width: 47.9875em) {
  .albom {
    padding: 0;
  }
}
.albom h2 {
  color: var(--text-text-1);
}
.albom .panel {
  display: none;
}
@media (max-width: 47.9875em) {
  .albom .panel {
    display: block;
  }
  .albom .panel img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .albom .panel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.32);
  }
  .albom .panel .panel-product-mob__container {
    position: relative;
    z-index: 2;
  }
}
.albom__container {
  position: relative;
}
@media (max-width: 47.9875em) {
  .albom__container {
    display: none;
  }
}
.albom__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.albom__slide {
  position: relative;
  height: 420px !important;
  width: 57% !important;
}
.albom__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.albom__pagination {
  position: static !important;
  width: fit-content !important;
  color: var(--text-text-3);
  text-align: right;
  /* header/H4 */
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
.albom a {
  justify-content: center;
  margin-top: 48px;
}
.albom .swiper-3d .swiper-slide-shadow {
  background: rgba(33, 33, 33, 0.56);
}
.albom .swiper-button-next:after,
.albom .swiper-button-prev:after {
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat;
}
.albom .swiper-button-next,
.albom .swiper-button-prev {
  outline: none;
  border: 1px solid #838383;
  top: 50%;
}
@media (any-hover: hover) {
  .albom .swiper-button-next:hover,
.albom .swiper-button-prev:hover {
    border: 1px solid #fff;
  }
}
.albom .swiper-button-next {
  right: 46px;
}
.albom .swiper-button-prev {
  left: 46px;
}

.cart {
  background: var(--background-light-grey);
  padding-top: 64px;
  padding-bottom: 40px;
  position: relative;
}
.cart__order-close {
  display: none;
}
@media (max-width: 47.9875em) {
  .cart__order-close {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 47.9875em) {
  .cart {
    padding-top: 40px;
    background: #fff;
  }
}
.cart__container h2 {
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .cart__container h2 {
    margin-bottom: 8px;
  }
}
.cart__container h6 {
  color: var(--text-text-4);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 32px;
}
@media (max-width: 47.9875em) {
  .cart__container h6 {
    margin-bottom: 24px;
  }
}
.cart__lablel {
  display: none;
}
@media (max-width: 47.9875em) {
  .cart__lablel {
    display: block;
    background: #f4f4f4;
    padding: 8px 16px;
    margin-right: -16px;
    margin-left: -16px;
    color: var(--text-text-3, #838383);
    /* body/14,20,reg */
    font-family: Suisse Intl;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}
.cart__inner {
  display: flex;
  gap: 32px;
}
@media (max-width: 63.99875em) {
  .cart__inner {
    flex-direction: column;
  }
}
@media (max-width: 47.9875em) {
  .cart__inner {
    margin-left: -16px;
    margin-right: -16px;
    gap: 0;
  }
}
.cart__inner:not(:last-of-type) {
  margin-bottom: 40px;
}
.cart__remove-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-white, #fff);
}
.cart__body {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart__item {
  background: var(--background-white);
  padding: 24px 32px;
  display: flex;
  gap: 45px;
  position: relative;
}
@media (max-width: 47.9875em) {
  .cart__item {
    padding: 0;
    gap: 24px;
  }
  .cart__item:not(:last-of-type) {
    padding-bottom: 24px;
    border-bottom: 1px solid #d9d9d9;
  }
}
.cart__block {
  background: var(--background-white);
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 0 1 100%;
}
.cart__block h6 {
  margin-bottom: 0;
}
.cart__block a {
  color: var(--accent-primary);
  /* Body Text/body-3reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.cart__block .checkbox__text {
  color: var(--text-text-4);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.cart__block .form-callab__inputs_flex {
  margin-top: 0;
  position: relative;
}
.cart__block .form-callab__inputs_flex ._active .form-callab__input {
  border: 1px solid var(--accent-error, #f9111e);
}
.cart__block .form-callab__inputs_flex ._active small {
  opacity: 1;
  visibility: visible;
}
.cart__block .form-callab__inputs_flex div {
  position: relative;
  flex: 0 0 calc(50% - 8px);
}
.cart__block .form-callab__inputs_flex div small {
  padding-left: 16px;
  color: var(--accent-error, #f9111e);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
}
.cart__block .form-callab__inputs_flex div:last-of-type {
  flex: 0 0 calc(50% - 7px);
}
.cart__img {
  padding: 12px;
  flex: 0 0 144px;
}
.cart__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 29.99875em) {
  .cart__img {
    flex: 0 0 74px;
    height: 74px;
  }
}
.cart__aside {
  flex: 0 0 31.5%;
}
.cart__aside .btn {
  max-width: 100%;
  width: 100%;
}
.cart__content {
  flex: 0 1 100%;
}
.cart__header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.cart__header p {
  color: var(--text-text-4);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .cart__header p {
    font-size: 14px;
    line-height: 20px;
  }
}
.cart__header button {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.cart__header button svg {
  fill: var(--text-text-3);
}
@media (max-width: 47.9875em) {
  .cart__header {
    margin-bottom: 16px;
  }
}
@media (max-width: 47.9875em) {
  .cart__header-delete span {
    display: none;
  }
}
.cart__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart__body span {
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 47.9875em) {
  .cart__body {
    padding: 40px 16px;
    gap: 24px;
  }
}
.cart__body-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart__body-inner span {
  color: var(--text-text-3);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 47.9875em) {
  .cart__body-inner span {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 47.9875em) {
  .cart__body-inner {
    margin-bottom: 15px;
  }
}
.cart__body-item {
  display: flex;
  gap: 8px;
}
.cart__footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 47.9875em) {
  .cart__footer {
    gap: 8px;
  }
}
.cart span.cart__footer-sale {
  display: inline-block;
  margin-left: auto;
  color: var(--base-base-3, #838383);
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 16px */
  letter-spacing: -0.08px;
  text-decoration-line: line-through;
  height: 16px;
}
@media (max-width: 47.9875em) {
  .cart span.cart__footer-sale {
    font-size: 14px;
    height: auto;
  }
}
.cart__footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.cart__footer-bottom span {
  color: var(--text-text-4);
  font-family: Suisse Intl;
  font-style: normal;
}
.cart__footer-bottom span:nth-of-type(1) {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .cart__footer-bottom span:nth-of-type(1) {
    display: none;
  }
}
.cart__footer-bottom span:nth-of-type(2) {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 47.9875em) {
  .cart__footer-bottom span:nth-of-type(2) {
    font-size: 24px;
    line-height: 30px;
  }
}
.cart__footer-count {
  display: flex;
  align-items: center;
  gap: 22px;
}
.cart__footer-count button {
  width: 12px;
  height: 12px;
  display: block;
  flex: 0 0 12px;
}
.cart__footer-count button:nth-of-type(1) {
  background: url(../../../../../../local/templates/artpole/assets/img/minus.svg) center/contain no-repeat;
}
.cart__footer-count button:nth-of-type(2) {
  background: url(../../../../../../local/templates/artpole/assets/img/plus.svg) center/contain no-repeat;
}
.cart__footer-count label {
  color: var(--base-base-4, #3d3d3d);
  text-align: center;
  /* body/16,24, med */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 47.9875em) {
  .aside-cart {
    padding: 40px 16px;
    background: #f4f4f4;
  }
}
.aside-cart__inner {
  background: var(--background-white);
  display: flex;
  flex-direction: column;
  padding: 24px 24px 32px 24px;
}
@media (max-width: 47.9875em) {
  .aside-cart__inner {
    padding: 16px 16px 40px 16px;
    margin-bottom: 0;
  }
}
.aside-cart__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.aside-cart__body span {
  color: var(--text-text-3);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .aside-cart__body {
    gap: 8px;
  }
}
.aside-cart__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aside-cart__price {
  margin-top: 32px;
  padding: 32px 0;
  border-top: 1px solid var(--base-base-2);
}
.aside-cart__price span {
  color: var(--text-text-4);
  text-align: right;
  font-family: Gilroy;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 47.9875em) {
  .aside-cart__price {
    padding-top: 24px 0;
    margin-top: 24px;
  }
}
.aside-cart .btn {
  white-space: nowrap;
}

@keyframes circletimer {
  0% {
    stroke-dashoffset: 500;
    stroke-dasharray: 500;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 500;
  }
}
/*
svg{
  background-color: transparent;
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(-90deg);
  .circle{
    stroke: rgba(188, 0, 84, 1);
    stroke-width: 16;
    fill: transparent;
    stroke-dashoffset: 500;
    stroke-dasharray: 0;
    animation: 30s circletimer linear;
}
}
.timer{
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(188, 0, 84, 1);
  font-size: 42px;
  font-weight: 700;
}
*/
.black {
  padding-top: 78px;
  background: #212121;
  overflow: hidden;
}
.black h2 {
  padding-top: 56px;
  padding-bottom: 56px;
  color: #fff;
}
@media (max-width: 63.99875em) {
  .black h2 {
    padding-top: 40px;
    padding-bottom: 24px;
  }
}
@media (max-width: 47.9875em) {
  .black {
    padding-top: 0px;
  }
}
.black__sliders {
  display: flex;
  gap: 80px;
  width: calc(100vw - (100vw - 1440px + 144px) / 2);
  margin-left: auto;
}
@media (max-width: 90em) {
  .black__sliders {
    width: calc(100vw - 72px);
  }
}
@media (max-width: 47.9875em) {
  .black__sliders {
    width: calc(100vw - 16px);
  }
}
.black .black__slider {
  width: calc(70% - 80px);
  height: 520px !important;
}
.black .black__slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.black .black__slider .black__wrapper {
  height: 100% !important;
}
@media (max-width: 63.99875em) {
  .black .black__slider {
    display: none;
  }
}
.black .black-two {
  width: 30%;
  height: 376px;
}
.black .black-two img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.black .black-two .black-two__slider,
.black .black-two .black-two__wrapper {
  height: 100% !important;
}
.black .black-two .swiper-button-next:after,
.black .black-two .swiper-button-prev:after {
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper-white.svg) center/contain no-repeat;
}
@media (max-width: 63.99875em) {
  .black .black-two {
    width: 100%;
  }
}
@media (max-width: 47.9875em) {
  .black .black-two {
    height: 212px !important;
  }
}
@media (max-width: 63.99875em) {
  .black .black-two__slider {
    padding-bottom: 24px !important;
  }
}
.black .black-two__controls {
  position: relative;
  display: flex;
  gap: 24px;
  margin-top: 44px;
}
.black .black-two__controls .swiper-button-next,
.black .black-two__controls .swiper-button-prev {
  position: static !important;
  margin-top: 0;
  border: 1px solid #838383;
}
@media (any-hover: hover) {
  .black .black-two__controls .swiper-button-next:hover,
.black .black-two__controls .swiper-button-prev:hover {
    border: 1px solid #fff;
  }
}
@media (max-width: 63.99875em) {
  .black .black-two__controls {
    display: none;
  }
}
.black .black-two__scrollbar {
  display: none;
}
@media (max-width: 63.99875em) {
  .black .black-two__scrollbar {
    display: block;
    width: calc(100% - 16px) !important;
  }
}
.black__inner {
  height: calc(100vh - 78px - 120px - 120px);
  color: #fff;
  display: flex;
  justify-content: space-between;
  max-width: 917px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.black__inner svg {
  display: block;
  margin-bottom: 80px;
}
@media (max-width: 63.99875em) {
  .black__inner svg {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 47.9875em) {
  .black__inner svg {
    width: 237px;
    height: auto;
    margin-bottom: 40px;
  }
}
.black__inner h3 {
  margin-bottom: 16px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .black__inner h3 {
    color: var(--text-text-2, #b0b0b0);
    text-align: center;
    /* body/16,24,reg */
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 218px;
    margin-left: auto;
    margin-right: auto;
  }
}
.black__inner p {
  color: var(--text-text-2);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.black__inner form {
  margin-top: 96px;
  position: relative;
}
.black__inner form::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 13px;
  background: url(../../../../../../local/templates/artpole/assets/img/search.png) center/contain no-repeat;
}
.black__inner form input {
  padding: 0 26px 13px 46px;
  border-bottom: 1px solid #838383;
  border-radius: 0;
  width: 100%;
  background: #212121;
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  outline: none;
}
.black__inner form input::placeholder {
  color: var(--text-text-2, #b0b0b0);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 63.99875em) {
  .black__inner {
    height: calc(100vh - 78px - 78px - 120px);
    overflow: hidden;
    max-width: 100%;
    justify-content: center;
  }
  .black__inner p {
    display: none;
  }
  .black__inner form {
    display: none;
  }
}
@media (max-width: 47.9875em) {
  .black__inner {
    height: calc(100vh - 54px - 85px);
  }
}
.black__img {
  display: flex;
  align-items: center;
  flex: 0 0 254px;
}
.black__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .black__img {
    position: absolute;
    right: -17%;
    bottom: -50%;
    height: 90vh;
  }
}
@media (max-width: 47.9875em) {
  .black__img {
    width: 268px;
    height: 561px;
    right: -90px;
    bottom: -280px;
  }
}
.black__content {
  max-width: 445px;
}
@media (max-width: 63.99875em) {
  .black__content {
    max-width: 100%;
  }
}

.boutique-map {
  position: relative;
  height: calc(100vh - 165px);
}

.boutique-map__search {
  position: relative;
  width: 100%;
  max-width: 630px;
  margin: 40px 0 48px;
  border-bottom: 1px solid #838383;
}
@media (max-width: 63.99875em) {
  .boutique-map__search {
    margin-bottom: 40px;
    max-width: 100%;
  }
}
.boutique-map__search-input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px 26px 6px 10px;
  color: #fff;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 !important;
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  outline: none;
}

.boutique-map__search-input ~ button.reset_form {
    top: 6px;
}

.boutique-map__search-input:-webkit-autofill ~ button svg path {
  fill: #000;
}
.boutique-map__search-input:-webkit-autofill ~ button:after,
.boutique-map__search-input:-webkit-autofill ~ button:before {
  background-color: #000;
}
.boutique-map__search-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  left: 0;
  display: block !important;
  padding: 3px 26px 7px 0px;
  color: #b0b0b0;
  background-color: #212121;
  cursor: text;
  pointer-events: none;
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.boutique-map__search-submit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 26px;
  color: transparent;
  font-size: 0;
}
.boutique-map__search-error {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  color: var(--accent-error, #f9111e);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  opacity: 0;
  transition: opacity 0.3s;
}
.boutique-map__main {
  display: flex;
  overflow: hidden;
  height: calc(100% - 90px);
}
@media (max-width: 63.99875em) {
  .boutique-map__main {
    flex-direction: column;
    height: auto;
  }
}
.boutique-map__instance {
  flex: 0 1 100%;
  filter: grayscale(1);
}
.boutique-map__instance iframe {
  height: 100%;
}
@media (max-width: 63.99875em) {
  .boutique-map__instance {
    flex: 0 0 auto;
    height: 500px;
    margin-bottom: 40px;
  }
}
@media (max-width: 47.9875em) {
  .boutique-map__instance {
    height: 343px;
  }
}
.boutique-map__sidebar {
  flex: 0 0 300px;
  margin-left: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 5px;
}
@media (max-width: 63.99875em) {
  .boutique-map__sidebar {
    flex: 0 0 auto;
    margin-left: 0;
  }
}
.boutique-map__button {
  max-width: 100%;
  width: 100%;
}
.boutique-map__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: calc(100% - 76px);
  padding: 0 5px 0 0;
}
.boutique-map__list::-webkit-scrollbar {
  width: 5px;
}
.boutique-map__list::-webkit-scrollbar-track {
  background: #3d3d3d;
}
.boutique-map__list::-webkit-scrollbar-thumb {
  background-color: #838383;
  border-radius: 10px;
}
@media (max-width: 63.99875em) {
  .boutique-map__list {
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 47.9875em) {
  .boutique-map__list {
    flex-direction: column;
  }
}
.boutique-map__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 63.99875em) {
  .boutique-map__item {
    flex: 0 0 calc(50% - 8px);
  }
}
@media (max-width: 47.9875em) {
  .boutique-map__item {
    flex: 0 0 100%;
  }
}
.boutique-map__item-info {
  color: var(--text-text-3, #838383);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.boutique-map__item .boutique-map__item-info.boutique-map__item-info--email {
  color: #c058ff;
  word-wrap: break-word;
}
._active .boutique-map__item-info {
  color: var(--text-text-1, #fff);
}
.boutique-map__item-info a {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .boutique-map__item-info a:hover {
    color: #c058ff;
  }
}
.boutique-map__item-info a:active {
  color: #7a58ff;
}
.boutique-map__item-directions {
  color: var(--text-text-3, #838383);
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
._active .boutique-map__item-directions {
  color: var(--accent-primary);
}
@media (any-hover: hover) {
  .boutique-map__item-directions:hover {
    color: #c058ff;
  }
}
.boutique-map__item-directions:active {
  color: #7a58ff;
}
.boutique-map .show-more-instruction {
  color: #fff;
}
.boutique-map .show-more-instruction svg {
  fill: #fff;
}
@media (max-width: 63.99875em) {
  .boutique-map .show-more-instruction {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    margin-right: auto;
  }
}

.contactn-salon {
  background: #0f0f0f;
  padding: 120px 0;
}
@media (max-width: 47.9875em) {
  .contactn-salon {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.contactn-salon__inner {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
@media (max-width: 63.99875em) {
  .contactn-salon__inner {
    flex-direction: column-reverse;
    gap: 48px;
  }
}
.contactn-salon__content {
  flex: 0 0 377px;
}
.contactn-salon__content h2 {
  margin-bottom: 37px;
  color: #fff;
}
@media (max-width: 63.99875em) {
  .contactn-salon__content h2 {
    margin-bottom: 32px;
  }
}
.contactn-salon__content ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.contactn-salon__content ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contactn-salon__content ul li span {
  color: var(--background-white, #fff);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.contactn-salon__content ul li a {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .contactn-salon__content ul li a:hover {
    color: #c058ff;
  }
}
.contactn-salon__content ul li a:active {
  color: #7a58ff;
}
@media (max-width: 63.99875em) {
  .contactn-salon__content ul {
    gap: 12px;
    margin-bottom: 48px;
  }
}
.contactn-salon__content p {
  color: var(--background-white, #fff);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 137.5% */
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
@media (max-width: 63.99875em) {
  .contactn-salon__content p {
    font-size: 14px;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 1.12px;
  }
}
.contactn-salon .btn {
  margin-top: 56px;
  padding-left: 72px;
  padding-right: 72px;
}
.contactn-salon__map {
  max-width: 853px;
  overflow: hidden;
  flex: 0 1 100%;
  filter: grayscale(1);
}
@media (max-width: 63.99875em) {
  .contactn-salon__map {
    flex: 0 0 auto;
    height: 343px;
    margin-bottom: 48px;
  }
}

.view {
  background: #212121;
  padding: 120px 0;
}
@media (max-width: 47.9875em) {
  .view {
    padding: 0;
  }
}
@media (any-hover: hover) {
  .view__container:hover a::after {
    opacity: 1;
  }
}
.view__container a {
  overflow: hidden;
  height: 440px;
  display: block;
  position: relative;
}
.view__container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.3);
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
@media (max-width: 47.9875em) {
  .view__container a {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.view__container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease 0s;
}

.steps {
  padding-top: 80px;
  padding-bottom: 40px;
  background: #fff;
}
.steps h2 {
  margin-bottom: 40px;
}
.steps__inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.steps__item {
  background: #e4e4e4;
  padding: 40px;
  display: flex;
  gap: 32px;
}
.steps__left {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.steps__left h3 {
  color: var(--text-text-4);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
.steps__left span {
  color: var(--accent-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.steps__right p {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.steps__right p:not(:last-of-type) {
  margin-bottom: 40px;
}
.steps__right a {
  display: block;
  transition: all 0.3s ease 0s;
  color: var(--accent-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.steps__right a:first-of-type {
  margin-top: 40px;
}
@media (any-hover: hover) {
  .steps__right a:hover {
    color: #c058ff;
  }
}
.steps__right a:active {
  color: #7a58ff;
}

.values {
  padding: 120px 0 25px 0;
  background: var(--background-black);
}
@media (max-width: 47.9875em) {
  .values {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.values__container h2 {
  margin-bottom: 80px;
  color: #fff;
}
@media (max-width: 47.9875em) {
  .values__container h2 {
    margin-bottom: 48px;
  }
}
.values__container ul {
  display: flex;
  gap: 44px;
}
.values__container ul li {
  flex: 0 0 calc(20% - 36px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px;
  background: #212121;
  color: var(--text-text-2);
  text-align: center;
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}
.values__container ul li img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 75em) {
  .values__container ul li {
    flex: 0 0 calc(20% - 20px);
  }
}
@media (max-width: 63.99875em) {
  .values__container ul li {
    flex: 0 1 calc(33.3333333333% - 20px);
  }
}
@media (max-width: 47.9875em) {
  .values__container ul li {
    flex: 0 0 auto;
    flex-direction: row;
    gap: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: start;
  }
}
@media (max-width: 75em) {
  .values__container ul {
    gap: 24px;
  }
}
@media (max-width: 63.99875em) {
  .values__container ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 47.9875em) {
  .values__container ul {
    flex-direction: column;
    gap: 16px;
  }
}

.odometr {
  padding: 100px 0;
  background: #f4f4f4;
}
.odometr .section__flex {
  margin-right: auto;
  margin-bottom: 0;
  max-width: 873px;
}
.odometr .section__top {
  width: fit-content;
  color: var(--text-text-4);
  padding-bottom: 12px;
  border-bottom: 1px solid #d9d9d9;
}
.odometr .section__text-number {
  color: var(--text-text-3);
}

.mission {
  background: #f4f4f4;
}
@media (max-width: 63.99875em) {
  .mission {
    padding-bottom: 80px;
  }
}
.mission__inner {
  display: flex;
  align-items: center;
}
@media (max-width: 63.99875em) {
  .mission__inner {
    flex-direction: column;
    gap: 40px;
  }
}
.mission__img {
  flex: 0 0 553px;
}
.mission__img img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .mission__img {
    flex: 0 0 auto;
    height: 450;
    overflow: hidden;
  }
}
@media (max-width: 47.9875em) {
  .mission__img {
    height: 238px;
  }
}
.mission__content {
  flex: 0 1 100%;
  padding: 96px 79px;
  display: flex;
  flex-direction: column;
  background: #212121;
}
.mission__content h2 {
  margin-bottom: 40px;
  color: #fff;
}
@media (max-width: 63.99875em) {
  .mission__content h2 {
    color: #151515;
    margin-bottom: 24px;
  }
}
.mission__content p {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 475px;
}
@media (max-width: 63.99875em) {
  .mission__content p {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
  }
}
@media (max-width: 63.99875em) {
  .mission__content {
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
    padding: 0;
  }
}

.dillers__full-photos {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 120px;
}
@media (max-width: 47.9875em) {
  .dillers__full-photos {
    margin-top: 80px;
    gap: 16px;
  }
}
.dillers .form-callab__form {
  max-width: 411px;
  gap: 0;
  height: auto;
}
.dillers .form-callab__inputs {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  gap: 24px;
  margin-bottom: 40px;
}
.dillers .form__flex:last-of-type {
  margin-top: 32px;
}
.dillers__inner-rewiew {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 96px;
  max-width: 632px;
}
@media (max-width: 63.99875em) {
  .dillers__inner-rewiew {
    max-width: 100%;
  }
}
@media (max-width: 47.9875em) {
  .dillers__inner-rewiew {
    margin-top: 56px;
  }
}
.dillers__item {
  background: #f4f4f4;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dillers__item:last-of-type {
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .dillers__item {
    padding: 12px;
    gap: 12px;
  }
}
.dillers__data {
  color: var(--accent-primary);
  /* body/16,24, med */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .dillers__data {
    color: var(--text-text-3, #838383);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
  }
}
.dillers__review h4 {
  margin-bottom: 16px;
  color: var(--text-text-4);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.1px;
}
@media (max-width: 47.9875em) {
  .dillers__review h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.dillers__review p {
  color: var(--text-text-3, #838383);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 47.9875em) {
  .dillers__review p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.dillers__photos {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.dillers__photos .dillers__img {
  width: calc(25% - 8px);
  flex: 0 0 calc(25% - 8px);
  height: 80px;
  display: none;
  margin-bottom: 0;
}
@media (max-width: 47.9875em) {
  .dillers__photos .dillers__img {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }
}
.dillers__photos .dillers__img:nth-child(-n+4) {
  display: block;
}
.dillers__photos .dillers__img:nth-child(4) {
  position: relative;
}
.dillers__photos .dillers__img:nth-child(4):after {
  content: "еще";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #302F2F;
  font-family: Suisse Intl;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (max-width: 63.99875em) {
  .dillers__inner_rewiews {
    flex-direction: column;
  }
}

.liked {
  background: #212121;
  padding-top: 80px;
  padding-bottom: 120px;
  position: relative;
}
@media (max-width: 47.9875em) {
  .liked {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media (max-width: 63.99875em) {
  .liked::after {
    display: none;
  }
}
.liked__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.liked__inner h6,.liked__inner .liked_h6 {
  margin-bottom: 16px;
  color: var(--text-text-1);
  text-align: center;
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
@media (max-width: 47.9875em) {
  .liked__inner h6,.liked__inner .liked_h6 {
    grid-area: 1/2/2/3;
    text-align: start;
    margin-bottom: 8px;
  }
}
.liked__inner span {
  color: var(--text-text-2);
  text-align: center;
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 47.9875em) {
  .liked__inner span {
    grid-area: 2/2/3/3;
    text-align: start;
  }
}
@media (max-width: 71.875em) {
  .liked__inner {
    gap: 24px;
  }
}
.liked__item {
  flex: 0 0 160px;
  display: flex;
  flex-direction: column;
}
.liked__item:nth-of-type(5) .liked__img img {
  width: 64px;
  height: 64px;
}
.liked__item:nth-of-type(6) .liked__img img {
  width: 60.16px;
  height: 60.16px;
}
@media (max-width: 71.875em) {
  .liked__item {
    flex: 0 0 calc(33.3333333333% - 16px);
  }
}
@media (max-width: 47.9875em) {
  .liked__item {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 24px;
    grid-row-gap: 0px;
    align-items: center;
  }
}
.liked__img {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  background: var(--accent-primary);
  margin-left: auto;
  margin-right: auto;
}
.liked__img img {
  width: 52px;
  height: 52px;
  display: block;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 47.9875em) {
  .liked__img {
    grid-area: 1/1/3/2;
    margin-bottom: 0;
    width: 80px;
    height: 80px;
  }
}
.liked h2 {
  max-width: 742px;
  margin-bottom: 64px;
  color: #fff;
}
@media (max-width: 47.9875em) {
  .liked h2 {
    margin-bottom: 48px;
  }
}

.tarif {
  padding-top: 80px;
  padding-bottom: 96px;
  background: #0f0f0f;
  position: relative;
  z-index: 2;
}
@media (max-width: 47.9875em) {
  .tarif {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.tarif h2 {
  color: #fff;
  margin-bottom: 80px;
  max-width: 742px;
}
@media (max-width: 47.9875em) {
  .tarif h2 {
    margin-bottom: 48px;
  }
}
.tarif__inner {
  gap: 32px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 47.9875em) {
  .tarif__inner {
    margin-bottom: 48px;
  }
}
.tarif__item {
  padding-bottom: 32px;
  border-bottom: 1px solid #3d3d3d;
  display: flex;
  justify-content: space-between;
}
.tarif__item span {
  color: var(--text-text-1);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
}
.tarif__item span:nth-of-type(1) {
  flex: 0 0 279px;
}
@media (max-width: 64em) {
  .tarif__item span:nth-of-type(1) {
    flex: 0 0 200px;
  }
}
@media (max-width: 47.9875em) {
  .tarif__item span:nth-of-type(1) {
    order: 1;
  }
}
.tarif__item span:nth-of-type(2) {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  flex: 0 0 476px;
}
@media (max-width: 63.99875em) {
  .tarif__item span:nth-of-type(2) {
    flex: 0 1 476px;
  }
}
@media (max-width: 47.9875em) {
  .tarif__item span:nth-of-type(2) {
    order: 3;
    flex: 0 0 100%;
    font-size: 16px;
    line-height: 24px;
  }
}
.tarif__item span:nth-of-type(3) {
  white-space: nowrap;
}
@media (max-width: 47.9875em) {
  .tarif__item span:nth-of-type(3) {
    order: 2;
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
@media (max-width: 47.9875em) {
  .tarif__item {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 24px;
  }
}
.tarif__note {
  color: var(--text-text-2);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.tarif__note a {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .tarif__note a:hover {
    color: #c058ff;
  }
}
.tarif__note a:active {
  color: #7a58ff;
}

table.tabl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  height: auto;
}

table.tabl,
table.tabl td,
table.tabl th {
  border: 1px solid #3d3d3d;
}

table.tabl td,
table.tabl th {
  width: 30px;
  height: 35px;
}

table.tabl th {
  background: #347c99;
  color: #b0b0b0;
  font-weight: normal;
}

.tabl td {
  padding: 16px 28px;
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  white-space: nowrap;
}
.tabl td span {
  display: block;
}
.tabl td span:nth-of-type(1) {
  color: var(--text-text-2, #b0b0b0);
  text-align: center;
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 166.667% */
  text-decoration-line: line-through;
}
.tabl td span:nth-of-type(2) {
  color: var(--accent-new-sale, #df3755);
  text-align: center;
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 47.9875em) {
  .tabl td {
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 47.9875em) and (max-width: 47.9875em) {
  .tabl td span:nth-of-type(1) {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 47.9875em) and (max-width: 47.9875em) {
  .tabl td span:nth-of-type(2) {
    font-size: 16px;
    line-height: 24px;
  }
}

.viezhd {
  padding-top: 96px;
  padding-bottom: 120px;
  background: #212121;
}
@media (max-width: 47.9875em) {
  .viezhd {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.viezhd h2 {
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .viezhd h2 {
    margin-bottom: 24px;
  }
}
.viezhd__inner {
  display: flex;
  justify-content: space-between;
}
.viezhd__inner p {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 663px;
}
@media (max-width: 47.9875em) {
  .viezhd__inner p {
    font-size: 16px;
    line-height: 24px;
  }
}
.viezhd__inner .btn {
  padding-left: 64px;
  padding-right: 64px;
  margin-top: 74px;
}
@media (max-width: 63.99875em) {
  .viezhd__inner .btn {
    margin-top: 48px;
  }
}
@media (max-width: 63.99875em) {
  .viezhd__inner {
    flex-direction: column;
    gap: 48px;
  }
}
.project {
  padding-top: 0px;
  padding-bottom: 120px;
  background: #212121;
}
@media (max-width: 47.9875em) {
  .project {
    padding-top: 40px;
    padding-bottom: 0px;
  }
}
.project h2 {
  color: #fff;
  margin-bottom: 96px;
}
@media (max-width: 47.9875em) {
  .project h2 {
    margin-bottom: 48px;
  }
}
.project .btn {
  padding-left: 64px;
  padding-right: 64px;
  margin-top: 66px;
}
@media (max-width: 47.9875em) {
  .project .btn {
    margin-top: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.project__inner {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  position: relative;
  z-index: 160;
  margin-top: -32px;
}
@media (max-width: 63.99875em) {
  .project__inner {
    flex-direction: column;
    margin-top: 0;
  }
}
.project__content {
  flex: 0 0 664px;
  padding-top: 112px;
}
@media (max-width: 63.99875em) {
  .project__content {
    padding-top: 0;
  }
}
.project__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.project__item {
  display: flex;
  padding-bottom: 24px;
  border-bottom: 1px solid #3d3d3d;
  justify-content: space-between;
  width: 100%;
}
.project__item span:nth-of-type(1) {
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  flex: 0 0 80%;
  display: inline-block;
}
@media (max-width: 47.9875em) {
  .project__item span:nth-of-type(1) {
    font-size: 16px;
    line-height: 24px;
    flex: 0 0 calc(75% - 16px);
  }
}
.project__item span:nth-of-type(2) {
  white-space: nowrap;
  color: var(--text-text-1, #fff);
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
}
@media (max-width: 47.9875em) {
  .project__item span:nth-of-type(2) {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
}
@media (max-width: 47.9875em) {
  .project__item {
    gap: 16px;
  }
}
.project__img {
  flex: 0 1 100%;
}
.project__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .project__img {
    flex: 0 0 auto;
  }
  .project__img img {
    height: auto;
  }
}
@media (max-width: 47.9875em) {
  .project__img {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.coast {
  background: #212121;
  padding-top: 96px;
  padding-bottom: 120px;
}
@media (max-width: 47.9875em) {
  .coast {
    padding-top: 40px;
    padding-bottom: 0px;
  }
}
.coast h2 {
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .coast h2 {
    margin-bottom: 48px;
  }
}
.coast h3 {
  color: var(--text-text-1, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 24px;
}
.coast .btn {
  padding-left: 64px;
  padding-right: 64px;
  margin-top: 56px;
}
@media (max-width: 47.9875em) {
  .coast .btn {
    width: 100%;
    max-width: 100%;
  }
}
.coast__inner {
  display: flex;
  justify-content: space-between;
  gap: 108px;
}
@media (max-width: 63.99875em) {
  .coast__inner {
    flex-direction: column-reverse;
    gap: 80px;
  }
}
.coast__img {
  max-width: 334px;
}
.coast__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 63.99875em) {
  .coast__img {
    max-width: 100%;
  }
  .coast__img img {
    height: 450px;
  }
}
@media (max-width: 47.9875em) {
  .coast__img {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
    max-width: none;
  }
  .coast__img img {
    height: 478px;
  }
}
.coast__block {
  display: flex;
  gap: 32px;
  margin-bottom: 26px;
}
@media (max-width: 47.9875em) {
  .coast__block {
    flex-direction: column;
    gap: 48px;
  }
}
.coast__note span,
.coast__note li {
  color: var(--text-text-2);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.coast__note ul {
  margin-bottom: 24px;
}
.coast__note ul li {
  position: relative;
  padding-left: 20px;
}
.coast__note ul li::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 1px;
  background: var(--text-text-2);
  display: block;
}

.shef {
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 120px;
}
@media (max-width: 47.9875em) {
  .shef {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.shef h2 {
  margin-bottom: 40px;
}
.shef__inner {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
@media (max-width: 47.9875em) {
  .shef__inner {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
.shef__content p {
  max-width: 663px;
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 166.667% */
}
@media (max-width: 47.9875em) {
  .shef__content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}
.shef__logos {
  flex: 0 0 45%;
  max-width: 521px;
}
.shef__logos img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.shef .btn {
  margin-top: 56px;
  padding-left: 64px;
  padding-right: 64px;
}

.cards-montage {
  background: #0f0f0f;
  padding-top: 80px;
  padding-bottom: 126px;
}
@media (max-width: 63.99875em) {
  .cards-montage {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.cards-montage h2 {
  margin-bottom: 40px;
  color: #fff;
}
.cards-montage .stack-cards__item {
  padding: 0;
  top: 100px;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05);
  background: #171717;
}
.cards-montage .stack-cards {
  --stack-cards-gap: var(--space-smm);
}
.cards-montage__card {
  display: flex;
  padding: 40px;
}
@media (max-width: 63.99875em) {
  .cards-montage__card {
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
  }
}
.cards-montage__left {
  flex: 0 0 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cards-montage__left h4,.cards-montage__left .like_h4 {
  color: var(--text-text-1);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
}
@media (max-width: 63.99875em) {
  .cards-montage__left h4 ,.cards-montage__left .like_h4{
    font-size: 24px;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: -0.12px;
  }
}
.cards-montage__left span {
  color: var(--accent-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 63.99875em) {
  .cards-montage__left {
    flex-direction: column-reverse;
    gap: 16px;
    flex: 0 0 auto;
  }
}
.cards-montage__right p {
  max-width: 366px;
  color: var(--text-text-2);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 63.99875em) {
  .cards-montage__right p {
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
}
.cards-montage_white {
  background: #fff;
}
@media (max-width: 47.9875em) {
  .cards-montage_white {
    background: #f4f4f4;
  }
}
.cards-montage_white .stack-cards__item {
  background: #f4f4f4;
}
@media (max-width: 47.9875em) {
  .cards-montage_white .stack-cards__item {
    height: 535px !important;
    background: #fff;
  }
}
.cards-montage_white h2 {
  margin-bottom: 40px;
  color: #151515;
}
.cards-montage_white .cards-montage__left {
  flex: 0 0 40%;
}
.cards-montage_white .cards-montage__left h4 {
  color: #151515;
}
@media (max-width: 63.99875em) {
  .cards-montage_white .cards-montage__left {
    flex: 0 0 auto;
  }
}
.cards-montage_white .cards-montage__right p {
  color: var(--text-text-3, #838383);
  max-width: 633px;
}
@media (max-width: 63.99875em) {
  .cards-montage_white .cards-montage__right p {
    max-width: 100%;
  }
}
.cards-montage_white p {
  color: var(--text-text-3);
  /* body/18,30, reg */
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.cards-montage_white p:not(:last-of-type) {
  margin-bottom: 40px;
}
.cards-montage_white a {
  display: block;
  transition: all 0.3s ease 0s;
  color: var(--accent-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.cards-montage_white a:first-of-type {
  margin-top: 40px;
}
@media (any-hover: hover) {
  .cards-montage_white a:hover {
    color: #c058ff;
  }
}
.cards-montage_white a:active {
  color: #7a58ff;
}

.file-upload {
  position: relative;
  /* Даем возможность делать позиционирование, внутри данного элемента */
  overflow: hidden;
  /* Все что выходит за пределы - скрываем */
  width: 100%;
  /* Задаем ширину кнопки выбора файла */
  min-height: 24px;
  /* Задаем высоту кнопки выбора файла */
}

@media (any-hover: hover) {
  .file-upload:hover span {
    color: #c058ff;
  }
  .file-upload:hover span svg {
    fill: #c058ff;
  }
}
.file-upload:active span {
  color: #7a58ff;
}
.file-upload:active span svg {
  fill: #7a58ff;
}

.file-upload input[type=file] {
  display: none;
  /* Обязательно скрываем настоящий Input File */
}

.file-upload label {
  /* Растягиваем label на всю возможную площадь блока .file-upload */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.file-upload span {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-text-3, #838383);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s ease 0s;
}
.file-upload span svg {
  fill: #838383;
  transition: all 0.3s ease 0s;
}

.filename {
  background: #fff;
  color: var(--text-text-4, #151515);
  /* body/14,20,reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.tab-radio input[type=radio] {
  display: none;
}
.tab-radio #tab-1:checked ~ .tab-radio__lable label:nth-child(1) span,
.tab-radio #tab-2:checked ~ .tab-radio__lable label:nth-child(2) span {
  color: var(--base-base-4, #3d3d3d);
  /* Body Text/body-3reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.tab-radio #tab-1:checked ~ .tab-radio__lable label:nth-child(1)::after,
.tab-radio #tab-2:checked ~ .tab-radio__lable label:nth-child(2)::after {
  transform: scale(1);
}
.tab-radio #tab-1:checked ~ .tab-radio__lable label:nth-child(1) span::before {
  background: url(../../../../../../local/templates/artpole/assets/img/dostavka-hover.svg) center/contain no-repeat;
}
.tab-radio #tab-2:checked ~ .tab-radio__lable label:nth-child(2) span::before {
  background: url(../../../../../../local/templates/artpole/assets/img/box-hover.svg) center/contain no-repeat;
}
.tab-radio__lable span {
  color: var(--text-text-3, #838383);
  /* Body Text/body-3reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
}
.tab-radio__lable span::before {
  content: "";
  display: block;
  height: 20px;
}
.tab-radio__lable label:not(:last-of-type) {
  margin-right: 40px;
}
.tab-radio__lable label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  border: 4px solid #3d3d3d;
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.tab-radio__lable label:nth-of-type(1) span::before {
  width: 30px;
  background: url(../../../../../../local/templates/artpole/assets/img/dostavka.svg) center/contain no-repeat;
}
.tab-radio__lable label:nth-of-type(2) span::before {
  width: 20px;
  background: url(../../../../../../local/templates/artpole/assets/img/box.svg) center/contain no-repeat;
}
.tab-radio .tab-radio__deliver {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--base-base-5, #302f2f);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.tab-radio .tab-radio__deliver p {
  font-weight: 600;
}
.tab-radio .tab-radio__deliver span {
  color: var(--base-base-5, #302f2f);
  font-weight: 400;
}
.tab-radio__content {
  display: none;
  margin-top: 32px;
}
.tab-radio #tab-1:checked ~ .tab-radio__contents div:nth-child(1),
.tab-radio #tab-2:checked ~ .tab-radio__contents div:nth-child(2) {
  display: grid;
  max-width: 100%;
}

.form-callab__inputs.form-callab__inputs_grid {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  position: relative;
}
.form-callab__inputs.form-callab__inputs_grid::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../../../../../local/templates/artpole/assets/img/search-input.svg) center/contain no-repeat;
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(1) {
  grid-area: 1/1/2/4;
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(2) {
  grid-area: 2/1/3/2;
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(3) {
  grid-area: 2/2/3/3;
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(4) {
  grid-area: 2/3/3/4;
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(5) {
  grid-area: 3/1/4/4;
}
@media (max-width: 47.9875em) {
  .form-callab__inputs.form-callab__inputs_grid {
    grid-column-gap: 8px;
  }
}

@media (max-width: 47.9875em) {
  .order-mob .cart {
    padding-bottom: 0;
  }
  .order-mob .header {
    display: none;
  }
  .order-mob .bredcumber {
    display: none;
  }
  .order-mob .page_inside {
    padding-top: 0px;
  }
  .order-mob h2 {
    text-align: center;
    margin-bottom: 0;
  }
  .order-mob .tab-radio__content {
    margin-top: 24px;
  }
  .order-mob .cart__body {
    padding: 0;
  }
  .order-mob .cart__block {
    padding: 40px 16px;
    gap: 24px;
  }
  .order-mob .cart__inner:not(:last-of-type) .cart__block {
    border-bottom: 1px solid #d9d9d9;
  }
  .order-mob .cart__inner:not(:last-of-type) {
    margin-bottom: 0px;
  }
  .order-mob .form-callab__inputs.form-callab__inputs_flex {
    flex-direction: column;
  }
  .order-mob .tab-radio__lable {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .order-mob .tab-radio__lable .tab-radio__lable label:not(:last-of-type) {
    margin-right: 0px;
  }
  .order-mob .aside-cart_mob {
    display: none;
  }
}

.cart-mob-coast {
  display: none;
}
@media (max-width: 47.9875em) {
  .cart-mob-coast {
    display: block;
    position: fixed;
    left: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
    z-index: 200;
  }
}
.cart-mob-coast__inner {
  display: flex;
  padding: 20px 32px;
  align-items: center;
  justify-content: space-between;
  border-radius: 40px;
  background: var(--base-base-5, #302f2f);
  color: #fff;
}
.cart-mob-coast__inner span {
  color: var(--text-text-1, #fff);
  /* body/14,14, reg */
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.cart-mob-coast__inner p {
  display: flex;
  gap: 8px;
}
.cart-mob-coast__inner p span:nth-of-type(2) {
  color: var(--text-text-2, #b0b0b0);
  text-align: right;
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  text-decoration-line: line-through;
}

@media (max-width: 47.9875em) {
  .title-h3-mob {
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 30px !important;
  }
  .title-h3-mob span {
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 30px !important;
  }
}

.others-news {
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 96px;
}
@media (max-width: 47.9875em) {
  .others-news {
    padding-top: 56px;
    padding-bottom: 40px;
  }
}
.others-news h2 {
  margin-bottom: 40px;
}
@media (max-width: 63.99875em) {
  .others-news h2 {
    margin-bottom: 33px;
  }
}
.others-news__container {
  position: relative;
}
@media (max-width: 63.99875em) {
  .others-news__container {
    padding-right: 0;
  }
}
@media (max-width: 47.9875em) {
  .others-news__container {
    padding-right: 0;
  }
}
.others-news__slider {
  position: relative;
  height: 100% !important;
}
@media (max-width: 63.99875em) {
  .others-news__slider {
    padding-bottom: 50px !important;
  }
}
.others-news__wrapper {
  align-items: stretch !important;
}
@media (max-width: 63.99875em) {
  .others-news__wrapper {
    margin-bottom: 32px;
  }
}
.others-news__slide {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px;
  background: #fff;
}
.others-news__slide h3 {
  color: var(--text-text-4, #151515);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.1px;
  min-height: 72px;
}
.others-news__slide p {
  color: var(--text-text-3, #838383);
  text-overflow: ellipsis;
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.others-news__slide span {
  color: var(--accent-primary, #a258ff);
  /* body/16,24, med */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 63.99875em) {
  .others-news__prev {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 63.99875em) {
  .others-news__next {
    opacity: 0;
    visibility: hidden;
  }
}
.others-news__scrollbar {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 63.99875em) {
  .others-news__scrollbar {
    opacity: 1;
    visibility: visible;
    margin-bottom: 40px;
    margin-top: -27px;
    height: 2px;
    width: calc(100% - 144px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 47.9875em) {
  .others-news__scrollbar {
    width: calc(100% - 32px);
  }
}

.tv-flex__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 32px;
}
.tv-flex__inner .popular__inner {
  flex: 0 0 calc(33.33% - 22px);
}
.tv-flex__inner .player {
  position: relative;
  margin-bottom: 32px;
  overflow: hidden;
}
.tv-flex__inner video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.6s ease 0s;
}
.tv-flex__inner .player__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 63px;
  height: 63px;
  background: url(../../../../../../local/templates/artpole/assets/img/button.svg) center/contain no-repeat;
}
@media (max-width: 63.99875em) {
  .tv-flex__inner .popular__inner {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 47.9875em) {
  .tv-flex__inner {
    gap: 24px;
  }
  .tv-flex__inner .popular__inner {
    flex: 0 0 100%;
  }
  .tv-flex__inner .player {
    margin-bottom: 0;
  }
}
.tv-flex__inner_width50 .tv-flex__item {
  flex: 0 0 calc(50% - 16px);
  height: 440px;
  overflow: hidden;
  position: relative;
  display: block;
}
@media (any-hover: hover) {
  .tv-flex__inner_width50 .tv-flex__item:hover .tv-flex__content {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 29.99875em) {
  .tv-flex__inner_width50 .tv-flex__item {
    flex: 0 0 100%;
    height: 240px;
  }
}
.tv-flex__inner_width50 .tv-flex__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(33, 33, 33, 0.48);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.tv-flex__inner_width50 .tv-flex__content h3 {
  color: var(--text-text-1, #fff);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.12px;
  max-width: 371px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.tv-flex .btn {
  padding-left: 72px;
  padding-right: 72px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
}
@media (max-width: 47.9875em) {
  .tv-flex .btn {
    margin-top: 48px;
  }
}
@media (max-width: 47.9875em) {
  .tv-flex .articles-useful__pagination {
    display: flex;
  }
}

.catalog-card__content-top h6,.catalog-card__content-top .div_h6 {
  color: var(--text-text-4, #151515);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.nestandart01 {
  background: #212121;
  padding: 80px 0;
}
.nestandart01_black {
  background: #0f0f0f;
}
@media (max-width: 47.9875em) {
  .nestandart01 {
    padding: 40px 0;
  }
}
.nestandart01 h3 {
  color: var(--text-text-1, #fff);
  /* header/H4 */
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  margin-bottom: 40px;
}
@media (max-width: 47.9875em) {
  .nestandart01 h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 32px;
  }
}
.nestandart01 p {
  color: var(--text-text-2, #b0b0b0);
  /* body/16,24,reg */
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  display: flex;
  gap: 12px;
  align-items: center;
}
.nestandart01 p b {
  color: var(--text-text-1, #fff);
  font-weight: 600;
}
.nestandart01 p img {
  display: block;
  width: 48px;
  height: 48px;
}
.nestandart01__inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 47.9875em) {
  .nestandart01__inner {
    gap: 32px;
  }
}
.nestandart01__flex-row-33 {
  display: flex;
  gap: 40px;
}
.nestandart01__flex-row-33 .nestandart01__item {
  flex: 0 0 calc(33.3333333333% - 24px);
}
@media (max-width: 47.9875em) {
  .nestandart01__flex-row-33 {
    flex-direction: column;
    gap: 32px;
  }
  .nestandart01__flex-row-33 .nestandart01__item {
    flex: 0 0 auto;
  }
}
.nestandart01__flex-row-33-66 {
  display: flex;
  gap: 40px;
}
.nestandart01__flex-row-33-66 .nestandart01__item:nth-of-type(1) {
  flex: 0 0 calc(33.33% - 20px);
}
.nestandart01__flex-row-33-66 .nestandart01__item:nth-of-type(2) {
  flex: 0 0 calc(66.66% - 20px);
}
@media (max-width: 47.9875em) {
  .nestandart01__flex-row-33-66 {
    flex-direction: column;
    gap: 32px;
  }
  .nestandart01__flex-row-33-66 .nestandart01__item {
    flex: 0 0 auto;
  }
}
.nestandart01__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nestandart01__item img {
  width: 100%;
  display: block;
  height: auto;
}
.nestandart01__flex-row-100 img {
  display: block;
  width: 100%;
  height: auto;
}
.nestandart01__flex-row-50 {
  display: flex;
  gap: 80px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 64px;
}
.nestandart01__flex-row-50 .nestandart01__item {
  flex: 0 0 calc(50% - 40px);
}
@media (max-width: 47.9875em) {
  .nestandart01__flex-row-50 {
    flex-direction: column;
    gap: 32px;
  }
  .nestandart01__flex-row-50 .nestandart01__item {
    flex: 0 0 auto;
  }
}
.nestandart01__text-mt {
  margin-top: -64px;
}
@media (max-width: 47.9875em) {
  .nestandart01__text-mt {
    margin-top: -26px;
  }
}

@media (max-width: 47.9875em) {
  .dillers_form {
    padding-top: 0;
  }
  .dillers_form .dillers-form-mob-da {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 40px;
  }
  .dillers_form h2 {
    margin-bottom: 48px;
  }
  .dillers_form .form-callab__form {
    max-width: 100%;
  }
}

.cards-montage .stack-cards {
  display: block;
}

.job__slider_height img {
  object-fit: contain;
}
.job__slider_height .job__img {
  height: 424px;
}
@media (max-width: 47.9875em) {
  .job__slider_height .job__img {
    height: 382px;
  }
}

@media (max-width: 47.9875em) {
  .descriptions .btn.btn-transform {
    color: var(--accent-primary);
    /* body/16 UP */
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow: visible;
    justify-content: start;
  }
  .descriptions .btn.btn-transform::after {
    content: "";
    right: -72px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background: var(--accent-primary);
    border-radius: 50%;
    overflow: hidden;
  }
  .descriptions .btn.btn-transform::before {
    content: "";
    content: "";
    right: -72px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../../../../../../local/templates/artpole/assets/img/donload.svg) center/20px 20px no-repeat;
    z-index: 2;
  }
}
@media (max-width: 29.99875em) {
  .descriptions .btn.btn-transform {
    width: 100%;
    max-width: 100%;
  }
  .descriptions .btn.btn-transform::after {
    right: 0;
  }
  .descriptions .btn.btn-transform::before {
    right: 0;
  }
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  top: -4px;
  background-color: var(--accent-primary);
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
  font-family: Suisse Intl;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0px;
  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: var(--accent-primary);
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  left: 0px;
}

.tippy-content {
  position: relative;
  padding: 8px;
  z-index: 1;
}
/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 44%;
  width: 56px;
  height: 56px;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #D9D9D9;
  transition: all 0.5s ease 0s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  border: 1px solid #3d3d3d;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  text-transform: none !important;
  width: 20px;
  height: 25px;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper.svg) center/contain no-repeat;
  transition: all 0.5s ease 0s;
}

.popular_video .swiper-button-next,
.popular_video .swiper-button-prev {
  top: 52% !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "";
}

.swiper-button-prev:after {
  transform: rotate(180deg);
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 189px;
  height: 2px;
  display: inline-block;
  background: #fff;
  position: relative;
}

@media (max-width: 767.8px) {
  .swiper-pagination-bullet {
    width: 32px;
    left: 16px;
  }
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active::before {
  width: 100%;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  position: relative;
  -ms-touch-action: none;
  background: #D9D9D9;
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0px;
  z-index: 50;
  height: 2px;
  width: 100%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 2px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--accent-primary);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.dillers__inner .articleBody {
  color: var(--text-text-3);
  font-family: Suisse Intl;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  max-width: 743px;
}
.viewed-products-slider .swiper-slide-duplicate {
	display:none;
}

.icon-fast-delivery-24-i  {
	width: 24px;
    height: 24px;
    background: var(--accent-primary);
    display: flex;
    flex: 0 0 24px;
    border-radius: 50%;
    overflow: hidden;
	margin-right:5px;
    align-items: center;
    justify-content: center;
    position: relative;
	
}
.icon-fast-delivery-bottom{
	display:none;
	}
	.catalog-card__content-top-fast{
		justify-content:left;
	}
.icon-fast-delivery-24{
	display:flex;
	margin-top:10px;
	align-items:center;
}
.icon-fast-delivery-24 span{
color: var(--text-text-3);
    font-family: Suisse Intl;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: all 0.3s ease 0s;
    display: none;
}
.catalog-card:hover .icon-fast-delivery-24 span{
 
    display: block;
}
.catalog-card:hover .icon-fast-delivery-bottom  {
	display:flex;
}
.catalog-card:hover .icon-fast-delivery-top  {
	display:none;
}
/*
@media (min-width: 768px) {
.count-elem-slide-2 .slider-product-prev,.count-elem-slide-2 .slider-product-next,.count-elem-slide-1 .slider-product-prev,.count-elem-slide-1 .slider-product-next 
  {
		display:none;
}
}
@media (min-width: 992px) {
.count-elem-slide-2 .slider-product-prev,.count-elem-slide-2 .slider-product-next,.count-elem-slide-1 .slider-product-prev,.count-elem-slide-1 .slider-product-next,
.count-elem-slide-3 .slider-product-prev,.count-elem-slide-3 .slider-product-next {
		display:none;
}
}
@media (min-width: 1200px) {
.count-elem-slide-2 .slider-product-prev,.count-elem-slide-2 .slider-product-next,.count-elem-slide-1 .slider-product-prev,.count-elem-slide-1 .slider-product-next,
.count-elem-slide-3 .slider-product-prev,.count-elem-slide-3 .slider-product-next,.count-elem-slide-4 .slider-product-prev,.count-elem-slide-4 .slider-product-next{
		display:none;
}
} 
@media (min-width: 1200px) {
 .count-elem-slide-4 .slider-product-prev,.count-elem-slide-4 .slider-product-next{
		display:none;
}*/






.catalog__btn-show:hover{
	color:#a258ff;border: 2px solid #a258ff;
}
.catalog__btn-show span{
    position: relative;
    z-index: 1;
}
.catalog__btn-show:hover .flare{
    transform: translate(-50%, -50%) scale(20);
    opacity: 1;
}

 
 
 
 
.catalog__btn-show img{max-width:40px;}
.catalog__btn-show .flare {
    position: absolute;    z-index: 0;
    width: 5%;animation:none;
    height: 2rem;
    border-radius: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    background-color: #ffffff;
 
	
	background: #ffffff;
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
}
.catalog__btn-show {
    width: 85%;
    border: 2px solid #a258ff;
 
   margin: 0 auto;
    padding: 12px;
 
    border-radius: 30px;
     
     background: #a258ff;
    
  
    position: relative;
   
    overflow: hidden;
}

  .catalog__btn-show span{ 
  
 background-image: url('../../../../../../local/templates/artpole/assets/img/icon-dots.png');
  background-position:left;	padding-left:50px;
  background-repeat:no-repeat;
  background-size:36px;
  }
  .catalog__btn-show:hover .img-icon{
	  background-image: url('../../../../../../local/templates/artpole/assets/img/icon-dots_a2.png'); 
  } 
  
  .popular__link_a{
	    
  
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: var(--text-text-1, #fff);
    background: #a258ff;
    
    border-radius:30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.18px;
    position: relative;
    overflow: hidden;
	    width: auto;
    max-width: 180px;
    margin: 0 auto;
  }
  .popular__link_a .span_inner{ position: relative;
    z-index: 1; 
	display: flex;
    align-items: center;
	color: #fff;
    gap: 4px;
    text-align: right;
    font-family: "Suisse Intl";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.12px;text-transform: none;
 
	}
	.popular__link_a .span_inner svg{
		        fill:   #fff;
	}
  /*.popular__link_a:hover .span_inner{
	  color: #a258ff;
  } 
   .popular__link_a:hover .span_inner svg{
	   fill: #a258ff;
  }*/
   .flare_a{ 
   position: absolute; 
   z-index: 0;
    width: 5%;
	animation:none;
    height: 2rem;
    border-radius: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    background-color: #ffffff;
 
	background: #ffffff;
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
	}
	
	.popular__link_aspan{
    position: relative;
    z-index: 1;
}
/*
.popular__link_a:hover .flare_a{
    transform: translate(-50%, -50%) scale(20);
    opacity: 1;
}
*/
.popular__link_a svg{
	fill:#fff;
}
.panel-product-mob__btn-a svg{
	fill:#fff;
}
.popular__link_a:hover
{  background-color: var(--accent-primary);
        color: var(--text-text-1);
        animation: pulse 1s ease-in-out infinite;
    }
	.panel-product-mob__btn-a{
		background: #a258ff;    color: #fff;
	}
	.panel-product-mob__btn-a svg{
	fill: #fff;
	}
	  .info__wrapper .h2 {
   color: var(--text-text-4);
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.24px;
}
@media (max-width: 63.9988em) {
  .info__wrapper .h2 {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.2px;
    }

}




    @media (max-width: 868px) {
		.catalog__inner .panel-product__content {
   
    bottom: 10px;
}
		 .catalog__btn-show span{ 
 padding-left:40px;
  background-size:26px;
  }
  .catalog__btn-show {
	width:100%;
    font-size: 27px;
}
  }
  @media (max-width: 500px) {
  .catalog__btn-show {
 
    font-size: 20px;
}
  }
  
    @media (max-width: 1020px) {
  .main-menu__item_size a{
	  padding-bottom: 0px;
}
  
	}
  
   
/* End */


/* Start:/local/templates/artpole/assets/css/custom.css?177202704134283*/
.menu-sect-link {
  text-decoration: underline !important;
  cursor: pointer;
}

.btn-main-menu {
  position: relative;
  overflow: visible;
  z-index: 355;
}
html {
    
    overflow-x: hidden;
}
.is-active>.btn-main-menu {
  -webkit-animation: unset;
  animation: unset;
}

.is-active .icon-menu-css span,
.is-active .icon-menu-css::after,
.is-active .icon-menu-css::before {
  background-color: #A258FF;
}

.is-active .icon-menu-css::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% - 1px);
}

.is-active .icon-menu-css span {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.is-active .icon-menu-css::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: calc(50% - 1px);
}

.btn-main-menu-tooltip {
  opacity: 0;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0px 38px;
  background: #A258FF;
  border-radius: 20px;
  font-family: 'Suisse Intl';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #FFFFFF;
  z-index: 10;
  white-space: nowrap;
  transition: all 0.5s;
}

.btn-main-menu:hover .btn-main-menu-tooltip--open {
  opacity: 1;
}

.is-active>.btn-main-menu:hover .btn-main-menu-tooltip--open {
  opacity: 0;
}

.is-active .btn-main-menu:hover .btn-main-menu-tooltip--close {
  padding: 0px 30px;
  opacity: 1;
}

.main-menu__open-h {
  position: absolute;
  right: 70px;
  margin-top: -30px;
  font-size: 20px;
  color: #FFFFFF;
}

.quiz__title::after {
  background: url(../../../../../../local/templates/artpole/assets/img/quiz-icon.png) center/contain no-repeat;
}

.new-slider02__slider {
  width: 25%;
  height: 100%;
  background: #212121;
}

.new-slider01__slider {
  max-width: unset;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  height: 300px;
  margin-left: 0 !important;
  margin-bottom: 34px;
}

.new-slider01__slider img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.new-slider02__slide .slider__block {
  padding-left: 50px;
  padding-right: 50px;
}

.new-slider03__slider picture {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (max-width: 1200px) {
  .new-slider02__slide .slider__title {
    font-size: 28px;
  }
}

.product-type__inner {
  position: relative;
}

.tooltip_templates {
  display: none;
}


.news-detail p {
  word-break: break-word;
}

.proj-item .sh-cont div {
  max-width: 100%;
}

.bredcumber__item {
  white-space: normal;
}

div iframe {
  max-width: 100%;
}

form[name="SIMPLE_FORM_7"] input {
  border: 1px solid #a3a3a3;
}

form[name="SIMPLE_FORM_7"] textarea {
  border: 1px solid #a3a3a3;
}

@media (max-width: 560px) {
  form[name="SIMPLE_FORM_7"] table {
    width: 100%;
  }

  form[name="SIMPLE_FORM_7"] tr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}


.black__container h1 {
  color: #fff;
}

.albom__slide img {
  border: 1px solid;
}

.main-menu-wrap {
  margin-right: 30px;
}

.header__city {
  display: flex;
  align-items: center;
  column-gap: 30px;
}

@media (max-width : 575px) {
  .header__city {
    display: block;
  }
}

@media (max-width : 1023px) {
  .main-menu__item .spollers .spollers__body .main-menu__sub-list {
    opacity: 1 !important;
    visibility: unset !important;
  }
}

.wish_footer {
  position: relative;
}

.wish_footer span.count {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 8px;
  background: var(--accent-primary);
  overflow: hidden;
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  top: -32%;
  right: -31%;
}

.basket_footer {
  position: relative;
}

.basket_footer span.count {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 8px;
  background: var(--accent-primary);
  overflow: hidden;
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  top: -32%;
  right: -31%;
}

/* 11.07.2024 Поправить верстку названий разделов */
@media (max-width: 991px) {
  .catalog__inner .panel-product__title {
    margin-top: -20px;
  }

  .catalog__inner .panel-product__text {
    display: none;
  }
}

/* END 11.07.2024 Поправить верстку названий разделов */
/* 11.07.2024 Моб. версия. Поправить верстку хлеб. крошек */
@media (max-width: 576px) {
  .page_card-single .bredcumber__container {
    margin-top: 30px;
  }
}

/* END 11.07.2024 Моб. версия. Поправить верстку хлеб. крошек */
/* 11.07.2024 Моб. версия. Поправить верстку хлеб. крошек */
@media (max-width: 607px) {
  body .product__label .product__label-text {
    animation: label-product 6s linear infinite;
  }
}

/* END 11.07.2024 Моб. версия. Поправить верстку хлеб. крошек */
/* 11.07.2024 В моб. версии тексты друг на друга наезжают */
@media (max-width: 420px) {
  .product-type__name {
    word-break: break-all;
  }
}

/* END 11.07.2024 В моб. версии тексты друг на друга наезжают */

/* 19.07.2024 Поправить в моб. версии значок Б24 */
@media (max-width: 991px) {
  .b24-widget-button-position-bottom-right {
    right: 15px !important;
    bottom: 65px !important;
  }

  .header__inner {
    justify-content: space-between;
  }
}

/* END 19.07.2024 Поправить в моб. версии значок Б24 */



/* Реализованные проекты */
.new_project_df {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 25px;
}

.new_project_item {
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  min-width: calc(50% - 20px);
  max-width: calc(50% - 20px);
}

.new_project_item_imgs {
  background: #D9D9D9;
  padding: 28px 25px;
  margin-bottom: 15px;
}

.item_imgs_right img {
  margin-left: auto;
  margin-right: 0;
  display: block;
  width: 171px;
}

.item_imgs_left img {
  margin-right: auto;
  margin-left: 0;
  display: block;
  width: 110px;
}

.new_project_item_title {
  font-size: 16px;
  line-height: 1.1;
  margin-bottom: 15px;
  color: #434343;
  text-align: right;
}

.new_project_item_author {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500;
  text-align: right;
}

.ccount {
  column-count: 8;
}

@media screen and (max-width: 1200px) {
  .new_project_item {
    min-width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}

@media screen and (max-width: 768px) {
  .new_project_item {
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
}

.realize {
  padding-top: 25px;
}

.realize_df {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  width: auto;
}

.realize_box_img,
.realize_box_content {
  min-width: calc(50% - 20px);
  max-width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.realize_box_img  {
  min-width: calc(40% - 20px);
  max-width: calc(40% - 20px);
  
}
.realize_box_img {
  height: auto;
}

.realize_box_title {
  font-size: 42px;
  line-height: 1.4;
  margin-bottom: 15px;
  color: #434343;
  font-weight: 600;
}

.realize_imgs {
  padding-left: 10px;
  padding-right: 10px;
}

.realize_box_author {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 24px;
  color: #848484;
}


.realize_imgs {
  background: #F4F4F4;
  padding-top: 50px;
}

.realize_box_text {
  color: #848484;
  font-size: 20px;
  margin-bottom: 15px;
}

.realize_box_text p:last-child {
  margin-bottom: 0;
}

.realize_imgs {
  padding-top: 35px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  width: auto;
}

.realize_imgs_box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  background: #D9D9D9;
}

.realize_imgs_box img {
  max-width: 100%;
  max-height: 100%;
}

.realize_imgs_double,
.realize_imgs_single {
  margin-left: 10px;
  margin-right: 10px;
  min-width: calc(50% - 20px);
  max-width: calc(50% - 20px);
}

.realize_imgs_double .realize_imgs_box {
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

.realize_imgs_single {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 0;
  min-width: calc(50% - 10px);
  max-width: calc(50% - 10px);
}

.realize_imgs_single .realize_imgs_box {
  min-width: calc(50% - 10px);
  max-width: calc(50% - 10px);
  height: calc(50% - 10px);
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .realize_imgs_single .realize_imgs_box {
    min-width: calc(100% - 10px);
    max-width: calc(100% - 10px);
  }
}

.realize_imgs_wide {
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
}

.realize_imgs_wide .realize_imgs_box {
  height: 330px;
}

@media screen and (max-width: 768px) {
  .realize_imgs_single .realize_imgs_box {
    height: calc(25% - 15px);
  }

  .realize_df {
    flex-wrap: wrap;
  }

  .realize_box_img,
  .realize_box_content {
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.new_project_item_imgs {
  padding: 0;
  position: relative;
}

.item_imgs_user img {
  width: 100%;
}

.item_imgs_right {
  position: absolute;
  left: 25px;
  bottom: 25px;
  z-index: 1;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .item_imgs_right {
    width: 220px;
    height: 220px;
  }
}

.item_imgs_right img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.realize_imgs {
  display: block;
  column-count: 2;
}

.realize_imgs img {
  width: 100%;
}

.realize_imgs_box {
  margin-bottom: 15px;
}

.realize_imgs_double,
.realize_imgs_single,
.realize_imgs_single .realize_imgs_box {
  min-width: 100%;
  max-width: 100%;
}

.realize_imgs_double img,
.realize_imgs_single img,
.realize_imgs_single .realize_imgs_box img {
  width: 100%;
}

.item_imgs_user {
  overflow: hidden;
}

.item_imgs_user img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

a.new_project_item .new_project_item_imgs {
  position: relative;
}

a.new_project_item .new_project_item_imgs:before {
  content: '';
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, .5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .3s;
}

.item_imgs_right {
  opacity: 1;
  transition: .3s;
}

a.new_project_item:hover .new_project_item_imgs:before,
a.new_project_item:hover .item_imgs_right {
  opacity: 0;
}

@media screen and (max-width: 1400px) {
  .item_imgs_right {
    width: 190px;
    height: 190px;
  }
}

@media screen and (max-width: 1200px) {
  .item_imgs_right {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 768px) {
  .dillers__container .realize_box_img {
    order: -1;
  }
}


.slider-product.completed-projects .swiper-button-next {
  right: 0;
}

.slider-product.completed-projects .swiper-button-prev {
  left: 0;
}

.articles__container .new_project {
  margin-left: -72px;
  margin-right: -72px;
}

@media screen and (max-width: 768px) {
  .articles__container .new_project {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media screen and (min-width: 769px) {
  .realize_df .realize_box_img {
    order: 1;
  }
}

.montage_detproj {
  display: flex;
  justify-content: flex-end;
}

.realize_imgs {
  position: relative;
  margin-top: 50px;
  padding-top: 60px;
  margin-bottom: 0;
}

.montage_detproj {
  padding-bottom: 50px;
  background: #F4F4F4;
  margin-bottom: 60px;
  padding-top: 20px;
  position: relative;
}

.realize_imgs:before,
.montage_detproj:before {
  content: '';
  position: absolute;
  z-index: 1;
  background: #F4F4F4;
  right: 100%;
  width: 1000px;
  top: 0;
  bottom: 0;
}

.montage {
  overflow-x: hidden;
}

.realize_imgs:after,
.montage_detproj:after {
  content: '';
  position: absolute;
  z-index: 1;
  background: #F4F4F4;
  left: 100%;
  width: 1000px;
  top: 0;
  bottom: 0;
}

.montage_detproj .btn {
  color: #a258ff;
  padding: 0;
  display: inline-flex;
  background: transparent !important;
  animation: none !important;
  width: auto;
  transition: .2s;
}

.montage_detproj .btn:hover {
  color: #333333;
}

.montage_detproj .btn path,
.montage_detproj .btn rect {
  transition: .2s;
}

.montage_detproj .btn:hover path,
.montage_detproj .btn:hover rect {
  fill: #333333;
}

@media screen and (max-width: 992px) {
  .realize_box_title {
    font-size: 34px;
  }

  .realize_box_author,
  .realize_box_text {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .realize_imgs {
    padding-top: 45px;
    padding-bottom: 30px;
  }

  .realize_box_title {
    font-size: 28px;
  }

  .realize_box_author,
  .realize_box_text {
    font-size: 17px;
  }

  .montage_detproj {
    margin-bottom: 35px;
    padding-top: 0;
  }

  .realize_imgs {
    padding-bottom: 10px;
  }
}
/*
.completed-projects .title-animation {
  display: none;
}
*/
@media screen and (max-width: 768px) {
  .completed-projects .others-news {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .new_project_item_imgs {
    height: 410px;
    overflow: hidden;
  }

  .page_montage .new_project_item_imgs .item_imgs_user {
    height: 440px !important;
    position: relative;
  }

  .page_montage .new_project_item_imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
 

.realize_df {
 
  
    width: 100%;
    justify-content: space-between;
}
/* END Реализованные проекты */

@media(max-width: 1024px){


}

.lb-loader, .lightbox {
 
    display: flex;
    justify-content: center;
    flex-direction: column;
   
}
.lb-outerContainer{
	order:2;
}
.lb-nav a.lb-next,.lb-nav a.lb-prev{
	display:block !important;
	    opacity: 1;
}
.lightboxOverlay {
 
    filter: alpha(Opacity = 90);
opacity: .92;}

@media(max-width: 1024px){
.lightboxOverlay {
    position: fixed;
}
.lb-nav a.lb-next{    right: 10px;}
.lb-nav a.lb-prev{    left: 10px;}

}
.title-animation-2{
	margin-bottom:15px;
	margin-top:10px;
}
 .main-menu__container {
    
    z-index: 99999999;
}
.page-salon #n5{    margin-left: -3px;}
  .page-salon #n2{    margin-left: 10px;}
   .page-salon #m7{   margin-left: -11px;width: 44px;}
  .page-salon  #m4 {
    margin-left: 0;
    width: 48px;
}
.social_tg, .social_wp{
	max-width:35px;
}
@media(max-width: 780px){
 /*
.header {
   
    z-index: 9999999999;
}.main-menu {
    
    z-index: 99999999;
   
}*/
body .top-btn{
	display:none;
}
}
.quiz__title::after {
   
    bottom: 8px;
   
}
.quiz__text {
    color:#fff;
    
}
.quiz-violet-div{
	display:flex;   
}
.quiz__btn.quiz__btn_violet{margin-left:10px; background:#a258ff;}
.quiz__btn{
	    background: #302f2f;
}
.new-input-file  span{ 
  max-width: 100%;
   width: 100%;
    height: auto;
    padding: 10px 10px 3px 10px;
    background: transparent !important;
}
.input-file-text{
	  word-wrap: break-word;
    word-break: break-all;
}
.form-callab__form  .new-input-file .input-file-btn{
	 color:#a258ff;
}
.form-callab-gift h2 {
 
font-size: 30px;}
@media(max-width: 1308px){
	.quiz__title::after {
   
    bottom: 37px;
   
}
	
}
@media(max-width: 1090px){
	.quiz-violet-div {
     
    flex-wrap: wrap;
}
.quiz__btn.quiz__btn_violet{margin-left: 0px; margin-top: 10px;}
 	.lb-nav a.lb-next{   
	right: -10px;
        width: 39px;        background-position: left 48%;
		}
.lb-nav a.lb-prev{  
  left: -23px;
        width: 39px;    
		background-position: center 48%;
		}
}
@media(max-width: 700px){
.main-menu__nav ._spoller-init .spollers__title::after,.main-menu__nav ._spoller-init .spollers__title::before{
	display:none;
}

}
@media(max-width: 500px){
	 
.right-product__product-type .product-type__slide{
	    min-width: 85px;    margin-right: 7px !important;
	
}
.right-product__product-type .product-type__slide .product-type__name {
   
    font-size: 12px;        text-align: center;
}
}


@media(min-width:1250px){
.catalog_cards_1664 .catalog-cards-lepnina__item {
flex: 0 0 calc(19.7% - 24px);}
}
@media (any-hover: hover) {
    .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6.show_name:nth-of-type(1) {
        order:4;
        display: block;       
		 
    }
	 .catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6.show_name:nth-of-type(1) span {
        order:4;
        display: block;       
		color: var(--text-text-3);
        font-family: Suisse Intl;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
         
        text-transform: none;
        order: 2;
        flex: 0 0 100%;
    }
	.catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6.show_name:nth-of-type(2) {
        order:1;max-width: 85%;
        display: block;color: var(--text-text-4);
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;        letter-spacing: normal;
        text-transform: none;
    line-height: 24px;
    transition: all 0.3s ease 0s;
    }
}
.sizes-cart{
	margin-left:20px;color:#fff;    font-size: 14px;
}
.catalog-card__hover{
 
    align-items: center;  
	display: flex;
    flex-wrap: wrap;
}
.catalog-card__hover img{
    max-height: 100%;
    max-width: 100%;
}

.catalog-card__content-bottom_flex{
		display:flex;    justify-content: space-between;
}
.v_nalichii{
	color: var(--text-text-3);
    font-family: Suisse Intl;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
	display:flex;
	 
}
.counter-mainpage #m2, .counter-aboutpage #m2 {
	    margin-left: 2px;
}
.counter-mainpage #m7, .counter-aboutpage #m7{
    margin-left: -6px;
}

 
.counter-mainpage  #m8, .counter-aboutpage  #m8{
    margin-left: -5px;
}
.v_nalichii .icon-fast-delivery-bottom {
    display: flex;
}
.form-1-click{
	    min-width: 340px;
  max-width:400px;
   color:#fff;z-index:1111;
  background:#2f2f2f;
  position:fixed;
  left:50%;
  padding:40px 50px 50px 50px;
  top:50%;
  transform:translate(-50%,-50%);
  box-shadow: 0px 0px 1px 0px rgb(139 139 139 / 41%);
}
.form-1-click  .sm_error{
	position:absolute;
}
.form-1-click .form-1-click-title{
	font-size: 28px;
    font-style: normal;
	margin-bottom:17px;
    font-weight: 500;
	
}
.form-1-click-close{
	cursor:pointer;
}
.form-1-click .form__flex:last-of-type {
    margin-top: 0px;
}
.form-1-click-close{
	right: 18px;    
	top: 20px;

    position: absolute;
}
.form-1-click  input:disabled {
	background:#fff;
}
@media(min-width:1022px) and (max-width:1250px){
		
		.catalog-card__content-bottom_flex{
		flex-wrap:wrap;
	}
		.catalog-card__content-bottom_flex .catalog-card__content-prise {
	 
		width: 100%;
	}
	.v_nalichii {
	 
		margin-top: 10px;
	}
}

@media(min-width:768px) and (max-width:841px){
		.catalog-card__content-bottom_flex .catalog-card__content-prise {
 
			width: 100%;
		}
			.catalog-card__content-bottom_flex{
			flex-wrap:wrap;
		}
		.v_nalichii {
			 
				margin-top: 10px;
			}
}
.form-1-click-button{ 
	cursor:pointer;
   margin-bottom: 24px;   
     padding: 17px 12px;
  
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background:#838383;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    color: #fff;
    font-family: "Suisse Intl";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
	text-align:center;
}

.product__top .form-1-click-button{
   margin-left: 10px;
}
.cart .form-1-click-button{
   margin-top: 12px;
}
.button-flex-detail{
	align-items:center;
	display:flex; 
}
.v_nalichii{
	display:none;
}
.catalog-card:hover .v_nalichii{
	display:flex;
}
BODY .banner_card:hover {/*cursor: zoom-in !important;*/}
BODY .banner__container:hover {/*cursor: zoom-in !important;*/}
.fancybox__carousel.is-draggable .fancybox__slide {cursor:pointer;}
@media   (max-width:1200px){
		.button-flex-detail {
		
		flex-wrap: wrap;
	}


	 .form-1-click-button {
		 width: 100%;
		margin-left: 0;
		margin-top: 10px;
		text-align: center;
		max-width: 282px;
	}
	 
}
.slider-category-list-images{
 display:none;
}
.collection_elements{
background: #fff;margin-top:-4px;cursor:pointer;
    padding-left: 20px;
    margin-bottom:4px; 
}
.cart_collection_elements_show{
 width:100%; padding-top: 10px;padding-bottom: 10px;
 
}
.name_link_search{
	margin-bottom:30px;
}
.name_link_search a{
	color:var(--accent-primary);
	text-decoration:underline;font-size:20px;
}

.cart_collection_elements_show{
	position:relative;margin-bottom:4px; 
}
.cart_collection_elements_show span{
		position:relative;
}
.collection_elements_inner{ display:none;}
.cart_collection_elements_show span:after {
    content: "\25BC";
    font-size: 10px;
    padding-left: 13px;
    background-size: 100%;
    color: grey;
    display: block;
    width: 43px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: -34px;
}
.cart_collection_elements_show.arrow-open span::after {
    content: "\25B2";
}

  .cart__item_inner{  background: var(--background-white);
    padding: 24px 32px;
    display: flex;
    gap: 45px;
    WIDTH: 100%;
    position: relative;
  }
.rutube svg{
	max-width:33px;
}
.main-menu__contact-social .rutube svg{
	max-width:28px;
}
.rutube:hover svg path{
    stroke: #c058ff !important;
}
.tg_ico:hover svg path{
	     fill: #c058ff;
}
.catalog-card__labels-mobile{
	display:none;
}
  .artpole-div-b  { 
    max-width: 90%;
	display:none;
    color: #fff;
    z-index: 1111;
    background: #2f2f2f;
    position: fixed;
    left: 50%;
     
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 1px 0px rgb(139 139 139 / 41%);
  }
  .artpole-div-b img{ width: max-content;}
  .artpole-div-b-close {
	position: absolute;
    right: -17px;
    top: -15px;
	cursor:pointer;
    background: #fff;
    width: 36px;
    height: 37px;
  border: 2px solid #000;
    opacity: 1;
    border-radius: 100%
}
.artpole-div-b-close:hover {
  opacity: 1;
}
.artpole-div-fon{display:none;
	width: 100%;
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0%;
    position: fixed;
     
    z-index: 1111;
	background-color: rgba(0, 0, 0, 0.8);
}
.artpole-div-b-close:before, .artpole-div-b-close:after {
    position: absolute;
   left: 15px;
    top: 3px;
    content: ' ';
    height: 27px;
    width: 3px;
    background-color: #333;
}
.artpole-div-b-close:before {
  transform: rotate(45deg);
}
.artpole-div-b-close:after {
  transform: rotate(-45deg);
}

.artpole-img-mobile{
	display:none;
}

.artpole-div-b-content{
	cursor:pointer;
}

  @media (max-width: 1500px) {
	  .artpole-div-b img {
    width: 100%;
}
  .artpole-div-b {
width: max-content;
        left: 26%;
        top: 50%;
        transform: translate(-23%, -50%);
   
}
  }
@media (min-width: 1200px) {
 .slider-product-recommended .swiper-slide{
	      max-width: 24%;
 }
}

@media (max-width: 900px) {
.artpole-img-mobile{
	display:block;
}
.artpole-img-desctop{
		display:none;
}
    .artpole-div-b {
        width: max-content;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
    }
}


@media (max-width: 47.9875em) {
	.catalog-card__labels-desctop{
		display:none;
}


	.catalog-card__labels-mobile{
	display:flex;  
	top: auto;
        right: 14px;
        bottom: 14px;
}
	.collection_elements{
	
	border-bottom: 1px solid #d9d9d9;
	}
 .product__top .form-1-click-button {
    margin-left:  0px;
}
	body   .quiz__title {
       
        padding-left: 56px;
    }
	
 
	
	  body    .quiz__title::after {
        display:block;     
		bottom: auto;
        top: 4px;
    }
	.form-1-click {
	    padding: 40px 30px 50px 30px;
	}
   .form-1-click-button{
        max-width: 100%;
        width: 100%;
    }
 
	    .catalog-cards__item {
 
        max-width: 100%;
    }
}
@media (max-width: 550px) {
	body .product__bottom a svg path {
    fill: #838383 !important;
   
}
	.catalog-card__img::after{display:none;}
	.catalog-card__hover{display:none;}
.slider-category-list-images  	.slick-dots li {
    
    margin: 0 3px;}
	.slider-category-list-images  .slick-dots li button:before {
    
    font-size: 7px;
   
    opacity: .65;
    color: #ffffff;
     
}
.slider-category-list-images  .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #a258ff;
}
.slider-category-list-images .slick-dots {
    position: absolute;
	bottom: 7px;
}
	.slider-category-list-images{
  display:block;
}
.slider-category-list-images   {
   
        max-height: 280px;
}
.slider-category-list-images  .slick-list ,.slider-category-list-images  .slick-slide{
   
    max-height: 280px;
}

.catalog-card__img img.hide_on_mobile{
	  display:none;
}

}
.uf_price_descr{
	font-size:13px;margin-top:-7px;font-weight:bold;
}




@media (max-width: 420px) {
	.footer__social {
     
    gap: 26px;
}
	.catalog-card__labels-mobile{
	 
        bottom: 39px;
}
.catalog-card__img_panel {
            height: auto;
}
.slider-category-list-images   {
   
        max-height: 260px;
}
.slider-category-list-images  .slick-list ,.slider-category-list-images  .slick-slide{
   
    max-height: 260px;
}

}
.show-name-first{
	    display: flex;
    order: 1;
}
.catalog-card__content .show-name-first span{
	display:block;
}
.show-articul-second{
	display:none;
}
 .catalog-card:hover .show-articul-second{
	display:block;
}
.ul-list-art li{
	    padding-left: 7px;
    color: var(--text-text-3);
    font-family: Suisse Intl;
    font-size: 18px;
    list-style-type: disc;
    font-style: normal;
    margin-left: 50px;
    font-weight: 400;
    line-height: 30px;
   }
   
   .art-table p{
	   border:none;
   }
   .art-table {
	   margin-top:30px;margin-bottom:30px;
   }
    .art-table td {
		border:1px solid var(--accent-primary);
		padding:10px;
	}
   .ul-list-art{
	   border-left: 4px solid var(--accent-primary);
   }
   .artpole-page h2{
	   margin-bottom:20px;   margin-top:10px;
   }
   
   
.cooperation-new{    font-family: Suisse Intl;}
body .cooperation-new tr td{
	padding:30px;    text-align: left;    vertical-align: top;
}
body .cooperation-new tr td a{
	display:block;margin-bottom:10px;
}
body .cooperation-new  p{margin-top:10px;margin-bottom:10px;}
body .cooperation-new tr td:nth-of-type(2){
	width:50%;
}


@media (max-width: 1000px) {
	body .cooperation-new tr td,	body .cooperation-new tr,	body .cooperation-new table{
	display:block;
}
body .cooperation-new tr td:nth-of-type(2),body .cooperation-new tr td{
	width:100%;margin-bottom:30px;padding:0;
}
}
.politika-p{margin-top:20px;}
.politika-p p{margin-bottom:20px;}

.spcheck {
    position: absolute;
    z-index: -1;
    width: 0 !important;
    height: 0 !important;
    border: none;
    padding: 0 !important;
    overflow: hidden;
}


.catalog__btn-show-collection {
  width: 100%;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  padding: 30px;
  color: var(--text-text-1, #fff);
  background: #212121;
  /* header/H4 */
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -0.18px;
  position: relative;
  overflow-x: hidden;
}
.catalog__btn-show-collection .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  animation: flareAnimation;
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 6.39%, rgba(255, 255, 255, 0.09) 10.89%, rgba(255, 255, 255, 0.05) 15.52%, rgba(255, 255, 255, 0) 21.15%);
  animation: flareAnimation 6s infinite linear;
}

.catalog__btn-show-collection:hover{
	color:#a258ff;border: 2px solid #a258ff;
}

.catalog__btn-show-collection span{
    position: relative;
    z-index: 1;
}
.catalog__btn-show-collection:hover .flare{
    transform: translate(-50%, -50%) scale(20);
    opacity: 1;
}

.catalog__btn-show-collection img{max-width:40px;}
.catalog__btn-show-collection .flare {
    position: absolute;    z-index: 0;
    width: 5%;animation:none;
    height: 2rem;
    border-radius: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    background-color: #ffffff;
 
	
	background: #ffffff;
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
}
.catalog__btn-show-collection {
    width: 85%;
    border: 2px solid #a258ff;
 
   margin: 40px auto 0;
    padding: 12px;
 
    border-radius: 30px;
     
     background: #a258ff;
    
  
    position: relative;
   
    overflow: hidden;
}

  .catalog__btn-show-collection span{ 
  
 background-image: url('../../../../../../local/templates/artpole/assets/img/icon-dots.png');
  background-position:left;	padding-left:50px;
  background-repeat:no-repeat;
  background-size:36px;
  }
  .catalog__btn-show-collection:hover .img-icon{
	  background-image: url('../../../../../../local/templates/artpole/assets/img/icon-dots_a2.png'); 
  } 
   .hover-collection-img  .collection-img{  width: 24px;
    height: 24px;        
	order: 0 !important;
    margin-right: 7px;
    background: var(--accent-primary);
    display: flex;
    flex: 0 0 24px;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
	 position: relative;}
   .collection-img img{  
   width: 22px;
   padding: 1px 3px 2px 4px;}
   .catalog-card:hover .collection-img {display:none;}
  .hover-collection-img{display:none;}
  .hover-collection-img img{order:1;}
   .catalog-card:hover .hover-collection-img{
	   color: var(--text-text-3);
    font-family: Suisse Intl;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;display:flex; align-items:center;}
   .catalog-card:hover  .hover-collection-img  .collection-img{display:flex;}
   
   .catalog-card__label-top{
	  background: #7a58ff;   
	  padding: 0 10px;
	  display: flex;
    align-items: center;
    justify-content: center;
   }
   body .product__label_top{
	   top:38px;
	   background:#7a58ff;
   }
   
   .catalog__container_3d  .show-more-btn{
	    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #a258ff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
   }
    .catalog__container_3d  .show-more-btn:hover {
    background-color: #a258ff;
}
    .catalog__container_3d .show-more-btn:active {
    transform: translateY(1px);
}

.viewed-products-slider.not_show_duble.count-elem-slide-4 .swiper-wrapper{
	min-height:320px;
}
.catalog__container_faq{
	padding-bottom:30px;
}
  .catalog__container_faq  h2{
	  color:#fff;margin-top:20px;
  }
     @media (min-width: 868px) {
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(1) {
    grid-area: 1 / 1 / 2 / 4;
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(2) {
    grid-area: 2 / 1 / 3 / 4; /* Город теперь на всю ширину */
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(3) {
    grid-area: 3 / 1 / 4 / 2; /* Подъезд на 1-й строке */
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(4) {
    grid-area: 3 / 2 / 4 / 3; /* Этаж на 2-й строке */
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(5) {
    grid-area: 3 / 3 / 4 / 4; /* Квартира на 3-й строке */
}
.form-callab__inputs.form-callab__inputs_grid .form-callab__input:nth-child(6) {
    grid-area: 4 / 1 / 5 / 4; /* Комментарий на отдельной строке ниже */
}
	 }
   @media (max-width: 47.9875em) {
	body    .product__label_top {
    top: 26px;
}
  body  .product__label_collection{
        top: -53px;
        right: 16px;
        left: auto;
    }
}
    @media (max-width: 868px) {
 
		  .catalog__btn-show-collection span{ 
 padding-left:40px;
  background-size:26px;
  }
  .catalog__btn-show-collection{
	width:100%;
    font-size: 27px;
}
  }
  @media (max-width: 500px) {
  .catalog__btn-show-collection{
 
    font-size: 20px;
}
  }
  @media (max-width: 47.9875em) {
	  .slider-product-gotov.slider-product .swiper-button-prev,	  .slider-product-gotov.slider-product .swiper-button-next{
		  display: block; 
	  }
 .slider-product-gotov.slider-product .swiper-button-prev{ left: 20px;}
   .slider-product-gotov.slider-product .swiper-button-next{ right: 20px;}
 .slider-product-gotov   .swiper-button-next:after {
     display: block;
        background-size: 100%;
        width: 32px;
        margin-left: 10px;
    background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper2.png) center / contain no-repeat;
    
}
 .slider-product-gotov.slider-product .swiper-button-next,  .slider-product-gotov.slider-product .swiper-button-prev {
    top: 46%;
}
.slider-product-gotov .swiper-button-prev:after {
        background: url(../../../../../../local/templates/artpole/assets/img/arrow-swiper2.png) center no-repeat;
        display: block;
        background-size: 100%;
        width: 32px;
        margin-left: 10px;
      
    }
  /* .albom-sect .albom__container {
        display: block; 
    }
	 .albom-sect.albom{background: #fff;}*/
	  .albom-sect  .panel{
		  display:none;
	  }
	  
	   .albom_collection_sect.albom-sect .panel {
         display: block;
		 height:400px;
		 min-height: inherit;
    }
	   .albom_collection_sect.albom-sect  .panel-product-mob__container {
        height: 400px;
    }
}
/* End */


/* Start:/local/templates/artpole/components/sotbit/regions.choose/.default/style.css?17416395846368*/
.select-city-wrap {
	position: relative;
}

.select-city__block__text {
	color: #fff;
	font-family: 'Helvetica';
	font-size: 16px;
	line-height: 30px;
}

.select-city__block__text-city {
	color: #fff;
	font-family: 'Helvetica';
	font-size: 16px;
	line-height: 30px;
	text-decoration: underline;
	text-decoration-style: dotted;
	cursor: pointer;
}

.select-city__dropdown__title {
	color: #414141;
	font-size: 16px;
	line-height: 30px;
	font-family: "Helvetica";
	display: block;
	margin-bottom: 10px;
}


.select-city__dropdown {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 211px;
	text-align: center;
	padding: 11px 5px 17px 5px;
}

.select-city__dropdown-wrap {
	z-index: 700;
	position: absolute;
	top: 100%;
	margin-top: 10px;
	left: 0;
}

.select-city__dropdown__choose {
	display: inline-block;
	height: 32px;
	width: 82px;
	font-size: 12px;
	line-height: 32px;
	text-transform: uppercase;
	font-family: 'Helvetica';
	text-align: center;
	cursor: pointer;
}

.select-city__dropdown__choose:hover, .select-city__dropdown__choose:active,
.select-city__dropdown__choose:focus {
	opacity: .7;
}

.select-city__dropdown__choose__yes {
	color: #919294;
	border: 1px solid #d3d3d3;
	margin-right: 15px;
}

.select-city__dropdown__choose__no {
	color: #ffffff;
	background: #333333;
}

.select-city__dropdown__choose-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.select-city__modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
}

.modal__overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2500;
}

.select-city__modal-wrap {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 684px;
	padding: 37px 53px 40px 53px;
	position: relative;
	margin: 30vh auto;
	transition: width .2s;
}

.select-city__modal__title {
	color: #000000 !important;
	font-family: 'Helvetica' !important;
	line-height: 30px;
	font-size: 25px !important;
	margin-bottom: 20px !important;
}

.select-city__modal__list {
	columns: 3;
	margin-bottom: 23px;
}

.select-city__modal__list__title {
	color: #000000;
	font-family: 'HelveticaBold';
	line-height: 30px;
	font-size: 14px;
	display: block;
	margin-bottom: 11px;
}

.select-city__modal__list__item {
	color: #414141 !important;
	font-family: 'Helvetica' !important;
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 0 !important;
	cursor: pointer;
}

.select-city__modal__list__item:hover, .select-city__modal__list__item:focus,
.select-city__modal__list__item:active {
	color: #0978c6 !important;
	text-decoration: underline;
	text-decoration-color: #c1ddf1;
}

.select-city__modal__submit__block-wrap {
	background: #eceef1;
	padding: 21px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 42px);
}

.select-city__modal__submit__title {
	color: #000000;
	font-family: 'HelveticaBold';
	line-height: 30px;
	font-size: 14px;
	display: block;
	margin-bottom: 0px;
}

.select-city__modal__submit__input {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	box-shadow: none;
	height: 32px;
	width: calc(100% - 32px);
	max-width: 517px;
	color: #414141;
	font-family: 'Helvetica';
	font-size: 14px;
	margin-right: 15px;
	padding: 0 15px;
}

.select-city__modal__submit__btn {
	background: #000000;
	border: none !important;
	box-shadow: none !important;
	width: 147px;
	height: 32px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Helvetica';
	font-size: 12px;
}

.select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active,
.select-city__modal__submit__btn:focus {
	opacity: .7;
}

.select-city__close {
	background: url("../../../../../../local/templates/artpole/components/sotbit/regions.choose/.default/img/select-city__close.png") no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
    top: 17px;
	cursor: pointer;
}

.select-city__close:hover {
	opacity: .7;
}

@media ( max-width : 768px) {
	.select-city__modal-wrap {
		width: 484px;
		padding: 37px 25px 40px 25px;
	}
	.select-city__modal__list {
		columns: 2;
	}
}

@media ( max-width : 575px) {
	.select-city__modal-wrap {
		width: 80%;
		padding: 27px 20px 30px 20px;
	}
	.select-city__modal-wrap {
		margin: 20vh auto;
	}
	.select-city__modal__title {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}
	.select-city__close {
		top: 15px;
		right: 15px;
	}
	.select-city__modal__list__item {
		font-size: 13px !important;
	}
	.select-city__block__text {
		font-size: 14px;
		line-height: normal;
	}

	.select-city__block__text-city {
		font-size: 14px;
	}

}

@media ( max-width : 400px) {
	.select-city__modal__list {
		columns: unset;
		max-height:100px;
		overflow:auto;
	}
	.select-city__modal-wrap {
		margin: 5vh auto;
	}
	.select-city__modal__list__title {
		line-height: 20px;
	}
	.select-city__modal__submit__block-wrap {
		display: block;
	}
	.select-city__modal__submit__input {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.select-city__modal-wrap {
		padding: 15px 20px;
	}
	.select-city__modal__submit__btn
	{
		width:100%;
	}
}
.select-city__modal__submit__block-wrap__input_wrap
{
	position:relative;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-container
{
	position:absolute;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list
{
	padding-left:0;
	margin:0;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list li
{
	list-style:none;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item
{
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	background: #ffffff;
	height: 32px;
	width: 100%;
	max-width: 517px;
	color: #414141;
	font-family: 'ProximaNova';
	font-size: 14px;
	padding: 0 15px;
	line-height:32px;
	margin:0!important;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide
{
	display:none;
}
.select-city__modal__submit__block-wrap__input_wrap_error
{
	color:red;
	position:absolute;
	top:-20px;
}

.select-city__modal__submit__vars {
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: #fff;
	box-shadow: 2px 3px 3px #a0a0a0;
	padding: 3px;
	cursor: pointer;
	max-height: 171px;
	overflow-y: auto;
}

.select-city__modal__submit__vars .regions_vars:hover {
	background-color: #f0f0f0;
}
/* End */


/* Start:/local/templates/artpole/template_styles.css?176371345413846*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.loader{
	display:none;
}
.fancybox__container {
    max-width: initial !important;
}
.banner__slider.swiper-autoheight, .banner__slider.swiper-autoheight .swiper-slide{
	height:100%;
}
.fancybox__html5video, .fancybox__iframe {
    min-height: 500px;
}
.left-product__img {
    display: flex;
}
.catalog-card__inner {
    pointer-events: initial !important;
    cursor: pointer !important;
}
.catalog-card__content{
	gap:6px;
}
.sm_error{
	color:red;
}
.dillers__img_autor::after{
	display:none;
}
#order .form-callab__inputs.form-callab__inputs_grid::after{display:none;}
.showshow {
    display: block !important;
    opacity: 1 !important;
    visibility: initial !important;
}
.map-cards__slide{margin-top:0px !important;}

a.page_go.begin>svg {
    transform: rotate(-180deg);
}
.ajax_pager_container {
    margin-top: 15px;
}
.note+.complex {
    margin-top: 80px;
}
.catalog-card__content-top h6 ,.catalog-card__content-top .div_h6{
    max-width: 85%;
}
.catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content h6:nth-of-type(2),.catalog-cards__item:hover .catalog-card_lepnina .catalog-card__content .div_h6:nth-of-type(2)  {
	max-width: 100%;
}

.grid_gallery{
	-moz-column-count: 4;
	column-count: 4;
}
.item_in_grid_gallery {
    width: 100%;
    display: inline-block;
    margin: 10px;
}
.image_in_grid_gallery {
    width: 100%;
    height: auto;
}
.lb-outerContainer {
    background: none;
    border: none;
}
.lightbox .lb-image {
    border: none;
}
.has-iframe .fancybox__content {
    max-width: 851px !important;
    padding: 0px;
}
.page_standart_in .job__img{
	height:auto;
}


.dillers table.iksweb, .dillers table.iksweb td, .dillers table.iksweb th {
    border: 1px solid #d9d9d9;
}
.dillers table.iksweb {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    height: auto;
    margin-bottom: 32px;
    max-width: 553px;
}
.dillers tr td:nth-of-type(1) {
    color: var(--text-text-3);
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.dillers table.iksweb td, .dillers table.iksweb th {
    padding: 3px;
    width: 30px;
    height: 35px;
}
.dillers table.iksweb, .dillers table.iksweb td, .dillers table.iksweb th {
    border: 1px solid #d9d9d9;
}
.dillers tr td:nth-of-type(2) {
    width: 20%;
    color: var(--text-text-4);
    font-family: Suisse Intl;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.dillers tr td {
    padding: 10px;
    text-align: center;
}
h1 +.catalog-cards__inner {
    margin-top: 20px;
}
.benifits__inner_inside .benifits__item:nth-of-type(1) .benifits__item-title svg {
    top: initial;
    left: initial;
}
.filrt._active {
    z-index: 999999;
}
.filrt__wrapper {
    overflow: auto;
}
.bx-filter .bx-filter-popup-result {
    right: auto !important;
    left: -17px;
    z-index: 111;
}
.bx-filter .bx-ui-slider-pricebar-vd {
    background-color: #a258ff;
}
.filter-price .noUi-horizontal .noUi-handle {
    padding: 6px;
}
.bx-filter .bx-ui-slider-range {
    background-color: #d9d9d9;
}
.bx-ui-slider-part {
    background: none !important;
}
.bx-filter .bx-filter-input-checkbox {
    display: flex;
    align-items: center;
    gap: 15px;
}
.popular_video .popular__text {
    height:auto;
}
.inner + .attation {
    /** margin-top: -180px; **/
    margin-top: 0px;
    z-index: 99;
}
.catalog-card__hover{
	    object-fit: contain;
}
.catalog-card__label-sale {
    padding: 0 10px;
}
.share_parent_block{
	position:relative;
}
.share_block_show {
    display: flex;
    align-items: center;
    gap: 15px;
    position: absolute;
    right: 0px;
    flex-direction: column;
    margin-top: 10px;
    z-index: 22;
    background-color: #fff; padding:5px;     margin-right: -10px;
}
.share_block_show>a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
}
.catalog-cards__item .catalog-card__hover{
	    background: var(--background-bbbb, linear-gradient(156deg, #212121 3.21%, #363636 94.48%));
}
.boutique-map__item-city {
    color: var(--accent-primary);
    font-size: 20px;
    margin-bottom: 10px;
}
.mb10{margin-bottom:10px;}
.map-card__map{
	max-width:505px;
}
div#popup_calc {
    flex-direction: initial;
}
a.houzz:hover svg{
	transition: all .3s ease 0s;
}
a.houzz:hover svg {
    fill: var(--accent-primary);
}
.boutique-map__list{
	height:auto;
}
.product-type__inner.active .product-type__img {
    border: 1px solid var(--accent-primary);
}
.form-callab__inputs.form-callab__inputs_grid::after{
	display:none;
}
.bottom_detail_article p{max-width:100%; }
.stand + .attation {
    margin-top: -100px;
}
.map-card__map-frame{
	max-height:400px;
}
.popular__img::after{display:none;}
.catalog-card__content-prise-old {
    text-decoration: line-through;
}
ymaps canvas {
    filter: grayscale(1);
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
}
.boutique-map__instance, .map-card__map-frame{
	 -webkit-filter: initial;
    filter: initial;
}
button.reset_form:after {
    content: " ";
    width: 20px;
    height: 1px;
    display: block;
    background-color: #ccc;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -1px;
}
button.reset_form:before {
    content: " ";
    width: 20px;
    height: 1px;
    display: block;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
button.reset_form {
    position: absolute;
    right: 40px;
    top: 3px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
@media (max-width: 600px){
	.grid_gallery{
		-moz-column-count: 2;
		column-count: 2;
	}
}
.bx-filter .bx-ui-slider-part span {
    display: block;
    width: auto;
    margin-left: -9px;
}
.select__option {
    white-space: nowrap;
}
.show_mobile_image{display:none !important;}
.loader_block{display:none;}
@media (max-width: 63.99875em){
	.dillers__img.dillers__img_width.dillers__img_autor._dynamic_adapt_ {
		display: block !important;
	}
	.descriptions__content>div{
		width:100%;
	}
	body .slider-product__slider {
		height: auto !important;
	}
}
@media (max-width: 47.9875em){
	main.page img {
		max-width: 100%;
	}

	.hide_mobile{
		display:none;
	}
	.catalog-cards__inner_lepnina .catalog-cards__item {
		height: auto;
		margin-bottom: 30px;
	}
	.catalog-cards__inner_lepnina .catalog-card__bottom {
		opacity: initial;
		visibility: initial;
	}
	.catalog-cards__inner_lepnina a.catalog-card__btn-link {
		display: none;
	}
	.catalog-cards__inner_lepnina .catalog-card__btn{
		margin-bottom:0px;
	}
	.catalog-cards__item{
		height:auto;
	}
	.catalog-card__bottom{
		opacity:1;    visibility: initial;
	}
	.catalog-card__bottom .catalog-card__btn-link {
		display: none;
	}
	.show_mobile_image{display:initial !important;}
	.hide_mobile_image{display:none !important;}
	.quiz__inner.main_quiz {
		flex-wrap: wrap;
	}
	.quiz__inner.main_quiz .quiz__text {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	.quiz__inner.main_quiz .quiz__img {
		order: -1;
		text-align: center;
		justify-content: center;
		flex: initial;
		width: 100%;
		position: static;
		margin-bottom: 30px;
		height: auto;
	}
}
@media (max-width: 37.9875em){
	body .calc_left {
		padding: 0px;
		width: 300px;
		max-width: 100%;
	}
	body .popup_calc .p_half {
		max-width: 100%;
		margin-left: 0px;
	}
	body .popup_calc .p_pop .p_pop_text1 {
		padding-left: 0px;
	}
	body .popup_calc .p_pop .p_pop_text2 {
		padding-left: 0px;
	}
	body .calc_left form .p_half_text {
		padding-left: 0px;
	}
	body div#popup_calc {
		flex-direction: column;
	}
	body .res_title {
		float: none;
	}
	body .smet-block {
		display: flex;
	}
	body img#calc_img {
		max-width: 100%;
		margin: 0px !important;
	}
	body .calc_right {
		padding: 0px;
		max-width: 100%;
	}
	body .product__label-text{
		animation:initial;
	}
	body .product__label-text{
		-webkit-animation:initial;
	}
	.banner.banner_card .swiper-pagination-horizontal {
		display: flex; justify-content:center;
	}
}




/**/
@media (min-width: 1024px) {
  .mob-on {
    display: none !important;
  }
}

.header__logo {
  z-index: 400;
}

.icon-menu-css {
    outline: 0;
    display: block;
    position: relative;
    width: 40px;
    height: 28px;
    cursor: pointer;
    z-index: 5
}
.icon-menu-css span,.icon-menu-css::after,.icon-menu-css::before {
    content: "";
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff
}
.icon-menu-css::before {
    top: 0
}
.icon-menu-css::after {
    bottom: 0
}
.icon-menu-css span {
    top: calc(50% - 1px)
}
.main-menu-wrap > .btn{
  background: none;
}
.main-menu-wrap .icon-menu{
  transform: none;
}
.main-menu-wrap .main-menu{
  top: -100vh;
  opacity: 0;
  transform: none !important;
  visibility: hidden;
}
.no-js-menu:hover .main-menu {
  top: 0;
  left: 0;
  /*transform: translate(0%, 100%);*/
  /* transition: all 3s; */
  transform: none !important;
  width: 100%;
  height: 90vh;
  opacity: 1;
}
.main-menu-wrap.is-active .main-menu ul {
  opacity: 1 !important;
}

.main-menu-wrap.is-active .main-menu {
    top: 0;
    left: 0;
    /*transform: translate(0%, 100%);*/
    /* transition: all 3s; */
    transform: none !important;
    width: 100%;
    height: 90vh;
    opacity: 1;
    visibility: visible;
}

.main-menu-wrap.is-active .main-menu ul {
    opacity: 1 !important;
}

@media (max-width: 1023px) {
  .main-menu-wrap {
    display: none;
  }
}
@media (max-width: 1400px) {
  .main-menu-wrap .main-menu {
    overflow: hidden;
  }
  .main-menu-wrap .main-menu__container {
    height: auto;
  }
  .main-menu-wrap .main-menu__nav {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .main-menu-wrap .main-menu__item {
    margin-bottom: 0px;
  }
  .main-menu-wrap .main-menu__img {
    height: 90%;
  }
  .main-menu-wrap .main-menu__item_size {
    margin-bottom: 0px;
  }
}


.product__bottom a svg {
  width: 24px;
  height: 24px;
}
.product__bottom a svg path {
  fill: #d9d9d9 !important;
  transition: all .3s ease 0s;
}
.product__bottom a:hover svg path {
  fill: #a258ff !important;
}


/* Кнопка "Вверх" */
.top-btn{
  position: fixed;
  bottom: 25px;
  right: auto;
  left: 25px;
  width: 65px;
  height: 65px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-color: #fff;*/
  /*box-shadow: inset 0px 0px 0px 40px #29436c;*/
  color: #fff;
  border-radius: 45px;
  /*transform: translateX(150%);*/
  cursor: pointer;
  z-index: 99999;
  transition: all 600ms;

  background-color: var(--accent-primary);
  color: var(--text-text-1);
  -webkit-animation: pulse 1s ease-in-out infinite;
  animation: pulse 1s ease-in-out infinite;

  transform: rotate(180deg);
}
.top-btn svg {
  /*width: 15px;*/
}

.top-btn:hover{
	/*box-shadow: inset 0px 0px 0px 3px #29436c;
	color: #29436c;*/
}

.visible-top-btn{
	/*transform: translateX(-50%);*/
  transform: rotate(0deg);
}

@media (max-width: 767px) {
  .top-btn {
    bottom: 65px;
  }
}
/* END Кнопка "Вверх" */

.banner__pagination{
    font-size: 0;
}
.banner__pagination .swiper-pagination-bullet {
  width: 95px;
  height: 2px;
  display: inline-block;
  background: #fff;
  position: relative;
}
.banner__pagination .bullet-text {
  display: none;
  position: absolute;
  top: -36px;
  left: 0;
  color: var(--text-text-1);
  font-family: Suisse Intl;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.banner__pagination .swiper-pagination-bullet .bullet-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--accent-primary)
}
.banner__pagination .swiper-pagination-bullet.bullet--active .bullet-line,
.banner__pagination .swiper-pagination-bullet.bullet--viewed .bullet-line {
    width: 100%
}

.banner__slider .h1 {
  color: var(--text-text-1);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -.32px;
  margin-bottom: 0px;
  max-width: 802px;
  overflow: hidden;
}


.catalog-cards-lepnina__img--relative {
	position: relative;
}

.popup_calc .select_div > .dec_block{
	display: flex;
}

.popup_calc .select_div > .both {
	clear: none;
}


@media (min-width: 100px) {
  .product__label {
    position: absolute;
    display: flex;
    align-items: center;
    height: 32px;
    gap: 4px;
    width: fit-content;
    overflow: hidden;
    padding: 0 16px;
    border-radius: 24px;
    background: var(--accent-primary);
    z-index: 2;
  }
}

.product__label_collection {
    position: absolute;
    display: flex;
    align-items: center;
    height: 32px;
    gap: 4px;
    top: -39px;
    width: fit-content;
    overflow: hidden;
    padding: 0 16px;
    border-radius: 24px;
    background: url(../../../../../../local/templates/artpole/assets/images/collection.png) no-repeat 10px center, var(--accent-primary);
    z-index: 2;
    background-size: 19px;
    font-size: 13px;
    padding-left: 33px;
}
.catalog-card__labels-left {
  flex-direction: column;
}
.catalog-card__labels-left > span {
  max-height: 24px;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
}
.catalog-card__labels-left > span.podarock {
  background: var(--accent-primary);
}


.completed-projects .others-news {
  display: none;
}

/* End */
/* /local/templates/artpole/assets/css/notcdn.css?17416395848650 */
/* /local/templates/artpole/assets/js/fancybox/fancyboxudm.css?174163958415598 */
/* /local/templates/artpole/assets/js/tooltipster/css/tooltipster.bundle.min.css?17416395846495 */
/* /local/templates/artpole/assets/js/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-light.min.css?17416395841882 */
/* /local/templates/artpole/assets/css/style.css?1765285572345027 */
/* /local/templates/artpole/assets/css/custom.css?177202704134283 */
/* /local/templates/artpole/components/sotbit/regions.choose/.default/style.css?17416395846368 */
/* /local/templates/artpole/template_styles.css?176371345413846 */