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


/* Start:/_/plg/mCustomScrollbar/jquery.mCustomScrollbar.min.css?17425699999454*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container,.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:#000}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden,.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/_/plg/mCustomScrollbar/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{bottom:0;background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}
/* End */


/* Start:/_/plg/noUiSlider-15.7.1/nouislider.css?17425700003147*/
 .noUi-target, .noUi-target * {
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-user-select: none;
   -ms-touch-action: none;
   touch-action: none;
   -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
 .noUi-target {
   position: relative;
}
 .noUi-base, .noUi-connects {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
}
 .noUi-connects {
   overflow: hidden;
   z-index: 0;
}
 .noUi-connect, .noUi-origin {
   will-change: transform;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   height: 100%;
   width: 100%;
   -ms-transform-origin: 0 0;
   -webkit-transform-origin: 0 0;
   -webkit-transform-style: preserve-3d;
   transform-origin: 0 0;
   transform-style: flat;
}
 .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
   left: 0;
   right: auto;
}
 .noUi-horizontal .noUi-origin {
   height: 0;
}
 .noUi-handle {
   width: 22px;
   height: 22px;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   position: absolute;
}
 .noUi-touch-area {
  position: absolute;
  inset: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
}
 .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;
}
 .noUi-horizontal {
   height: 2px;
}
 .noUi-horizontal .noUi-handle {
   top: -11px;
}
 .noUi-horizontal .noUi-handle-lower {
   right: -11px;
}
 .noUi-horizontal .noUi-handle-upper {
   right: -11px;
}
 .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
   left: -17px;
   right: auto;
}
 .noUi-target {
   background: #C2C2C2;
}
 .noUi-connect {
   background: var(--color-main);
}
 .noUi-draggable {
   cursor: ew-resize;
}
.noUi-handle {
   border-radius: 4px;
   background: var(--color-main);
   cursor: default;
   transition: border-color 300ms linear;
}
.noUi-handle.active {}
[disabled] .noUi-connect {
   background: #B8B8B8;
}
 [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
   cursor: not-allowed;
}
 .noUi-pips, .noUi-pips * {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
 .noUi-pips {
   position: absolute;
   color: #999;
}
 .noUi-value {
   position: absolute;
   white-space: nowrap;
   text-align: center;
}
 .noUi-value-sub {
   color: #ccc;
   font-size: 10px;
}
 .noUi-marker {
   position: absolute;
   background: #CCC;
}
 .noUi-marker-sub {
   background: #AAA;
}
 .noUi-marker-large {
   background: #AAA;
}
 .noUi-pips-horizontal {
   padding: 10px 0;
   height: 80px;
   top: 100%;
   left: 0;
   width: 100%;
}
 .noUi-value-horizontal {
   -webkit-transform: translate(-50%, 50%);
   transform: translate(-50%, 50%);
}
 .noUi-rtl .noUi-value-horizontal {
   -webkit-transform: translate(50%, 50%);
   transform: translate(50%, 50%);
}
 .noUi-marker-horizontal.noUi-marker {
   margin-left: -1px;
   width: 2px;
   height: 5px;
}
 .noUi-marker-horizontal.noUi-marker-sub {
   height: 10px;
}
 .noUi-marker-horizontal.noUi-marker-large {
   height: 15px;
}
/* End */


/* Start:/_/plg/slick-1.8.1/slick.css?17425700021776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/_/plg/tooltip/css/tooltipster.bundle.min.css?17455758246495*/
.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:/_/plg/tooltip/css/tooltipster.theme-shadow.css?17455758262389*/
.tooltip-template {
	display: none;
}

.tooltip-label {
	cursor: pointer;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
	border: none;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
	margin-top: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
	margin-right: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
	margin-left: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
	margin-bottom: 6px
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
	color: #000;
	padding: 0;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
	height: 6px;
	margin-left: -6px;
	width: 12px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
	height: 12px;
	margin-left: 0;
	margin-top: -6px;
	width: 6px
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
	display: none
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
	border: 6px solid transparent
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
	left: -6px
}

.tooltip-text {
  position: relative;
  padding: 6px 15px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #000;
}

.tooltip-text a {
  text-decoration: underline;
}

.tooltip-text a:hover {
  text-decoration: none;
  opacity: .8;
}

.tooltip-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url("/img/svg/close.svg") no-repeat center center/10px;
  cursor: pointer;
}

.tooltip-close:hover {
  opacity: .8;
}
/* End */


/* Start:/_/css/common.css?17425699802333*/
@charset 'utf-8';

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,button,input,select,textarea{-webkit-tap-highlight-color:transparent;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:inherit;color:inherit;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,video{display:block}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}blockquote,q{quotes:none}button,input,select,textarea{border-radius:0;font-family:inherit;font-size:100%;text-transform:none}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]:-webkit-search-cancel-button,input[type="search"]:-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden}

html {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
}

img,
svg,
video,
iframe {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}

p {
	margin-bottom: 1.23em;
	line-height: 1.23;
	text-wrap: pretty;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: currentColor;
}
p a {
	color: #000;
	text-decoration: underline;
	text-decoration-style: solid;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
}
p a:hover {
	text-decoration-color: transparent;
}

b {
	font-weight: 600;
}
strong {
	font-weight: 700;
}

i {
	font-style: italic;
}

button {
	background: none;
}

/*
*******************************************************************************/

/* End */


/* Start:/_/css/main.css?176103991781594*/
@charset 'utf-8';

body {
	--padding-side: 12px;
	--margin-side: 20px;
	--content-width: calc(100% - (var(--padding-side) * 2));
	--content-max-width: 1200px;
	--gap: 12px;
	--radius: 14px;
	--color-dark: #191A1A;
	--color-lite: #fff;
	--color-main: #014F99;
	--color-main-hover: #0063C0;
	--color-main-active: #007AEE;
	--color-accent: #DC0232;
	--color-accent-hover: #FF1E4F;
	--color-accent-active: #7A001B;
	--color-border: #ACAEB1;
	--color-border-hover: #717171;
	--color-border-active: #717171;
	--color-bg-dark: #001B34;
	--color-bg-lite: #FAFAFA;

	@media (min-width: 1024px) {
		--padding-side: 20px;
	}

	@media (min-width: 1200px) {
		--padding-side: 30px;
		--radius: 30px;
	}

	@media (min-width: 1300px) {
		--margin-side: 30px;
	}

}

body {
	display: grid;
	grid-template-columns: 100%;
	gap: var(--gap);
	padding: var(--gap) var(--margin-side);

	& > main,
	& > header,
	& > section {
		background: var(--color-bg-lite);
		border-radius: var(--radius);
	}

	@media (max-width: 1023px) {
		padding-bottom: calc(var(--gap) + 65px);
	}
}

main {
	position: relative;
}

.content {
	width: var(--content-width);
	max-width: var(--content-max-width);
	margin: 0 auto;
}

a,
path,
rect,
button {
	transition: all 300ms ease-in-out;
}

.icon {
	width: 26px;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 300ms ease-in-out;

	&.plus {
		width: 28px;
		height: 28px;

		&::before,
		&::after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			background: var(--color-main);
		}
		&::before {
			margin-left: -4px;
			width: 9px;
			height: 1px;
		}
		&::after {
			margin-top: -4px;
			width: 1px;
			height: 9px;
		}
	}
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
img.fit {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

/* fix bitrix bootstrap css
*******************************************************************************/

.content > .row {
	margin-left: 0 !important;
	margin-right: 0 !important;

	&::before,
	&::after {
		display: none !important;
	}
}

body .bx-soa-sidebar {
	height: auto;
}

/* h, text
*******************************************************************************/

body {
	--h1: 26px;
	--h2: 22px;
	--h3: 18px;
	--h4: 16px;
	font-family: "Zen Kaku Gothic Antique", serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: var(--color-dark);

	/*text-wrap: balance;*/

	h1, h2, h3, h4, .h1, .h2 {
		font-weight: 500;
		line-height: 1.2;
		text-transform: uppercase;

		.accent {
			color: var(--color-main);
		}

		@media (min-width: 1024px) {
			line-height: 1.24;
		}

	}

	h1, .h1 {
		font-size: var(--h1);
	}
	h2, .h2 {
		font-size: var(--h2);
	}
	h3 {
		font-size: var(--h3);
	}
	h4 {
		font-size: var(--h4);
	}

	.pretitle {
		margin-bottom: 6px;
		color: var(--color-main);
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.text {
		transition: all 300ms linear;
	}
	.text ol,
	.text ul {
		margin-bottom: 1.23em;
		padding-left: 30px;
		line-height: 1.5;
	}
	.text ul {
		list-style: none;
	}
	.text li {
		position: relative;
		margin: 0;
	}
	.text li::before {
		content: '';
		display: block;
		width: 3px;
		height: 3px;
		position: absolute;
		top: 0;
		right: 100%;
		margin: 12px;
		background: currentColor;
	}

	@media (min-width: 1200px) {
		--h1: 50px;
		--h2: 40px;
		--h3: 28px;
		--h4: 17px;
		font-size: 17px;
	}

}

/*
*******************************************************************************/

form {
	position: relative;

	/*&::after {
		content: '';
		display: block;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		position: absolute;
		top: -10px;
		left: -10px;
		background: rgba(255, 255, 255, .2);
		transition: all 200ms linear;
		border-radius: 5px;
		opacity: 0;
		visibility: hidden;
		cursor: wait;
	}
	&.sending::after {
		opacity: 1;
		visibility: visible;
	}*/

	label {
		cursor: pointer;
		display: block;

		.title {
			margin-bottom: 5px;
			line-height: 1.23;
		}
		.title i {
			color: var(--color-accent);
		}
		.title span {
			color: #717171;
		}
	}
	input:not([type="checkbox"]),
	textarea,
	select {
		width: 100%;
		height: 48px;
		padding: 0 20px;
		background: #fff;
		border-radius: 8px;
		border: 1px solid var(--color-border);
		transition: all 300ms ease-in-out;
	}
	textarea {
		overflow: auto;
		line-height: 1.1;
		min-height: 5.5em;
		resize: vertical;
		vertical-align: top;
	}
	button,
	input[type="file"] {
		cursor: pointer;
	}
	button {
		background: none;
	}

	input:focus,
	textarea:focus,
	select:focus {
		border-color: var(--color-border-active);
	}
	:disabled {
		cursor: default;
	}

	[placeholder]::-webkit-input-placeholder { color: #717171; }
	[placeholder]:-ms-input-placeholder      { color: #717171; }
	[placeholder]::-moz-placeholder          { color: #717171; }
	[placeholder]:focus::-webkit-input-placeholder { color: transparent; }
	[placeholder]:focus:-ms-input-placeholder      { color: transparent; }
	[placeholder]:focus::-moz-placeholder          { color: transparent; }

	.form-group:has(input[type="checkbox"]) {
		display: flex;
		align-items: center;
		gap: 10px;

		& label {
			order: 2;
		}
		.soa-property-container {
			order: 1;
		}
	}

	@media screen (min-width: 1200px) {
		input {
			padding: 0 30px;
		}
	}

	@media (hover: hover) {
		input[type="number"]::-webkit-outer-spin-button,
		input[type="number"]::-webkit-inner-spin-button {
			-webkit-appearance: none;
		}
		input[type='number'],
		input[type="number"]:hover,
		input[type="number"]:focus {
			appearance: none;
			-moz-appearance: textfield;
		}
	}

	/*
	*******************************************************************************/

	.wrong input,
	.wrong textarea,
	.wrong .jq-selectcontent.__select {
		border-color: #f3c0c0;
		background: #ffeaea !important;
	}
	.error {
		padding: 5px 0;
		font-size: 14px;
		color: #c34343;
		transition: all 200ms linear;
		transform: translateY(-50%);
		opacity: 0;
	}
	.error.shown {
		opacity: 1;
		transform: translateY(0);
	}

	.ajax_loader {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 60px;
		height: 60px;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	.ajax_loader_svg {
		width: 100%;
		height: 100%;
	}
	.ajax_loader_circle {
		stroke: #00A499;
		transition: 300ms stroke-dashoffset;
	  transform: rotate(-90deg);
	  transform-origin: 50% 50%;
	}
	.ajax_loader_digit {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-weight: 400;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
	}

}

.btn {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 28px;
	font-weight: 500;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--color-dark);
	border: 1px solid var(--color-dark);
	background: none;
	border-radius: 8px;
	transition: all 300ms ease-in-out;

	/*&:active {
		color: var(--color-main-active);
		border-color: var(--color-main-active);
	}*/

	&.main {
		color: var(--color-lite);
		background: var(--color-main);
		border-color: var(--color-main);

		/*&:active {
			background: var(--color-main-active);
			border-color: var(--color-main-active);
		}*/
	}

	@media (hover: hover) {
		&:hover {
			color: var(--color-main-hover);
			border-color: var(--color-main-hover);
		}
		&.main:hover {
			color: var(--color-lite);
			background: var(--color-main-hover) !important;
			border-color: var(--color-main-hover) !important;
		}
	}
}

label:not(.noui) {
	--h: 20px;
	--lh: 20px;

	& div.big {
		--h: 42px;
	}

	input[type="radio"],
	input[type="checkbox"] {
	  display: none;
	}
	input[type="radio"] + span,
	input[type="checkbox"] + span {
	  position: relative;
	  display: block;
	  min-height: var(--h);
	  padding: calc((var(--h) - var(--lh)) / 2) 0 0 calc(var(--h) + 10px);
	  line-height: var(--lh);
	}
	input[type="radio"] + span::before,
	input[type="radio"] + span::after,
	input[type="checkbox"] + span::before,
	input[type="checkbox"] + span::after {
	  content: '';
	  display: block;
	  position: absolute;
	  box-sizing: border-box;
	  transition: all 300ms ease-in-out;
	}
	input[type="radio"] + span::before,
	input[type="checkbox"] + span::before,
	input[type="checkbox"] + span::after {
	  top: 0;
	  left: 0;
	  width: var(--h);
	  height: var(--h);
	}
	input[type="radio"] + span::before,
	input[type="checkbox"] + span::before {
		border: 1px solid var(--color-dark);
	}
	input[type="radio"] + span::after,
	input[type="checkbox"] + span::after {
	  opacity: 0;
	}
	input[type="radio"] + span::before,
	input[type="radio"] + span::after {
		border-radius: 50%;
	}
	input[type="checkbox"] + span::before,
	input[type="checkbox"] + span::after {
		border-radius: 6px;
	}
	input[type="radio"] + span:hover::before,
	input[type="checkbox"] + span:hover::before {
		border-color: var(--color-main-hover);
	}
	input[type="radio"] + span::after {
		top: 4px;
	  left: 4px;
	  width: 12px;
	  height: 12px;
	  background: var(--color-main);
	}
	input[type="checkbox"] + span::after {
		background: url(/_/media/check-white.svg) center center no-repeat;
		background-size: min(80%, 14px);
	}
	input[type="radio"]:checked + span::after,
	input[type="checkbox"]:checked + span::after {
	  opacity: 1;
	}
	input[type="radio"]:checked + span::before {
		border-color: var(--color-main);
	}
	input[type="checkbox"]:checked + span::before {
		border-color: var(--color-main);
		background: var(--color-main);
	}
}

label.toggle {

	& input {
		display: none;

		& + div {
			position: relative;
			padding-right: 60px;
			font-size: 15px;
			font-weight: 500;
			line-height: 26px;
			text-transform: uppercase;

			&::before,
			&::after {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				transition: all 300ms ease-in-out;
			}
			&::before {
				right: 0;
				margin-top: -13px;
				width: 50px;
				height: 26px;
				border-radius: 13px;
				background: var(--color-border);
			}
			&::after {
				right: 25px;
				width: 24px;
				height: 24px;
				margin-top: -12px;
				border-radius: 50%;
				background: #fff;
			}
		}

		&:checked {
			& + div::before {
				background: var(--color-main);
			}
			& + div::after {
				right: 1px;
			}
		}
	}
}

label.toggleView {
	cursor: pointer;

	& input {
		display: none;

		& + div {
			position: relative;
			display: flex;
			align-items: center;
			gap: 16px;
			height: 38px;
			padding: 0 12px;
			border-radius: 17px;
			background: #E9E4E4;

			& svg {
				position: relative;
				z-index: 1;

				@media (hover: hover) {
					&:hover [stroke] {
						stroke: var(--color-main-hover);
					}
				}
			}

			&::before {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				transition: all 300ms ease-in-out;
				right: 35px;
				width: 42px;
				height: 36px;
				margin-top: -18px;
				border-radius: 17px;
				background: #fff;
			}
		}

		&:checked {
			& + div::before {
				right: 1px;
			}
		}
	}
}

.count {
	display: grid;
	justify-content: end;
	grid-template-columns: 48px 30px 48px;

	.minus,
	.plus {
		cursor: pointer;
		position: relative;
		width: 48px;
		height: 48px;
		padding: 0;
		border: 1px solid var(--color-main);
		border-radius: 8px;
	}
	.minus::before,
	.plus::before,
	.plus::after {
		content: '';
		display: block;
		width: 9px;
		height: 1px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: var(--color-main);
	}
	.plus::before,
	.minus::before {
		margin-left: -4px;
	}
	.plus::after {
		margin-top: -4px;
		width: 1px;
		height: 9px;
	}
	& input:not([type="checkbox"]) {
		width: 30px;
		height: 48px;
		margin: 0;
		padding: 0;
		border: none;
		color: var(--color-dark);
		text-align: center;
	}

	@media (min-width: 1024px) {
		grid-template-columns: 48px 44px 48px;

		& input:not([type="checkbox"]) {
			width: 44px;
			font-size: 18px;
			font-weight: 500;
		}
	}

	@media (min-width: 1200px) {
		& input:not([type="checkbox"]) {
			font-size: 28px;
		}
	}
}

small.agree {
	color: #717171;
	font-size: 14px;

	& a {
		color: var(--color-dark);
		font-size: 15px;
		line-height: 1.23;
		text-decoration: underline;
	}
}

/*
*******************************************************************************/

.crumbs {
	margin: 24px 0 42px;
	position: relative;
	line-height: 1.23;

	& ul {
		list-style: none;
	}
	& li {
		display: inline;

		&:not(:last-child)::after {
			content: '-';
			color: var(--color-border-active);
			display: inline-block;
			line-height: 1;
			margin-top: -2px;
		}
	}
	& a {
		display: inline-block;
		color: var(--color-border-active);

		&:hover {
			color: var(--color-main-hover);
		}
	}

	@media (min-width: 1200px) {
		margin: 46px 0 56px;
	}

	&.scrolling {
		--line-height: 18px;
		line-height: var(--line-height);
		height: var(--line-height);
		white-space: nowrap;
		overflow: hidden;

		&::after {
			content: '';
			display: block;
			width: 30px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
		}

		.inner {
			position: relative;
			overflow: auto;
		}
		.content {
			height: calc(var(--line-height) + 20px);
		}
		& ul {
			display: grid;
			grid-auto-flow: column;
			height: var(--line-height);
			position: absolute;
			top: 0;
			left: 0;
			padding: 0 var(--padding-side);
		}
		& li {
			display: inline-flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 4px;

			&:last-child {
				padding-right: 20px;
			}
		}

		@media (min-width: var(--content-max-width)) {
			.row {
				padding: 0 calc((100% - var(--content-max-width)) / 2);
			}
		}
	}

}

/*
*******************************************************************************/

.pagination {
	margin-top: 40px;

	.get_offers.btn,
	.get_offers .btn {
		margin-bottom: 48px;
		width: 100%;
	}
	& ul {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	& a,
	& li {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 8px;
	  min-width: 36px;
	  height: 36px;
	  border: 1px solid transparent;
	  border-radius: 8px;

	  &.current {
	  	cursor: default;
	  	border-color: var(--color-main);
	  }
	}
	& li {
		border: none;
	}

	@media (hover: hover) {
		& a:hover {
			color: var(--color-main-hover);
		}
	}

	@media (max-width: 1023px) {
	  .pagi_item._prev {
	    display: none;
	  }
	  .pagi_item._num:nth-child(n+4) {
	    display: none;
	  }
	  .articles + .pagi .pagi_item._prev,
	  .articles + .pagi .pagi_item._next {
	    display: flex;
	    font-size: 0;
	  }
	}

	@media (min-width: 1024px) {
		margin-top: 70px;
	}
}

/* modals
*******************************************************************************/

@media screen {
	.modal {
		display: none;
		margin: 0;
		padding: 20px;
	}
	.fancybox-slide--html {
		padding: 0;
	}
	.modal_close {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		padding: 5px;
		background: none;
	}
}

@media screen (min-width: 1024px) {
	.modal {
		padding: 40px;
		margin: 100px auto;
	}
}

/*
*******************************************************************************/

.btn_prev,
.btn_next {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	background: var(--color-main);
	border: 1px solid var(--color-main);
	cursor: pointer;

	&.btn_prev {
		padding-right: 2px;
	}
	&.btn_next {
		padding-left: 2px;
	}

	&:disabled,
	&.slick-disabled {
		background: none;
		cursor: default;

		& path {
			stroke: var(--color-main);
		}
	}

	@media (hover: hover) {
		&:not(.slick-disabled):not(:disabled):hover {
			background: var(--color-main-hover);
			border-color: var(--color-main-hover);
		}
	}
}

.slick-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;

	.btn_prev {
		order: 1;
	}
	.btn_next {
		order: 3;
	}
	.slick-disabled {
		background: none;
		cursor: default;

		& path {
			stroke: var(--color-main);
		}
	}

	.slick-dots {
		order: 2;
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;

		& li {
			width: 11px;
			height: 11px;
			border-radius: 50%;
			border: 1px solid var(--color-main);
			transition: all 300ms ease-in-out;

			&.slick-active {
				background: var(--color-main);
			}
		}

		& button {
			display: none;
		}
	}
}

/*
*******************************************************************************/

.offerLabels {
	z-index: 1;
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;

	.new {
		flex: 0 0 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		color: var(--color-lite);
		background: var(--color-accent);
		border-radius: 50%;
	}
}

.offerCost {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.24;

	& svg {
		margin-bottom: -2px;
	}
}

.offerAct {
	display: flex;
	align-items: center;
	gap: 12px;

	.buy {
		flex-grow: 1;

		.btn {
			width: 100%;
			padding: 0 16px;
		}
		button[type="submit"] + a.btn {
			border-color: var(--color-main-active);
			background: var(--color-main-active);
		}
	}

	.tools {
		display: flex;
		gap: 8px;

		.btn {
			width: 48px;
			height: 48px;
			padding: 0;
			border-color: var(--color-main);

			& [stroke] {
				stroke: var(--color-main);
			}
			&.active {
				border-color: var(--color-main-active);
				background: var(--color-main-active);

				& [stroke] {
					stroke: var(--color-lite);
				}
			}
		}
	}

	@media (hover: hover) {
		.tools .btn:hover {
			border-color: var(--color-main-hover) !important;

			&:not(.active) [stroke] {
				stroke: var(--color-main-hover);
			}
		}
		.tools .btn.active:hover {
			background: var(--color-main-hover);
		}
	}
}

button[type="submit"].btn:disabled,
button[type="submit"].btn:not(:disabled) + a.btn {
	display: none;
}

/*
*******************************************************************************/

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 21px;

	.mCSB_dragger .mCSB_dragger_bar {
		height: 3px;
		margin: 9px auto;
		background: var(--color-main);
	}
	.mCSB_draggerRail {
		height: 1px;
		margin: 10px auto;
		background: var(--color-border);
	}
}

/*
*******************************************************************************/

.offerItem {
	position: relative;
	padding: 16px;
	background: var(--color-lite);
	border-radius: 12px;
	overflow: hidden;

	.pic {
		width: 100%;
		aspect-ratio: 1 / 1;

		& img {
			object-fit: contain;
		}
	}

	.offerLabels {
		position: absolute;
		top: 16px;
		right: 16px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 16px;

		.new {
			flex: 0 0 50px;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 12px;
			font-weight: 500;
			text-transform: uppercase;
			color: var(--color-lite);
			background: var(--color-accent);
			border-radius: 50%;
		}
	}

	.title {
		height: 2.6em;
		margin: 16px 0 26px;
		font-size: 17px;
		line-height: 1.3;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.meta {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.have {
		color: var(--color-main);
		font-size: 17px;
		line-height: 1.3;

		&.not {
			color: var(--color-border-active);
		}
	}

	.props {
		display: none;
	}

	.offerAct {
		margin-top: 18px;
	}
}

@media (min-width: 1024px) {
	.list > .offerItem {
		display: grid;
		align-items: center;
		grid-template-columns: 252px 1fr 140px;
		/*grid-template-rows: 2.6em 22px 1fr;*/
		/*grid-template-rows: repeat(3, auto);*/
		grid-template-rows: auto 1fr auto;
		gap: 0 30px;

		.pic {
			grid-column: 1 / 2;
			grid-row: 1 / 4;
		}
		.offerLabels {
			top: 20px;
			left: 20px;
			right: auto;
			justify-content: flex-start;
		}
		.title {
			grid-column: 2 / 3;
			grid-row: 1 / 2;
			margin: 0;
			padding-top: 10px;
			height: auto;
		}
		.meta {
			grid-column: 2 / 3;
			grid-row: 2 / 3;

			.offerCost {
				position: absolute;
				right: 20px;
				bottom: 88px;
				font-size: 28px;
			}
		}
		.props {
			grid-column: 2 / 3;
			grid-row: 3 / 4;
			display: block;
			padding-bottom: 10px;
			line-height: 1.3;

			& dl {
				display: grid;
				gap: 8px;
			}
			& dl div {
				display: grid;
				grid-template-columns: 120px auto;
				gap: 10px;
			}
			& dt {
				color: var(--color-border-active);
			}
			& dd {}
		}
		.offerAct {
			grid-column: 3 / 4;
			grid-row: 1 / 4;
			height: 100%;
			display: flex;

			align-items: flex-end;
			flex-direction: column-reverse;
			justify-content: space-between;
			margin: 0;

			.buy {
				flex-grow: 0;
				width: 100%;
			}
		}
	}
}

/*
*******************************************************************************/

.selectLinks {
	position: relative;
	z-index: 10;

	.trig {
		cursor: pointer;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  gap: 12px;
	  height: 44px;
	  padding: 0 30px;
	  background: #fff;
	  border-radius: 8px;
	  transition: all 300ms ease-in-out;
	}
	.list {
		position: absolute;
		top: 100%;
		display: grid;
		justify-content: center;
		gap: 12px;
		list-style: none;
		margin: 6px 0 0;
		padding: 12px;
		background: #E9E4E4;
		border-radius: 8px;
		line-height: 1.3;
		overflow: hidden;
		transition: all 300ms ease-in-out;

		&:not(.shown) {
			opacity: 0;
			visibility: hidden;
		}

		&::before {
			content: '';
			display: block;
			width: 100%;
			height: 6px;
			position: absolute;
			bottom: 100%;
		}

		& a {
			position: relative;

			&:hover {
				color: var(--color-main-hover);
			}

			&::before,
			&::after {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				height: 100%;
				width: 100%;
			}
			&::before {
				right: 100%;
			}
			&::after {
				left: 100%;
			}
		}
	}

	@media (max-width: 767px) {
		.trig,
		.list {
			width: 100%;
		}
	}

	@media (min-width: 768px) {
		.list {
			min-width: 100%;
		}
	}
}

/*
*******************************************************************************/

form.search {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	display: flex;
	border-radius: 8px;
	background: var(--color-main);
	transition: all 300ms ease-in-out;

	& input {
		flex-grow: 1;
		border-color: var(--color-main);
	}
	& button {
		flex: 0 0 44px;
		display: flex;
		align-items: center;
		justify-content: center;

		& svg {
			margin-bottom: 1px;
		}
		.text {
			display: none;
		}
	}

	&:has(input:focus) {
		background-color: var(--color-main-active);
	}

	&:has(button:hover) {
		background-color: var(--color-main-hover);
	}

	.result {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 1;
		margin-top: 14px;
		padding: 0 30px;
		max-height: 490px;
		background: #fff;
		border: 1px solid var(--color-main);
		border-radius: 8px;
		overflow: auto;
		transition: all 300ms ease-in-out;
		opacity: 0;
		visibility: hidden;

		&.shown {
			opacity: 1;
			visibility: visible;
		}

		& ul {
			list-style: none;
			display: grid;
		}

		& li a {
			display: grid;
			align-items: center;
			grid-template-columns: 40px 1fr;
			gap: 14px;
			padding: 8px 0;
			border-bottom: 1px dashed var(--color-border);
			/*text-decoration: underline;
			text-decoration-style: solid;
			text-underline-offset: 3px;
			text-decoration-thickness: 1px;
			text-decoration-color: currentColor;*/

			/*&:hover {
				text-decoration-color: transparent;
			}*/

			li:last-child & {
				border-bottom: none;
			}

		}

		& > a {
			display: none;
		}

	}

}

/*
*******************************************************************************/

header.site {
	position: relative;
	position: sticky;
	top: 0;
	z-index: 100;
	padding: 15px 0 24px;
	transition: all 300ms linear;

	.scrolled & {
		margin: 0 calc(var(--margin-side) * -1);
		padding-left: var(--margin-side);
		padding-right: var(--margin-side);
		border-radius: 0;
		box-shadow: 0 0 5px rgba(0,0,0,.1);
	}

	.row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 12px;
	}
	.logo {
		flex-grow: 1;
		height: 23px;
	}
	.tools a {
		position: relative;

		.numb {
			position: absolute;
			height: 22px;
			min-width: 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 12px;
			color: var(--color-lite);
			background: var(--color-accent);
			border-radius: 11px;
			transition: all 300ms ease-in-out;
		}

		&.empty .numb {
			opacity: 0;
		}

	}

	& nav {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.3;
		text-transform: uppercase;
	}

	@media (max-width: 1023px) {
		.search,
		.tel .text {
			display: none;
		}
		.block {
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			padding: 42px var(--padding-side) 50px;
			background: var(--color-bg-lite);
			transition: all 300ms ease-in-out;
			opacity: 0;
			visibility: hidden;

			&.shown {
				opacity: 1;
				visibility: visible;
			}

			.head {
				display: flex;
				align-items: center;
				gap: 20px;
			}

		}

		.tools {
			z-index: 1;
			position: fixed;
			left: 0;
			bottom: 0;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: space-around;
			padding: 10px 12px 12px;
			font-size: 12px;
			line-height: 1.2;
			color: var(--color-lite);
			background: var(--color-bg-dark);
			border-radius: var(--radius) var(--radius) 0 0;

			.numb {
				top: -10px;
				left: 50%;
			}

			& a {
				display: grid;
				justify-items: center;
				gap: 2px;
			}

			& path[stroke] {
				stroke: var(--color-lite);
			}

		}

		.menu {

			.block {
				margin-top: -24px;
				border-radius: 0 0 var(--radius) var(--radius);
			}

			nav {
				margin-top: 40px;

				& ul {
					display: grid;
					gap: 16px;
				}

			}
		}

		.categories {
			width: 100%;
			flex-grow: 1;

			& button,
			& nav a {
				display: flex;
				align-items: center;
				width: 100%;
				height: 40px;
				padding: 5px;
				font-size: 12px;
				font-weight: 500;
				letter-spacing: 0.05em;
				text-transform: uppercase;
				background: #fff;
				border-radius: 20px;

				.text {
					flex-grow: 1;
				}
				.icon {
					width: 28px;
					border-radius: 50%;
					background: var(--color-main);
					transition: all 300ms ease-in-out;

					button.active & {
						rotate: -180deg;
					}

				}

			}

			.block {
				margin-top: var(--gap);
				border-radius: var(--radius);

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

				& nav {
					margin-top: 24px;
				}

				& ul {
					display: grid;
					gap: 16px;
				}

				& a {
					padding-left: 20px;
				}

			}

		}

	}

	@media (min-width: 1024px) {
		padding: 10px 0 12px;

		nav li .icon,
		.menu > button,
		.categories > button,
		.menu li:nth-child(n+6),
		.block .head,
		.tools .home,
		.tools .search,
		.tools .text {
			display: none;
		}

		.row {
			display: grid;
			grid-template-columns: auto 1fr auto;
			gap: 10px 40px;

			> .logo {
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				height: 35px;
			}
			> .tel {
				grid-column: 3 / 4;
				grid-row: 1 / 2;
				display: flex;
				align-items: center;
				font-size: 14px;
			}
			> .menu {
				grid-column: 1 / 3;
				grid-row: 1 / 2;
				color: #717171;

				& nav ul {
					display: flex;
					align-items: center;
					gap: 60px;
				}

			}
			> .tools {
				grid-column: 3 / 4;
				grid-row: 2 / 3;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				gap: 26px;

				& a {
					position: relative;
				}
				& a:not(.empty) [stroke] {
					stroke: var(--color-main-active);
				}
				.numb {
					top: -11px;
					right: -11px;
				}


			}
			> .categories {
				grid-column: 1 / 4;
				grid-row: 3 / 4;
				margin-top: 4px;

				& nav {
					position: relative;
					height: 40px;
					background: #fff;
					border-radius: 20px;
					overflow: hidden;

					& ul {
						display: flex;
						align-items: center;
						gap: 100px;
						white-space: nowrap;
						overflow-y: hidden;
						overflow-x: auto;
						padding: 0 60px;

						@media (hover: none) {
							padding-bottom: 10px;
						}

						& li {
							display: flex;
							align-items: center;
							justify-content: center;
							height: 40px;
						}

					}

					& button {
						position: absolute;
						top: 0;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 40px;
						height: 40px;
						background: var(--color-main);
						border: 5px solid #fff;
						border-radius: 50%;

						&.prev {
							left: 0;
						}
						&.next {
							right: 0;
						}

						&:disabled {
							opacity: 0;
						}

						&:active {
							background: var(--color-main-active);
						}

					}

				}

			}
		}
	}

	@media (min-width: 1200px) {
		.row .menu nav ul {
			gap: 110px;
		}
		form.search {
			width: 100%;
			max-width: 790px;
			justify-self: center;
		}
		.row .categories nav ul {
			gap: 150px;
		}
	}

	@media (hover: hover) {
		& a:hover {
			color: var(--color-main-hover);
		}
		.tel:hover path {
			stroke: var(--color-main-hover);
		}
		.tools a:hover [stroke] {
			stroke: var(--color-main-hover);
		}
		.tools a:hover .numb {
			background: var(--color-accent-hover);
		}
		.categories nav button:hover {
			background: var(--color-main-hover);
		}
	}

}

/*
*******************************************************************************/

footer.site {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1.3;

	@media (max-width: 1023px) {
		.qr,
		.bottom {
			/*display: none;*/
			margin-top:20px;
		}
	}

	@media (min-width: 1024px) {
		line-height: 1.4;

		.qr,
		& nav {
			border-left: 1px dashed var(--color-border-active);
		}

		.bottom .row {
			display: flex;
			justify-content: space-between;
			padding: 16px 0 24px;

			@media (max-width: 1199px) {
				font-size: 11px;
			}
		}
	}

	.main {
		padding: 42px 0 44px;
		color: var(--color-lite);
		background: var(--color-bg-dark);
		border-radius: var(--radius);

		.row {
			position: relative;
			padding: 0 5px 0 15px;

			@media (min-width: 1024px) {
				display: grid;
				align-items: start;
				justify-content: space-between;
				grid-template-columns: repeat(3, 1fr);
				padding: 0;
			}
		}
	}

	.logo {
		height: 30px;

		@media (min-width: 1024px) {
			position: absolute;
			top: 0;
			left: 0;
		}
	}

	& address {
		display: grid;
		align-items: start;
		gap: 10px 20px;
		grid-template-columns: 1fr 1fr;
		margin-top: 20px;

		@media (min-width: 768px) {
			grid-template-columns: repeat(3, auto);
		}

		@media (min-width: 1024px) {
			margin-top: 76px;
			grid-template-columns: 1fr;
			gap: 24px;
		}

		& a {
			display: grid;
			align-items: center;
			grid-template-columns: 26px 1fr;
			gap: 4px;
		}

		.place {
			align-items: start;

			@media (max-width: 767px) {
				grid-column: 1 / -1;
			}
		}
	}

	& nav {

		@media (max-width: 1023px) {
			margin-top: 32px;
		}

		@media (min-width: 1024px) {
			display: flex;
			justify-content: center;
		}

		& ul {

			@media (max-width: 1023px) {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				gap: 16px 14px;
			}

			@media (min-width: 1024px) {
				display: grid;
				gap: 22px;
				max-width: 154px;
			}
		}
	}

	.qr {

		@media (min-width: 1024px) {
			display: grid;
			justify-content: end;
		}

		.text {
			margin-top: 7px;
		}
	}

	@media (hover: hover) {
		& a:hover {
			color: var(--color-main-hover);
		}
	}

}

/*
*******************************************************************************/

section.sliderPromo {
	--padding-top: 40px;
	--padding-bottom: 40px;
	padding: 42px 0 50px;

	.content {
		position: relative;
	}

	.row {
		margin: 0 calc(var(--padding-side) * -1);
	}

	.item {
		--height: 170px;
		position: relative;
		padding: 0 var(--padding-side);

		@media (max-width: 767px) {
			padding-bottom: 84px;
		}

		@media (min-width: 768px) {
			--height: 240px;
		}
	}

	.h1 {

		@media (min-width: 768px) {
			position: absolute;
			top: 0;
			left: var(--padding-side);
		}

		@media (min-width: 1024px) {
			top: var(--padding-top);
		}
	}

	.pic {
		margin-top: 26px;
		height: var(--height);

		@media (min-width: 768px) {
			margin-top: 0;
			width: calc(100% - 186px);
		}

		@media (min-width: 1024px) {
			width: 100%;
			height: auto;
		}

		@media (min-width: 1200px) {
			aspect-ratio: 1200 / 520;
		}
	}

	.caption {

		.title {
			color: var(--color-main);
			font-size: 12px;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 1.3;

			@media (max-width: 767px) {
				position: absolute;
				bottom: calc(50px + 34px + var(--height));
				transform: translateY(100%);
			}

			@media (min-width: 1200px) {
				font-size: 15px;
			}
		}

		.btn {
			font-size: 12px;

			@media (max-width: 767px) {
				position: absolute;
				bottom: 0;
				left: var(--padding-side);
				right: var(--padding-side);
			}
		}

		@media (max-width: 767px) {
			.title {
				position: absolute;
			}
			& p {
				display: none;
			}
		}

		@media (min-width: 768px) {
			position: absolute;
			top: 0;
			right: var(--padding-side);
			width: 186px;
			height: 100%;
			padding: var(--padding-top) 0 var(--padding-bottom);
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			& p {
				max-width: 160px;
				margin: 0;
			}
		}
	}

	.slick-nav {
		margin-top: 34px;

		@media (min-width: 1024px) {
			position: absolute;
			bottom: var(--padding-bottom);
			left: 0;
		}
	}

	@media (min-width: 768px) {
		padding: 40px 0;
	}

	@media (min-width: 1024px) {
		padding: 0;
	}

	@media (min-width: 1200px) {
		--padding-top: 40px;
		--padding-bottom: 58px;
	}
}

/*
*******************************************************************************/

section.sliderOffers {
	--margin: calc(var(--margin-side) + var(--padding-side));
	padding: 40px 0 50px;

	.content > .head {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 0 34px;
		grid-template-columns: repeat(2, auto);

		.pretitle,
		h2 {
			flex-grow: 1;
		}
		.nav {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		@media (max-width: 767px) {
			h2 {
				margin-bottom: 34px;
			}
			.btn {
				border-radius: 25px;
			}
		}

		@media (min-width: 768px) {
			.pretitle {
				position: absolute;
				left: 0;
				bottom: 100%;
			}
		}
	}

	.content > .main {
		position: relative;
		margin: 40px calc(var(--margin) * -1) 0;
		overflow: auto;
		width: var(--jsw);

		.row {
			--gap: 12px;
			display: flex;
			gap: var(--gap);
			padding: 0 var(--margin);

			.offerItem {
				flex: 0 0 284px;
				width: 284px;
			}

			&::after {
				--w-2: calc(((var(--jsw) - var(--content-max-width)) / 2) - var(--gap));
				--w-max: max(var(--margin-side), var(--w-2));
				content: '';
				display: block;
				flex: 0 0 var(--w-max);
				height: 1px;
			}

			@media (min-width: 1200px) {
				--gap: 20px;
			}
		}

	}

	.mCSB_horizontal.mCSB_inside > .mCSB_container {
		margin-bottom: 50px;

		@media (min-width: 1200px) {
			margin-bottom: 90px;
		}
	}
	.mCSB_scrollTools.mCSB_scrollTools_horizontal {
		width: calc(100% - ((var(--margin-side) + var(--padding-side)) * 2));
		margin: 0 var(--margin);

		@media (min-width: 1300px) {
			width: calc(var(--content-max-width));
			margin: 0 auto;
		}
	}

	@media (min-width: 1300px) {
		--margin: calc((var(--jsw) - var(--content-max-width)) / 2);
	}

	@media (min-width: 768px) {
		padding: 60px 0;
	}

	@media (min-width: 1200px) {
		padding: 110px 0 100px;
	}
}

/*
*******************************************************************************/

section.homeAbout {
	padding: 42px 0 48px;

	.row {
		display: grid;
		gap: 32px;
	}

	.text {
		line-height: 1.23;
	}

	.pic_1,
	.pic_2 {
		border-radius: 12px;
		overflow: hidden;
	}

	@media (max-width: 767px) {
		.pic_1,
		.pic_2 {
			aspect-ratio: 310 / 195;
		}
		.act .btn {
			width: 100%;
		}
	}

	@media (min-width: 768px) {
		.row {
			grid-template-columns: 1fr 1fr;
			gap: 0 22px;
		}
		.head {
			grid-column: 1 / 2;
			grid-row: 1 / 2;
		}
		.text {
			grid-column: 1 / 2;
			grid-row: 2 / 3;
			margin-top: 30px;
		}
		.act {
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			margin-top: 12px;
			display: flex;
			justify-content: flex-end;
		}
		.pic_2 {
			grid-column: 1 / 2;
			grid-row: 4 / 5;
			margin-top: 30px;
			height: 200px;
		}
		.pic_1 {
			grid-column: 2 / 3;
			grid-row: 1 / 5;
			margin-top: calc(18px + 0.25em);
			font-size: var(--h1);
		}
	}

	@media (min-width: 1200px) {
		padding: 86px 0 100px;

		.row {
			grid-template-rows: auto auto auto 1fr;
		}
		.pic_1,
		.pic_2 {
			border-radius: 20px;
		}
		.text {
			margin-top: 35px;
			max-width: 502px;
		}
		.act {
			max-width: 502px;
			margin-bottom: 35px;
		}
		.pic_1 {
			min-height: 630px;
		}
		.pic_2 {
			height: 285px;
			margin-top: auto;
		}
	}
}

/*
*******************************************************************************/

article.offerCard {
	padding: 0 0 48px;

	& h1 {
		font-size: 22px;
	}

	.media {
		position: relative;

		.pic {
			border-radius: 12px;
			overflow: hidden;
		}

		.main .pic {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			background: #fff;
		}
		.side .pic {
			border: 1px solid transparent;
			transition: all 300ms ease-in-out;
		}
		.side .slick-current .pic {
			border-color: var(--color-main);
		}
	}

	.meta {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 30px;

		.offerAct {
			flex: 0 0 100%;
			margin-top: 20px;
		}
	}

	.have {
		color: var(--color-main);

		&.not {
			color: var(--color-border-active);
		}
	}

	.props {
		margin-top: 34px;
		line-height: 1.23;

		& dl div {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			/*padding: 8px 0 4px;*/
			line-height: 30px;
			border-bottom: 1px dashed var(--color-border);
		}
		& dt {
			color: var(--color-border-active);
		}
		& dd {
			max-width: 50%;
			text-align: right;
		}
		.btn {
			margin-top: 24px;
			width: 100%;

			&.active div:nth-child(1),
			&:not(.active) div:nth-child(2) {
				display: none;
			}
		}

		@media (max-width: 1199px) {
			& dl div:nth-child(n + 7):not(.shown) {
				display: none;
			}
		}
	}

	.desc {
		margin-top: 34px;

		& h2 {
			margin-bottom: 8px;
		}
	}

	@media (max-width: 767px) {
		.media {
			margin-top: 30px;

			.main {
				margin: 0 calc(var(--padding-side) * -1);

				.slick-track {
					display: grid;
					grid-auto-flow: column;
				}
				.slick-slide {
					float: none;
					padding: 0 var(--padding-side);
				}
				.slick-arrow {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					z-index: 1;

					&.btn_prev {
						left: calc(var(--padding-side) + 10px);
					}
					&.btn_next {
						right: calc(var(--padding-side) + 10px);
					}
				}
			}

			.side {
				margin: 8px -4px 0;

				.slick-slide {
					padding: 0 4px;
				}
			}
		}
	}

	@media (min-width: 768px) {
		.media {
			display: grid;
			grid-template-columns: 100px 450px;
			width: 560px;
			margin-top: 30px;
			gap: 10px;

			.main {
				order: 2;
			}
			.side {
				order: 1;
				padding: 61px 0;

				.slick-slide {
					padding: 5px 0;
				}
			}
			.slick-arrow {
				position: absolute;
				left: 50%;
				transform: translateX(-50%) rotate(90deg);
			}
			.btn_prev {
				top: 0;
			}
			.btn_next {
				bottom: 0;
			}
		}
		.meta {
			gap: 10px 30px;

			.offerCost {
				margin-right: auto;
			}
			.offerAct {
				flex: 0 0 auto;
				margin: 0;
			}
		}
	}

	@media (min-width: 1024px) {
		.row {
			position: relative;
			display: grid;
			align-items: start;
			grid-template-columns: 560px 1fr;
			grid-template-rows: repeat(4, auto);
			gap: 30px;
		}
		.media {
			position: relative;
			grid-column: 1 / 2;
			grid-row: 1 / 4;
			margin: 0;
		}
		.meta,
		.offerAct,
		.props {
			margin: 0;
		}
		.offerLabels {
			top: 20px;
			right: auto;
			left: 130px;
			justify-content: flex-start;
		}
		.desc {
			grid-column: 1 / -1;
			grid-row: 4 / 5;
			margin-top: 12px;

			& h2 {
				margin-bottom: 20px;
			}
		}
		.meta {
			gap: 10px 60px;

			.offerCost {
				margin-right: 0;
				font-size: 40px;
				line-height: 48px;

				& svg {
					width: 23px;
					margin-bottom: -4px;
				}
			}
			.have {
				flex: 0 0 100%;
			}
			.offerAct {
				flex: 1 1;
			}
			.tools {
				position: absolute;
				top: 20px;
				left: 560px;
				transform: translateX(-100%);
				margin-left: -20px;
			}
		}
	}

	@media (min-width: 1200px) {
		padding-bottom: 90px;

		.row {
			align-items: stretch;
			gap: 40px 52px;
			grid-template-rows: 70px 80px 1fr auto;
		}
		& h1 {
			/*height: 70px;*/
			font-size: 28px;
			/*-webkit-line-clamp: 2;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;*/
		}
		.media .side {
			padding: 59px 0;

			.btn_next {
				top: 405px;
				bottom: auto;
			}
		}
		.meta .have {
			line-height: 22px;
		}
		.props {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.props dl {
			column-count: 2;

			& div:nth-child(n + 8):not(.shown) {
				display: none;
			}
		}
		.props dd {
			max-width: 60%;
		}
	}

}

/*
*******************************************************************************/

aside.filters {

	.h2 {
		display: flex;
		align-items: center;
		height: 28px;
		gap: 30px;

		& svg {
			margin-bottom: -2px;
		}
	}

	.range {

		.interface {
			margin: 24px 11px 26px;
		}
		.values {
			display: grid;
			align-items: center;
			grid-template-columns: 1fr 10px 1fr;
			gap: 7px;

			hr {
				width: 100%;
				height: 1px;
				background: var(--color-dark);
			}
		}
	}

	.price {
		position: relative;
		margin-top: 28px;

		.title {
			line-height: 1.23;
			text-transform: uppercase;
		}
		.reset {
			display: flex;
			align-items: center;
			gap: 8px;
			position: absolute;
			top: 0;
			right: 0;
			text-decoration: underline;
			transition: all 300ms ease-in-out;
			opacity: 0;
			visibility: hidden;

			&.shown {
				opacity: 1;
				visibility: visible;
			}
		}
	}

	.act {
		margin-top: 40px;
		display: grid;
		gap: 16px;

		.btn.active div:nth-child(1),
		.btn:not(.active) div:nth-child(2) {
			display: none;
		}
	}

	& fieldset {
		position: relative;
		display: grid;
		justify-items: start;
		gap: 16px;
		margin-top: 34px;

		&:not(.shown).extra {
			display: none;
		}

		&:has(legend) {
			&::before {
				content: '';
				display: block;
				width: 100%;
				height: 26px;
			}
		}

		& legend {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 14px;
			font-weight: 500;
			line-height: 26px;
			text-transform: uppercase;
			border-bottom: 1px dashed var(--color-border);

			& path[stroke] {
				stroke: var(--color-main);
			}
		}
		& label:nth-child(n+6) {
			display: none;
		}

		.toggle {
			padding-bottom: 1px;
			border-bottom: 1px solid currentColor;

			@media (hover: hover) {
				&:hover {
					border-bottom-color: transparent;
				}
			}
		}
		.toggle.active div:nth-child(1),
		.toggle:not(.active) div:nth-child(2) {
			display: none;
		}

		&:not(.opened) {
			& label,
			.toggle {
				display: none;
			}
			& legend .icon {
				rotate: -90deg;
			}
		}
	}

	@media (max-width: 1023px) {
		position: fixed;
		top: calc(var(--gap) + 117px + var(--gap));
		left: var(--margin-side);
		right: var(--margin-side);
		bottom: 64px;
		padding: 48px var(--padding-side) 0;
		z-index: 11;
		background: var(--color-bg-lite);
		border-radius: var(--radius) var(--radius) 0 0;
		transition: all 300ms ease-in-out;
		opacity: 0;
		visibility: hidden;

		&.shown {
			opacity: 1;
			visibility: visible;
		}

		& form.search {
			margin-top: 48px;
		}

		& form.filters {
			height: calc(100% - 38px);
			overflow: auto;
			margin: 10px calc(var(--padding-side) * -1) 0 0;
			padding: 20px var(--padding-side) 54px 0;
		}
		& form.search + form.filters {
			height: calc(100% - 134px);
		}
	}

	@media (min-width: 1024px) {
		padding: 10px 18px 20px;
		background: #fff;
		border-radius: 20px;

		.h2 {
			display: none;
		}

		.range .interface {
			margin: 30px 11px;
		}
	}

	@media (hover: hover) {
		.price .reset:hover {
			color: var(--color-main-hover);

			& path {
				stroke: var(--color-main-hover);
			}
		}
	}
}

/*
*******************************************************************************/

section.linksGroups {
	margin-top: 50px;

	.content {
		padding: 34px;
		background: #fff;
		border-radius: 20px;
	}
	& th {
		font-size: 15px;
		font-weight: 500;
		text-transform: uppercase;
		padding-right: 16px;
	}
	& td {
		width: 100%;
	}
	& a,
	& span {
		display: inline-block;
		margin-right: 12px;
	}
	& a {
		text-decoration: underline;
		text-underline-offset: 2px;
		text-decoration-thickness: 1px;

		@media (hover: hover) {
			&:hover {
				color: var(--color-main-hover);
			}
		}
	}

	@media (max-width: 1023px) {
		display: none;
	}
}

/*
*******************************************************************************/

section.linksBubbles {
	margin: 36px 0 0;

	.content {
	  -ms-overflow-style: none;
	  scrollbar-width: none;
	  overflow-x: scroll;
	}
	.content::-webkit-scrollbar {
	  display: none;
	}
	.row {
		display: grid;
		grid-auto-flow: column;
		justify-content: start;
		gap: 6px;

		&::after {
			content: '';
			display: block;
			width: var(--margin-side);
			height: 100%;
		}
	}
	& a {
		display: flex;
		align-items: center;
		height: 48px;
		padding: 0 26px;
		border: 1px solid var(--color-dark);
		border-radius: 24px;
		white-space: nowrap;
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		background: var(--color-bg-lite);

		&.current {
			padding-right: 10px;
			color: var(--color-main);
			border-color: var(--color-main);

			.icon {
				width: 28px;
				height: 28px;
				margin-left: 16px;
				border-radius: 50%;
				background: var(--color-main);

				& svg {
					width: 10px;
					height: 10px;
				}
			}
		}
	}

	@media (max-width: 1199px) {
		.content {
			margin: 0 0 0 calc(var(--margin-side) * -1);
			width: var(--jsw);
			padding: 0 var(--margin-side);
		}
		.row {
			gap: 10px;
			padding: 0 var(--padding-side);
		}
	}

	@media (min-width: 1200px) {
		margin-top: 40px;
	}

	@media (hover: hover) {
		.row {
			display: flex;
			flex-wrap: wrap;
		}
		& a:hover {
			color: var(--color-main-hover);
			border-color: var(--color-main-hover);
			text-decoration: none;

			.icon {
				background: var(--color-main-hover);
			}
		}
	}
}

/*
*******************************************************************************/

section.catalogTools {

	.toggleFilters {
		height: 44px;
		gap: 15px;
		font-size: 15px;
		font-weight: 400;
		text-transform: none;
	}

	@media (max-width: 767px) {
		display: grid;
		gap: 16px;

		.toggleFilters {
			width: 100%;
		}
	}

	@media (min-width: 768px) {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	@media (min-width: 1024px) {
		.toggleFilters {
			display: none;
		}
	}
}

/*
*******************************************************************************/

article.catalog {
	padding: 40px 0;

	& section.offers {
		display: grid;
		margin-top: 40px;
		gap: 20px;
	}

	@media (max-width: 1023px) {
		.toggleView {
			display: none;
		}
	}

	.content:has(aside.filters) {
		@media (max-width: 1199px) {
			.toggleView {
				display: none;
			}
		}
	}

	@media (min-width: 660px) {
		& section.offers {
			grid-template-columns: repeat(2, 1fr);

			& > div {
				grid-column: 1 / -1;
			}
		}
	}

	@media (min-width: 1024px) {

		.content:has(aside.filters) {
			display: grid;
			align-items: start;
			grid-template-columns: 290px 1fr;
			grid-template-rows: auto auto 1fr;
			gap: 0 14px;

			& aside.filters {
				grid-row: 1 / -1;
				/*overflow: hidden;*/
			}
			& section.offers {
				grid-template-columns: repeat(2, 1fr);
			}
		}

		&.hide_filters .content:has(aside.filters) {
			grid-template-columns: 1fr;

			& aside.filters {
				display: none;
			}
			& section.offers {
				grid-template-columns: repeat(3, 1fr);
			}
		}

		& section.offers {
			margin-top: 30px;
			grid-template-columns: repeat(3, 1fr);
		}
		& section.offers.list {
			grid-template-columns: 1fr !important;
		}
	}

	@media (min-width: 1200px) {

		.content:has(aside.filters) {
			& section.offers:not(.list) {
				grid-template-columns: repeat(3, 1fr);
			}
		}

		& section.offers:not(.list),
		&.hide_filters .content:has(aside.filters) section.offers:not(.list) {
			grid-template-columns: repeat(4, 1fr);
		}
	}
}

/*
*******************************************************************************/

section.search {
	padding: 48px 0;

	form.search {
		margin-top: 22px;
	}

	.toggleFilters {
		cursor: pointer;
		display: grid;
		justify-items: center;
		gap: 8px;
		margin: 40px auto 0;

		.icon {
			width: 44px;
			height: 44px;
			background: var(--color-main);
			border-radius: 50%;
			transition: all 300ms ease-in-out;

			& svg {
				width: 15px;
			}
		}
		.text {
			font-size: 17px;
			line-height: 1.3;
			text-decoration: underline;
			text-underline-offset: 2px;
		}

		&.active .icon {
			rotate: 180deg;
		}
		&.active .text div:nth-child(1),
		&:not(.active) .text div:nth-child(2) {
			display: none;
		}

		@media (hover: hover) {
			&:hover {
				color: var(--color-main-hover);
			}
		}
	}

	@media (min-width: 1024px) {

		form.search {
			margin-top: 30px;
			width: 790px;
			gap: 10px;
			background: none;

			& button[type="submit"] {
				flex: 0 0 190px;
				color: var(--color-lite);
				background: var(--color-main);
				border-radius: 8px;

				.icon {
					display: none;
				}
				.text {
					display: block;
				}
			}
		}
	}

	@media (min-width: 1200px) {
		padding: 90px 0;
	}
}

section.search + article.catalog {
	margin-top: -48px;

	@media (min-width: 1200px) {
		margin-top: -90px;
	}
}

/*
*******************************************************************************/

article.cart {
	padding: 0 0 50px;
}

section.cartOffers {
	margin-top: 36px;
	background: #fff;
	border-radius: var(--radius);

	.item {
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 20px 28px;

		.title {
			line-height: 1.3;
		}

		.pic {
			width: 84px;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.cost {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			gap: 5px;
			font-size: 18px;
			font-weight: 500;

			& svg {
				height: 13px;
				margin-top: 3px;
			}
		}
		.del {
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	@media (max-width: 1023px) {
		.item .price {
			display: none;
		}
	}

	@media (max-width: 767px) {
		.item .summ .desc,
		.item .count .desc {
			display: none;
		}
		.item .title {
			grid-column: 1 / 3;
			grid-row: 1 / 2;
			padding-right: 20px;
		}
		.item .pic {
			grid-column: 1 / 2;
			grid-row: 2 / 4;
			padding-top: 20px;
		}
		.summ {
			grid-column: 2 / 3;
			grid-row: 2 / 3;

			.cost {
				margin-top: 16px;
			}
		}
		.count {
			grid-column: 2 / 3;
			grid-row: 3 / 4;
			margin-top: 20px;
		}
		.del {
			position: absolute;
			top: 20px;
			right: 20px;
			width: 20px;
			height: 20px;
		}
	}

	@media (min-width: 768px) {
		.item {
			align-items: center;
			grid-template-columns: 84px 1fr 140px auto 20px;
			gap: 20px;

			.desc {
				color: var(--color-border-active);
			}
			.pic {
				grid-column: 1 / 2;
			}
			.title {
				grid-column: 2 / 3;
			}
			.count {
				grid-column: 3 / 4;

				.desc {
					grid-column: 1 / 4;
					grid-row: 2 / 3;
					text-align: center;
				}
			}
			.summ {
				grid-column: 4 / 5;

				.cost {
					height: 48px;
				}
			}
			.del {
				height: 100%;
			}
		}
	}

	@media (min-width: 1024px) {
		.item {
			padding: 30px;
			/*grid-template-columns: 84px 1fr auto 140px auto;*/
			grid-template-columns: repeat(6, auto);

			.pic {
				grid-column: 1 / 2;
			}
			.title {
				grid-column: 2 / 3;
			}
			.price {
				grid-column: 3 / 4;

				.cost {
					height: 48px;
					justify-content: flex-start;
				}
			}
			.count {
				grid-column: 4 / 5;
			}
			.summ {
				grid-column: 5 / 6;
			}
			.del {
				width: 20px;
			}
		}
	}

	@media (min-width: 1200px) {
		.item {
			grid-template-columns: 120px 1fr 170px 160px 170px 20px;

			.title {
				padding-right: 50px;
			}
			.pic {
				width: 120px;
				height: 120px;
			}
			.cost {
				font-size: 28px;

				& svg {
					height: 20px;
				}
			}
			.count {
				justify-content: start;
			}
			.summ {
				display: grid;
				justify-content: center;
			}
		}
	}
}

section.cartTotal {
	margin-top: 12px;
	padding: 18px 28px 24px;
	background: #fff;
	border-radius: var(--radius);

	.desc {
		line-height: 1.3;
		color: var(--color-border-active);
	}

	& form.code {
		position: relative;

		& button {
			position: absolute;
			bottom: 0;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 48px;
			height: 48px;

			.icon {
				width: 28px;
				height: 28px;
				background: var(--color-main);
				border-radius: 50%;
			}
		}
	}

	.info {
		position: relative;
		display: flex;
		align-items: center;
		gap: 4px;

		.cost {
			display: flex;
			align-items: center;
			gap: 4px;

			& svg {
				margin-top: 3px;
				height: 13px;
			}
		}

		.name .text,
		.value .cost {
			font-size: 18px;
			font-weight: 500;
			text-transform: uppercase;
		}
		.name .desc {
			height: 18px;

			& svg {
				margin-top: 3px;
				height: 12px;

				& path {
					stroke-width: 1px;
				}
			}
		}
	}

	@media (max-width: 767px) {
		.info {
			margin-top: 24px;
		}
		.info .value .desc {
			display: none;
		}
		.info .name .desc {
			position: absolute;
			top: 100%;
			left: 0;
			display: flex;
			align-items: center;
			gap: 4px;
			margin-top: 10px;
		}
		.nextStep {
			margin-top: 56px;
			width: 100%;
		}
	}

	@media (min-width: 768px) {
		display: grid;
		grid-template-columns: 2fr 1fr;

		& form.code {
			grid-column: 1 / 3;
			margin-bottom: 20px;
		}
		.info {
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.info .desc {
			min-height: 18px;
		}
		.info .name .text,
		.info .value .cost {
			height: 22px;
		}
	}

	@media (min-width: 1024px) {
		padding: 30px;
		gap: 20px;
		align-items: center;
		grid-template-columns: repeat(3, auto);

		& form.code {
			grid-column: 1 / 2;
			margin-right: 40px;
		}
	}

	@media (min-width: 1200px) {
		margin-top: 40px;
		padding-bottom: 58px;
		grid-template-columns: 1fr 380px 170px;

		& > form label .title {
			margin-bottom: 12px;
		}
		.info {
			gap: 20px;
			grid-template-columns: 160px 200px;
		}
		.nextStep {
			padding: 0 20px;
		}
		.info .name .text {
			height: auto;
			font-size: 28px;
			line-height: 50px;
			letter-spacing: 0.02em;
		}
		.info .value .cost {
			height: auto;
			gap: 6px;
			font-size: 40px;
			line-height: 50px;

			& svg {
				height: 28px;
			}
		}
	}
}

/*
*******************************************************************************/

section.compare {
  margin-top: 34px;
	padding-bottom: 50px;

	.head {
	  position: relative;
	  z-index: 2;
	  background: var(--color-bg-lite);
		padding-bottom: 24px;

	  .offerAct {
	  	margin-top: 28px;
	  	display: grid;
	  	gap: 16px;
	  }

	  /*&::after {
	  	content: '';
	  	display: block;
	  	width: 20px;
	  	height: 100%;
	  	position: absolute;
	  	left: 100%;
	  	top: 0;
	  	background: var(--color-bg-lite);
	  }*/
	}
	.body {
	  display: grid;
	  gap: 22px;
	}
	.prop {
		position: relative;
	  display: grid;

	  &._hide {
		  position: absolute;
		  opacity: 0;
		  visibility: hidden;
		}
	}

	.name {
		color: var(--color-border-active);
	}
	.value {
		line-height: 1.23;

		& img {
			width: 100%;
			max-width: 160px;
		}
	}

	.toCatalog {
		margin-top: 28px;
		display: grid;
		align-items: center;
		justify-items: center;
		gap: 10px;
		padding: 28px 0 30px;
		color: var(--color-lite);
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1.3;
		border-radius: 8px;
		background: var(--color-main);

		.icon {
			position: relative;
			display: flex;
			border-radius: 50%;
			background: #fff;
		}
	}

	@media (max-width: 743px) {
	  .mobCat {
	    font-size: 22px;
	    text-transform: uppercase;
	  }
	  .mobRow {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    gap: 20px;
	  }
	  .row,
	  .values {
	    position: relative;
	    width: calc((100vw - ((var(--margin-side) + var(--padding-side)) * 2) - 20px) / 2);
	  }
	  .cat {
	    display: none;
	  }
	  .head {
	  	padding-top: 40px;
	    z-index: 2;
	    transition: all 300ms linear;
	  }
	  .row._clone .head {
	    z-index: 1;
	  }
	  .list {
	    margin: 0 -10px;
	  }
	  .row._clone .prop_name {
	    opacity: 0;
	  }
	  .prop {
	  	padding-top: 26px;
	  }
	  .name {
  		position: absolute;
	  	top: 0;
	  	left: 0;
	  	width: calc(100vw - ((var(--margin-side) + var(--padding-side)) * 2));
	  	height: 20px;
	  	padding-bottom: 4px;
	  	border-bottom: 1px dashed var(--color-border);
  	}
	}

	@media (min-width: 1024px), (orientation: portrait) and (min-height: 150vw) {
		.name {}
	  .head {
	    position: sticky;
	    top: 0px;
	  }
	  /*.row._clone .head::before {
	    content: '';
	    display: block;
	    position: absolute;
	    top: 0;
	    right: calc(var(--padding-side) * -1);
	    width: 100vw;
	    height: 100%;
	    background: #fff;
	    box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);
	    transition: all 300ms linear;
	    opacity: 0;
	  }
	  .row._clone .head._scrolled::before {
	    opacity: 1;
	  }*/

	}

	@media (min-width: 744px) {
	  .compareOffers {
	    font-size: 15px;
	  }
	  .mobCat {
	    display: none;
	  }
	  .head,
	  .prop {
	    display: grid;
	    grid-template-columns: 216px 1fr;
	    padding-bottom: 10px;
	    border-bottom: 1px dashed var(--color-border);
	  }
	  .head {
	    padding: 10px 0 20px;
	  }
	  .value {
	  	padding-left: 20px;

	  	.offerAct {
	  		margin-top: 16px;
	  	}
	  }
	  .slick-arrow {
	  	position: absolute;
	  	bottom: 100%;
	  	margin-bottom: 45px;
	  }
	  .btn_prev {
	  	right: 55px;
	  }
	  .btn_next {
	  	right: 0;
	  }
	  .body {
	  	gap: 10px;
	  	margin-top: 10px;
	  }
	  .body .slick-arrow {
	  	display: none !important;
	  }
	}

	@media (min-width: 1024px) {
	  .head,
	  .prop {
	    grid-template-columns: 285px 1fr;
	  }
	  .cat {
	    font-size: 32px;
	  }
	  .list .offer,
	  .prop_value {
	    width: 305px;
	    border-right-width: 20px;
	  }
	  .body {
	    gap: 0;
	  }
	  .prop {
	    padding: 19px 0;
	  }
	  .offerAct {
			grid-template-columns: 1fr auto;
			padding-right: 1px;
		}
	}

	@media (min-width: 1280px) {
	  .compareOffers {
	    overflow: hidden;
	  }
	  .meta,
	  .prop_name {
	    background: #fff;
	    z-index: 1;
	  }
	  .list > .slick-list,
	  .prop_values > .slick-list {
	    overflow: visible;
	    position: relative;
	  }
	  .list > .slick-list::before,
	  .prop_values > .slick-list::before {
	    content: '';
	    display: block;
	    position: absolute;
	    top: 0;
	    right: 100%;
	    width: 100vw;
	    height: 100%;
	    background: #fff;
	    z-index: 1;
	  }
	}

	@media (hover: hover) {
	  .list .offer {
	    cursor: e-resize;
	  }
	  .list .slick-list {
	    margin: -10px 0;
	    padding: 10px 0;
	  }
	  .list .offer:hover {
	    width: 325px;
	  }
	}
}

/*section.compare .diff {
  position: absolute;
  bottom: 20px;
  left: 0;
  margin: 0;
  white-space: nowrap;
  z-index: 1;
  transition: all 300ms linear;

	input[type="checkbox"] {
	  display: none;
	}
	input[type="checkbox"] + div {
	  padding: 0 52px 0 0;
	  line-height: 24px;
	}
	input[type="checkbox"] + div::after,
	input[type="checkbox"] + div::before {
	  content: '';
	  display: block;
	  border: none;
	  position: absolute;
	  left: auto;
	}
	input[type="checkbox"] + div::after {
	  top: 4px;
	  right: 22px;
	  width: 16px;
	  height: 16px;
	  background: #D6D6D6;
	  border-radius: 50%;
	  z-index: 1;
	  opacity: 1;
	  visibility: visible;
	  transition: all 300ms linear;
	}
	input[type="checkbox"] + div::before {
	  top: 0;
	  right: 0;
	  width: 42px;
	  height: 24px;
	  border-radius: 15px;
	  background: #F1F1F1;
	}
	input[type="checkbox"]:checked + div::after {
	  right: 4px;
	  background: #F398C0;
	}

	@media (max-width: 743px) and (orientation: portrait) and (min-height: 150vw) {
		.head._scrolled & {
	    opacity: 0;
	  }
	}

	@media (min-width: 744px) {
    bottom: 0;
    right: 0;
    left: auto;
	}
}*/

/*
*******************************************************************************/

section.opt {
	padding-bottom: 50px;

	& form {
		display: grid;
		gap: 18px;
		margin-top: 36px;
		padding: 24px;
		background: #fff;
		border-radius: 20px;
	}

	@media (min-width: 1024px) {
		& form {
			padding: 40px 50px;
		}
		.btn {
			margin-top: 30px;
		}
	}
}

/*
*******************************************************************************/

article.events {

	.row {
		display: grid;
		gap: 20px;
		padding: 36px 0;
	}
	.event {
		display: grid;
		gap: 16px;
		padding: 16px;
		border-radius: 20px;
		border: 1px solid #fff;
		background: #fff;

		.pic {
			aspect-ratio: 1 / 1;
			border-radius: 5px;
			overflow: hidden;
		}
		.title {
			height: 40px;
			font-size: 15px;
			font-weight: 500;
			line-height: 20px;
			text-transform: uppercase;
			-webkit-line-clamp: 2;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}
		.date {
			color: #717171;
			font-size: 14px;
			line-height: 1.3;
		}
	}

	@media (min-width: 768px) {
		.row {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (min-width: 768px) {
		.row {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	@media (min-width: 1200px) {
		.row {
			padding: 42px 0;
			grid-template-columns: repeat(4, 1fr);
		}
	}

	@media (hover: hover) {
		.event:hover {
			border-color: var(--color-main);
		}
	}
}

/*
*******************************************************************************/

section.contacts {
	display: grid;
	gap: 12px;
	margin: 28px 0 24px;
	line-height: 1.3;

	& > a,
	& > div {
		padding: 18px 20px;
		background: #fff;
		border-radius: 10px;
	}
	& > a,
	.time,
	.address,
	.requisites {
		display: grid;
		grid-template-columns: 24px 1fr;
		gap: 8px;

		.icon {
			width: 24px;
		}
	}
	& > a {
		align-items: center;
	}
	.offline {
		display: grid;
		gap: 16px;
	}

	@media (min-width: 1024px) {
		&,
		.offline {
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
		}
		.offline {
			grid-column: 1 / 3;
			padding: 0 !important;

			.address,
			.time {
				padding: 18px 20px;
			}
		}
		.requisites {
			grid-column: 1 / 3;
		}
	}

	@media (min-width: 1600px) {
		margin: 36px 0 32px;

		& > a,
		.offline {
			border-radius: 18px;
		}
		& > a,
		.address,
		.time {
			padding: 18px 46px;
		}
	}
}

/*
*******************************************************************************/

article.return {
	padding-bottom: 50px;

	.row {
		margin-top: 32px;
	}
	& h3 {
		margin-bottom: 22px;
	}
	.side {
		padding: 18px 20px;
		background: #fff;
		border-radius: 10px;
	}
	.requisites {
		display: none;
	}

	@media (min-width: 1024px) {
		.row {
			display: grid;
			gap: 22px;
			grid-template-columns: repeat(2, 1fr);
		}
		.side {
			padding: 28px;
		}
	}

	@media (min-width: 1600px) {
		.row {
			margin-top: 36px;
		}
		& h3 {
			margin-bottom: 36px;
		}
		.side {
			padding: 40px;
			border-radius: 18px;
		}
	}
}

/*
*******************************************************************************/

article.contacts {
	padding-bottom: 50px;

	.row {
		display: grid;
		gap: 46px;
	}
	.main {
		display: flex;
		flex-direction: column;
		gap: 10px;

		section.contacts {
			margin-bottom: 0;
		}
		.map {
			flex-grow: 1;
			border-radius: 10px;
			overflow: hidden;
			border: 1px solid var(--color-main);

			@media (max-width: 1023px) {
				height: 180px;
			}
		}
	}
	.side {
		.inner {
			padding: 30px 24px;
			background: #fff;
			border-radius: 10px;
		}
		& h2 {
			text-align: center;
		}
		& form {
			display: grid;
			gap: 18px;
			margin-top: 20px;
		}
	}

	@media (min-width: 1024px) {
		.row {
			margin-top: 46px;
			grid-template-columns: repeat(2, 1fr);
		}
		section.contacts {
			margin: 0;
		}
		.side form {
			border-radius: 18px;
		}
	}

	@media (min-width: 1200px) {
		padding-bottom: 100px;

		.row {
			grid-template-columns: 590px 1fr;
		}
		.side h2 {
			font-size: 28px;
			text-align: left;
		}
		.side .inner {
			width: 510px;
			margin: 0 auto;
			padding: 30px 30px 40px;
		}
	}
}

/*
*******************************************************************************/

article.delivery {

	.h2 {
		margin-bottom: 30px;
	}
	h3 {
		margin-bottom: 18px;

		&:not(:first-child) {
			margin-top: 32px;
		}
	}
	.city .head {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		height: 50px;
		margin-top: 38px;
		border-radius: 8px;
		color: var(--color-lite);
		background: var(--color-main);
		font-size: 16px;
		text-transform: uppercase;
	}
	.city .body {
		margin-top: 12px;
		padding: 34px 24px;
		border-radius: 20px;
		background: var(--color-lite);
	}
	.price,
	.contacts {
		padding: 24px;
		border: 1px solid var(--color-main);
		border-radius: 10px;
	}
	.price {
		margin-bottom: 24px;

		& thead {
			color: var(--color-border-active);
			font-size: 12px;

			& tr {
				height: auto;
			}
		}

		& tr {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			height: 30px;
			padding-bottom: 2px;
			border-bottom: 1px dashed var(--color-border);
		}

		& th {
			text-align: left;
		}

		& td {
			text-align: right;
		}

		& svg {
			display: inline-block;
			margin-left: 4px;
			height: 11px;

			& path {
				stroke-width: 1px;
			}
		}
	}
	.contacts {
		display: grid;
		gap: 16px;
		line-height: 1.23;

		& a[href^="tel:"] {
			line-height: 26px;
		}

		.string {
			display: grid;
			grid-template-columns: 24px auto;
			gap: 8px;
		}
		.toggle {
			cursor: pointer;
			color: var(--color-main-active);
			text-decoration: underline;
			text-underline-offset: 2px;
			text-decoration-color: var(--color-main-active);

			@media (hover: hover) {
				&:hover {
					text-decoration-color: transparent;
				}
			}
		}
		.toggle:not(.active) div:nth-child(2),
		.toggle.active div:nth-child(1) {
			display: none;
		}
		.map {
			display: none;
			padding-top: 16px;
			height: 160px;

			@media (min-width: 768px) {
				height: 180px;
			}
		}
	}
	.contacts + .contacts {
		margin-top: 12px;
	}

	@media (min-width: 1200px) {
		& h3 {
			font-size: 22px;
		}
		.row {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
			margin-top: 34px;
		}
		.city .head {
			margin-top: 0;
			height: 70px;
			font-size: 22px;
		}
		.city .body {
			padding: 28px 20px;
			border-radius: 8px;
		}
		& .price {
    	padding: 20px 30px 12px;

    	& tr {
    		align-items: center;
    		height: 46px;

    		&:last-child:not(:first-child) {
    			border: none;
    		}
    	}
    	& thead tr {
    		height: 20px;
    	}
    }
	}
}
/*
*******************************************************************************/

article.payment {
	padding-bottom: 50px;

	h3 {
		margin-bottom: 18px;

		&:not(:first-child) {
			margin-top: 22px;
		}
	}

	.city h3 {
		margin-bottom: 12px;
	}
	.city > .head {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		height: 50px;
		margin-top: 38px;
		border-radius: 8px;
		color: var(--color-lite);
		background: var(--color-main);
		font-size: 16px;
		text-transform: uppercase;
	}
	.city > .body {
		margin-top: 12px;
		padding: 34px 24px;
		border-radius: 10px;
		background: var(--color-lite);
	}
	.box {
		margin-top: 12px;
		padding: 14px 18px;
		border: 1px solid var(--color-main);
		border-radius: 10px;

		.head {
			display: flex;
			align-items: baseline;
			justify-content: space-between;
			margin-bottom: 18px;
		}
	}
	.logos {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 20px;
	}

	@media (min-width: 1024px) {
		padding-bottom: 100px;

		.row {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
		}
		.city > .body > h3 {
			margin: 28px 0 16px;
			font-size: 22px;
		}
	}
}

/*
*******************************************************************************/

article.about {
	padding-bottom: 50px;

	.row {
		display: grid;
		gap: 30px;
	}
	.pic {
		margin-top: 26px;
	}
	.text {
		margin-top: 24px;

		& p:last-child {
			margin: 0;
		}
	}

	@media (min-width: 1024px) {
		.row {
			grid-template-columns: repeat(12, 1fr);
			gap: 20px;
		}
		.side {
			grid-column: 1 / 6;
			display: grid;
			align-content: start;

			& h2 {
				order: 2;
				margin-top: 36px;
			}
			.pic {
				order: 1;
				margin-top: 0;
			}
			.text {
				order: 3;
			}
		}
		.main {
			grid-column: 7 / 13;
			display: grid;
			align-content: start;

			& h2 {
				order: 1;
			}
			.pic {
				order: 3;
				margin-top: 48px;
			}
			.text {
				order: 2;
			}
		}
	}

	@media (min-width: 1200px) {
		padding-bottom: 100px;
	}
}

/*
*******************************************************************************/

article.order {
	padding: 42px 0 50px;

	.content > .row {
		display: grid;
		gap: 46px;
		margin-top: 36px;
	}
	.main {
		display: grid;
		gap: 12px;
	}
	.box {
		padding: 18px 24px;
		background: #fff;
		border-radius: 10px;
		line-height: 1.23;
	}
	.note {
		display: grid;
		grid-template-columns: 20px 1fr;
		gap: 8px;

		.icon {
			width: 20px;
		}
	}
	.info .btn {
		margin-top: 28px;
	}
	& h3,
	& h4 {
		margin-bottom: 16px;
	}
	& h3 {
		font-size: 22px;
	}
	& h4 {
		font-size: 18px;
	}
	& form {
		display: grid;
		gap: 18px;

		.btn {
			margin-top: 22px;
		}
	}

	@media (min-width: 1024px) {
		.content > .row {
			align-items: start;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
		}
	}

	@media (min-width: 1200px) {
		padding: 100px 0;

		.content > .row {
			grid-template-columns: 1fr 438px;
			gap: 70px;
		}
		.box {
			padding: 30px;
		}
		.note {
			padding: 20px 30px;
		}
		& h3,
		& h4 {
			font-size: 28px;
		}
		.side h3 {
			text-align: center;
		}
	}
}

/*
*******************************************************************************/

article.orders {
	padding: 44px 0 50px;

	.row {
		margin-top: 62px;
		display: grid;
		gap: 48px;
	}
	.status {
		margin-bottom: 5px;
		color: var(--color-main);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.3;
		text-transform: uppercase;
	}
	.box {
		margin-bottom: 12px;
		padding: 18px 24px;
		background: #fff;
		border-radius: 20px;
	}
	.order {
		position: relative;

		& b {
			font-size: 16px;
			font-weight: 500;
		}
		& button .icon {
			width: 30px;
			height: 30px;
			border: 1px solid var(--color-main);
			border-radius: 50%;
			transition: all 300ms linear;
		}
		& button.active .icon {
			rotate: 180deg;
		}

		@media (max-width: 1023px) {
			padding-bottom: 22px;

			& b {
				display: block;
				margin-bottom: 18px;
				line-height: 30px;
			}
			& button {
				position: absolute;
				top: 18px;
				right: 24px;
			}
			& button .text {
				display: none;
			}
		}
	}
	.persone {
		display: grid;
		gap: 22px;

		& dl {
			display: grid;
			gap: 7px;
		}
		& dt {
			font-size: 16px;
			font-weight: 500;
			line-height: 1.2;
		}
	}
	.offer {
		.pic {
			width: 120px;
			aspect-ratio: 1 / 1;
		}
		& table {
			margin-top: 16px;
		}
		& table tr {
			border-bottom: 1px dashed var(--color-border);
		}
		& table th,
		& table td {
			height: 30px;
			padding-bottom: 3px;
			vertical-align: bottom;
		}
		& table th {
			color: #717171;
			text-align: left;
		}
		& table td {
			text-align: right;
		}
		& table td svg {
			display: inline-block;
			height: 11px;
		}
		.total {
			margin-top: 18px;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.2;
		}
		.total svg {
			display: inline-block;
			height: 13px;
		}

		@media (max-width: 1023px) {
			.cost,
			.count,
			.summ {
				display: none;
			}
			.title {
				margin-top: 10px;
			}
			.total {
				display: flex;
			}
			.total i {
				font-style: normal;
			}
			.total big {
				order: 2;
			}
			.total small {
				order: 1;
				margin-right: 5px;
				text-transform: uppercase;
			}
		}

		@media (min-width: 1024px) {
			.total i {
				display: none;
			}
		}
	}
	.delpay {
		.item {
			position: relative;
		}
		& p {
			margin-bottom: 8px;
		}
		.title {
			margin-bottom: 22px;
			font-size: 16px;
			font-weight: 500;
			text-transform: uppercase;
		}
		.status {
			position: absolute;
			top: 18px;
			right: 24px;
		}
		.btn {
			margin-top: 36px;
			display: flex;
		}

		@media (max-width: 1023px) {
			display: grid;
			gap: 12px;
			padding: 0;
			background: none;

			.item {
				padding: 18px 24px;
				background: #fff;
				border-radius: 20px;
			}
		}
	}
	.actions {
		display: flex;
		align-items: center;
		justify-content: space-between;

		& a {
			text-decoration: underline;
			text-underline-offset: 3px;
		}
		.red {
			color: var(--color-accent);
		}
	}

	@media (min-width: 1024px) {
		.row {
			margin-top: 30px;
		}
		.status {
			margin-bottom: 10px;
			font-size: 15px;
		}
		.box {
			padding: 26px 50px;
		}
		.order {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.title {
				font-weight: 500;

				& b {
					font-size: inherit;
				}
			}
			& button {
				display: flex;
				align-items: center;
				gap: 28px;

				.icon {
					width: 38px;
					height: 38px;
				}
				.text {
					font-size: 17px;
					text-decoration: underline;
					text-underline-offset: 3px;
				}
			}
		}
		.persone {
			gap: 30px;
			grid-template-columns: repeat(3, auto);

			& dt {
				text-transform: uppercase;
			}
			& dl:nth-child(4) {
				grid-column: 1 / 4;
			}
			& dl:nth-child(5) {
				grid-row: 2 / 3;
				grid-column: 1 / 3;
			}
		}
		.offer {
			display: grid;
			align-items: center;
			grid-template-columns: repeat(5, auto);
			gap: 20px;

			.count {
				display: grid;
				gap: 0;
				grid-template-columns: 1fr;
				width: 100px;
				text-align: center;
			}
			.summ,
			.total {
				display: grid;
				justify-content: end;
				width: 160px;
			}
			.total {
				align-self: end;

				& small {
					font-size: 15px;
					font-weight: 400;
				}
			}
			& table {
				grid-column: 1 / 5;
				margin: 0;

				& tr:nth-child(1),
				& tr:nth-child(2) {
					display: none;
				}
			}
			& big {
				display: block;
				font-size: 18px;
				font-weight: 500;

				& svg {
					display: inline-block;
					height: 13px;
				}
			}
			& small {
				display: block;
				margin-top: 6px;
				color: #717171;
			}
		}
		.delpay {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
			padding: 50px;

			.item {
				padding: 24px 30px;
				border: 1px solid var(--color-main);
				border-radius: 10px;

				.title {
					line-height: 50px;
				}
				.status {
					top: 24px;
					display: flex;
					align-items: center;
					height: 50px;
					padding: 0 26px;
					font-size: 12px;
					border-radius: 30px;
					line-height: 1.4;
					border: 1px solid var(--color-main);
				}
			}
		}
	}

	@media (min-width: 1200px) {
		padding: 80px 0 60px;

		.order .title,
		.persone dt {
			font-size: 22px;
		}
		.offer {
			grid-template-columns: 120px 1fr 200px 50px 230px;

			big {
				font-size: 28px;

				& svg {
					height: 20px;
				}
			}
			.count,
			.summ,
			.total {
				width: auto;
			}
			.total big {
				font-size: 40px;

				& svg {
					height: 28px;
				}
			}
			.total small {
				margin: 0;
			}
		}
		.delpay .title {
			font-size: 22px;
		}
	}

	@media (hover: hover) {
		.order button {
			cursor: pointer;
		}
		.actions a<?= var; ?>:hover,
		.order button:hover .text {
			text-decoration-color: transparent;
		}
	}
}

/*
*******************************************************************************/

article.agreement {
	padding: 0 0 50px;

	& h1 {
		margin-bottom: 22px;
	}

	@media (min-width: 1200px) {
		padding: 0 0 100px;

		& h1 {
			margin-bottom: 34px;
		}
	}
}

/*
*******************************************************************************/

/* End */


/* Start:/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/style.css?174335802316539*/
/* div.title-search-result {
	display: block !important;
} */

.bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.bx-searchtitle-history {
	margin-top: 5px;
}
	.bx-searchtitle-history a {
		color: #222;
		text-decoration: underline;
	}
	.bx-searchtitle-history a:hover {
		text-decoration: none;
	}
.bx-searchtitle-popup-history {
	padding: 0 8px 8px 8px;
}
	.bx-searchtitle-popup-history-title {
		font-size: 16px;
	}
	.bx-searchtitle-popup-history-item {
		padding: 4px 0;
	}
		.bx-searchtitle-popup-history-item::before {
			content: "";
			width: 16px;
			height: 16px;
			background: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/search-icon.svg) center center no-repeat;
			background-size: 12px auto;
			display: inline-block;
			vertical-align: middle;
			margin-right: 5px;
		}
		.bx-searchtitle-popup-history a {
			color: #222;
			text-decoration: underline;
			vertical-align: middle;
		}
		.bx-searchtitle-popup-history a:hover {
			text-decoration: none;
		}

.bx-searchtitle .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	/*background-color: #f8fafc;*/
	border: 1px solid #000;
	border-right: none;
	border-radius: 1px 0 0 1px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-searchtitle .bx-input-group .bx-form-control:focus {
	background-color: #fff;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	line-height: normal;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/search-icon.png) center center no-repeat #000;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:0;
	border-radius: 0 1px 1px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	height: 34px;
	width: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background-color: #573c9f;
}


div.title-search-result {
	border:0 none !important;
	border-top: 0 none;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 200px;
	margin-top: 3px;
	background-color: #FFF;
	/* border-top: 0 none; */
	border-radius: 2px;
	box-shadow: 0px 0px 7px -2px #d6d6d6;
	
	/* display: block !important; */
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_smart_searche {
	padding:10px;
	border-top: 0 none;
	border-radius: 0 0 3px 3px;
}
.bx_smart_searche .bx_info_wrap{
	margin-left: 85px;
}
.bx_smart_searche .bx_img_element{
	float: left;
	padding: 5px;
	width: 75px;
	text-align: center;
}
.bx_smart_searche .bx_item_block{
	min-height: 65px;
	position: relative;
}
.bx_smart_searche .bx_image{
	/* width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8; */
	display: inline-block;
	max-width: 100%;
}
.bx_smart_searche .bx_image.empty_image{
	background-image: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/image/noimg.png);
}
.bx_smart_searche .bx_item_element{
	padding: 8px 0;
}
.bx_smart_searche .bx_item_element_all_result {
	text-align: center;
}
.bx_smart_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_smart_searche .bx_item_element a{
	margin-top: 5px;
	display: inline-block;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{
	font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{color: #000;}
.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_smart_searche .bx_item_preview_text{
	font-size:13px;
	padding: 5px 10px 5px 0;
}
.bx_smart_searche .bx_price{
	font-weight:bold;
	font-size:15px;
	margin-top: 5px;
}
.bx_smart_searche .bx_price .old{
	font-weight: normal;
	text-decoration: line-through;
	color: #636363;
	font-size: 12px;
	vertical-align: middle;
}
.bx_smart_searche .bx_item_block.all_result{min-height:0}
.bx_smart_searche .bx_item_block.others_result{
	min-height: 0;
	line-height: 12px;
	padding: 0;
}
.bx_smart_searche .bx_item_block.all_result .all_result_button{
	display: inline-block;
	font-size: 14px;
	background-color: #1485CE;
	border: 1px solid;
	border-color: #1485CE;
	color: #FFF;
	padding: 0 22px;
	height: 34px;
	text-decoration: none;
	border-radius: 2px;
	margin: 0 0 8px;
	
	line-height: 34px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .5px;
}
.bx_smart_searche .bx_item_block_title {
	font-weight: bold;
	font-size: 16px;
	margin: 4px 8px;
}
.bx_smart_searche .bx_item_block_href {
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 8px;
	line-height: 14px;
}
.bx_smart_searche .bx_item_block_href:hover {
	background-color: #feeed2;
}
.bx_smart_searche .bx_item_block_hrline {
	border-bottom: 1px solid #f5a61c;
	margin: 0 8px 5px;
}
.bx_item_block_item_clear {
	display: block;
	clear:both;
}
.bx_smart_searche .bx_item_block_item_info_wrap {
	display: block;
}
.bx_smart_searche .bx_item_block_item_info_wrap.wpic {
	padding-left: 39px;
}
.bx_smart_searche .bx_item_block_item_info {
	display: block;
}
.bx_smart_searche .bx_item_block_href_category_title {
	color: #a2a2a2;
	/* font-weight: bold; */
}
.bx_smart_searche .bx_item_block_href_category_name {
	color: #f5a61c;
	font-weight: bold;
	text-transform: uppercase;
}
.bx_smart_searche .bx_item_block_item_image {
	width: 34px;
	height: 34px;
	float:left;
	margin-right: 5px;
	position: relative;
	color: #333;
}
	.bx_smart_searche .bx_item_block_item_image img {
		position: absolute;
		top: 0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.bx_item_block_item_image svg {

	}
.bx_smart_searche .bx_item_block_item_name {
	color: #333;
	overflow: hidden;
	height: 34px;
	display: block;
	line-height: 17px;
	display: flex;
}
.bx_smart_searche .bx_item_block_item_name_flex_align {
	margin: auto 0;
}
.bx_smart_searche .bx_item_block_item_simple_name {
	color: #333;
	display: block;
	line-height: 17px;
}
.bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {
	color: #f5a61c;
}
.bx_smart_searche .bx_item_block_item_price {
	float:right;
	text-align: right;
	color: #333;
	line-height: 17px;
	padding-left: 5px;
}
.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
	line-height: 34px;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_new {
	white-space: nowrap;
	font-weight: bold;
	display: block;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_old {
	white-space: nowrap;
	text-decoration: line-through;
}
.bx_smart_searche .bx_item_block_item_text {
	color: #9b9b9b;
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_props {
	color: #9b9b9b;
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic {
	/* padding-left: 39px; */
}
.bx_item_block_item_prop_item {
	display: block;
}
.bx_smart_no_result_find {
	padding: 0 8px 8px;
}


/* clear cross */
.bx-searchtitle .bx-searchtitle-clear {
	position: absolute;
	top: 4px;
	right: 110%;
	width: 28px;
	height: 28px;
	z-index: 4;
	display: none;
	font-size: 28px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	color: #666;
}
.bx-searchtitle .bx-searchtitle-clear:after{
	display: inline-block;
	content: "\00d7";
}

/* voice input */
.bx-searchtitle .bx-searchtitle-voice {
	position: absolute;
	top: 3px;
	right: 110%;
	width: 28px;
	height: 28px;
	z-index: 4;
	display: none;
	font-size: 28px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	color: #666;
	background: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/voice.svg?v=3) center center no-repeat;
	background-size: 22px auto;
}
	.bx-searchtitle .bx-searchtitle-voice.voice-show {
		display: block;
	}

	.bx-searchtitle .bx-searchtitle-voice.active::after, .bx-searchtitle .bx-searchtitle-voice.active::before {
		content: '';
		position: absolute;
		border: 3px solid #3D64FF;
		left: -20px;
		opacity: 0;
		right: -20px;
		top: -20px;
		bottom: -20px;
		border-radius: 50%;
		animation: searchpulse 2.5s linear infinite;
	}

	.bx-searchtitle .bx-searchtitle-voice.active::after {
		animation-delay: 1.25s;
	}

	@keyframes searchpulse {
		0% {
			transform: scale(0.5);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			transform: scale(1.2);
			opacity: 0;
		}
	}



/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
	position: absolute;
	top: 2px;
	right: 110%;
	width: 30px;
	height: 30px;
	z-index: 5;
	display: none;
	/* display: block; */
}
.bx-searchtitle .bx-searchtitle-preloader.view {
	background: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/loader_orange.gif) center center no-repeat #fff;
}



/* blue */
.bx_smart_searche.theme-blue .bx_item_block_item_image {
	color:#554cc9;
}
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
	border-color:#554cc9;
}
.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/loader_blue.gif);
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{
	background-color: #554cc9;
	border-color: #554cc9;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button {
	background-color: #554cc9;
	border-color: #554cc9;
	color: #FFF;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
	background-color: #554cc9;
	border-color: #554cc9;
	text-decoration: none;
}
.bx_smart_searche.theme-blue .bx_item_element a b{
	color: #554cc9;
}
.bx_smart_searche.theme-blue .bx_item_block_href:hover {
	background-color: #b2d9f1;
}
.bx_smart_searche.theme-blue .bx_item_block_href_category_name {
	color:#554cc9;
}
.bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {
	color:#554cc9;
}
.bx_smart_searche.theme-blue .bx_item_block_hrline {
	border-color: #554cc9;
}
/* black */
.bx_smart_searche.theme-black .bx_item_block_item_image {
	color:#333;
}
.bx-searchtitle.theme-black .bx-input-group .bx-form-control {
	border-color:#333;
}
.bx-searchtitle.theme-black .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/loader_black.gif);
}
.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{
	background-color: #333;
	border-color: #333;
}
.bx-searchtitle.theme-black .bx-input-group-btn button {
	background-color: #333;
	border-color: #333;
	color: #FFF;
}
.bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {
	background-color: #5c5c5c;
	border-color: #5c5c5c;
	text-decoration: none;
}
.bx_smart_searche.theme-black .bx_item_element a b{
	color: #5c5c5c;
}
.bx_smart_searche.theme-black {
	/* border:1px solid #333; */
	border-top: 0 none;
	border-radius: 0 0 3px 3px;
}
.bx_smart_searche.theme-black .bx_item_block_href:hover {
	background-color: #eaeaea;
}
.bx_smart_searche.theme-black .bx_item_block_href_category_name {
	color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {
	color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_hrline {
	border-color: #333;
}
/* green */
.bx_smart_searche.theme-green .bx_item_block_item_image {
	color:#159ebb;
}
.bx-searchtitle.theme-green .bx-input-group .bx-form-control {
	border-color:#159ebb;
}
.bx-searchtitle.theme-green .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/loader_green.gif);
}
.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{
	background-color: #159ebb;
	border-color: #159ebb;
}
.bx-searchtitle.theme-green .bx-input-group-btn button {
	background-color: #159ebb;
	border-color: #159ebb;
	color: #FFF;
}
.bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {
	background-color: #44b1c9;
	border-color: #44b1c9;
	text-decoration: none;
}
.bx_smart_searche.theme-green .bx_item_element a b{
	color: #44b1c9;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
	background-color: #d0ebf1;
}
.bx_smart_searche.theme-green .bx_item_block_href_category_name {
	color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {
	color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_hrline {
	border-color: #159ebb;
}
/* red */
.bx_smart_searche.theme-red .bx_item_block_item_image {
	color:#E22B2B;
}
.bx-searchtitle.theme-red .bx-input-group .bx-form-control {
	border-color:#E22B2B;
}
.bx-searchtitle.theme-red .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/loader_red.gif);
}
.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{
	background-color: #E22B2B;
	border-color: #E22B2B;
}
.bx-searchtitle.theme-red .bx-input-group-btn button {
	background-color: #E22B2B;
	border-color: #E22B2B;
	color: #FFF;
}
.bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {
	background-color: #e95c5c;
	border-color: #e95c5c;
	text-decoration: none;
}
.bx_smart_searche.theme-red .bx_item_element a b{
	color: #e95c5c;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
	background-color: #f9d4d4;
}
.bx_smart_searche.theme-red .bx_item_block_href_category_name {
	color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {
	color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_hrline {
	border-color: #E22B2B;
}
/* yellow */
.bx_smart_searche.theme-yellow .bx_item_block_item_image {
	color:#F9A91D;
}
.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {
	border-color:#F9A91D;
}
.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/uni-flow/components/arturgolubev/search.title/header/images/loader_yellow.gif);
}
.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{
	background-color: #F9A91D;
	border-color: #F9A91D;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button {
	background-color: #F9A91D;
	border-color: #F9A91D;
	color: #FFF;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {
	background-color: #faba4a;
	border-color: #faba4a;
	text-decoration: none;
}
.bx_smart_searche.theme-yellow .bx_item_element a b{
	color: #faba4a;
}
.bx_smart_searche.theme-yellow .bx_item_block_href_category_name {
	color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {
	color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_hrline {
	border-color: #F9A91D;
}
/* End */


/* Start:/bitrix/templates/uni-flow/components/bitrix/catalog.section.list/header/style.css?1743412258102*/
@media (min-width: 1200px) {
    .row .categories nav ul {
        gap: 80px !important;
    }
}

/* End */


/* Start:/bitrix/templates/uni-flow/components/bitrix/breadcrumb/.default/style.css?174315358759*/
.crumbs a{padding:4px;}
.crumbs li.last{padding-left:4px;}
/* End */


/* Start:/bitrix/templates/uni-flow/template_styles.css?17610391061096*/
.sliderPromo .pic img.mob{display: none}

@media(max-width: 767px){

    section.sliderPromo .fit{
        height: auto;
    }

    section.sliderPromo{
        padding: 0;
    }
    section.sliderPromo .item{
        --height: auto;
        padding: 20px 0;
        display: flex;
        align-content: center;
        justify-content: center;
    }

    section.sliderPromo .pic {
    	margin: 0;
    }
    section.sliderPromo .pic img{display: none}
    section.sliderPromo .pic img.mob{display: block}

	.bottom a{
		display: block;
	}
}

@media (min-width: 768px) {
	section.sliderPromo .content {
		width: 100%;
	}
	section.sliderPromo {
		padding: 0;
	}
	section.sliderPromo .item {
		padding: 0;
	}
	section.sliderPromo .item .pic {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 1200px) {
	section.sliderPromo {
		padding: 0 20px;
	}
	section.sliderPromo .item {
		padding: 20px 0;
	}
}

.pic img{
    border-radius: 20px;
}

.crumbs li.last{
	font-size: 15px;
}

.contacts_form_agree a{text-decoration: underline}
/* End */
/* /_/plg/fancybox/jquery.fancybox.min.css?174256999812795 */
/* /_/plg/mCustomScrollbar/jquery.mCustomScrollbar.min.css?17425699999454 */
/* /_/plg/noUiSlider-15.7.1/nouislider.css?17425700003147 */
/* /_/plg/slick-1.8.1/slick.css?17425700021776 */
/* /_/plg/tooltip/css/tooltipster.bundle.min.css?17455758246495 */
/* /_/plg/tooltip/css/tooltipster.theme-shadow.css?17455758262389 */
/* /_/css/common.css?17425699802333 */
/* /_/css/main.css?176103991781594 */
/* /bitrix/templates/uni-flow/components/arturgolubev/search.title/header/style.css?174335802316539 */
/* /bitrix/templates/uni-flow/components/bitrix/catalog.section.list/header/style.css?1743412258102 */
/* /bitrix/templates/uni-flow/components/bitrix/breadcrumb/.default/style.css?174315358759 */
/* /bitrix/templates/uni-flow/template_styles.css?17610391061096 */