/* Start:/local/templates/ostendorf/assets/fonts/fonts.css?17875638923493*/
@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-BoldItalic.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-MediumItalic.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Regular.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Black.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-BlackItalic.woff2') format('woff2');
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-LightBETA.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-LightBETA.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-SemiBold.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Bold.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-LightItalicBETA.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-LightItalicBETA.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Italic.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-SemiBoldItalic.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Medium.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/local/templates/ostendorf/assets/fonts/Inter/Inter-ExtraLightBETA.woff2') format('woff2'),
        url('/local/templates/ostendorf/assets/fonts/Inter/Inter-ExtraLightBETA.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/* End */


/* Start:/local/templates/ostendorf/assets/css/jquery.fancybox.min.css?178756389112795*/
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:/local/templates/ostendorf/assets/css/slick.css?17875638913159*/
.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-dots li,.slick-list,.slick-slider,.slick-track{position:relative}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{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{overflow:hidden;margin:0;padding:0}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/* End */


/* Start:/local/templates/ostendorf/assets/css/swiper-bundle.min.css?178756389114611*/
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/ostendorf/assets/css/main.css?178757086982974*/
*, ::after, ::before {
    box-sizing: border-box;
}
:root {
    --accent: #EE690E;
    --color-gray: #6B7280;
    --bg-color-gray: #F8F6F6;
    --bg-color-gray2: #ECF0F5;
    --color-black: #181111;
}
   
input:focus, textarea:focus, button:focus {
    outline: none;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
    color: currentColor;
    transition: all .2s;
}
html {
    scroll-behavior: smooth;
}
body {
    background-color: #FFFFFF;
    color: var(--color-black);
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 120%;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
}
.container {
    margin: 0 100px;
}
.d-flex {
    display: flex;
}
.align-items-center {
    align-items: center;
}
.justify-content-between {
    justify-content: space-between;
}
.ul-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-weight: 400;
    margin: 0;
}
h1, .h1 {
    font-size: 48px;
    line-height: 48px;
}
h2, .h2 {
    font-size: 48px;
    line-height: 48px;
}
h3, .h3 {
    font-size: 40px;
    line-height: 40px;
}
h4, .h4 {
    font-size: 30px;
    line-height: 30px;
}
h5, .h5 {
    font-size: 20px;
    line-height: 20px;
}
.btn {
    position: relative;
    overflow: hidden;
    background-color: var(--accent);
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px 40px;
    text-align: center;
    border: none;
    border-radius: 5px;
}

/*.btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #BF530B;
    opacity: 0;
    transition: opacity .3s ease;
}*/

.btn:hover {
    background: #BF530B;
}

.btn span {
    position: relative;
    z-index: 1;
}
.subTitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: var(--accent);
    margin-bottom: 8px;
}
.section {
    padding: 64px 0;
    position: relative;
}
.sectionTitle {
    margin-bottom: 48px;
    font-weight: 400;
}
/* HEADER */
.header {
    padding: 20px 0 35px;
    border-bottom: 1px solid #F3F4F6;
    min-height: 118px;
    position: relative;
}
.header__logo img {
    height: auto;
}
.headerWr {
    gap: 50px;
    justify-content: space-between;
}
.header__left {
    flex: 0 1 190px;
}
.header__menu {
    font-weight: 600;
    font-size: 20px;
}
.header__menu nav > ul {
    gap: 50px;
}
.has-children {
    position: relative;
}
.has-children ul {
    z-index: 1;
    color: #000;
}

@media(min-width: 1201px) {
    .has-children ul {
        display: flex;
        flex-direction: column;
        gap: 14px;
        background-color: #fff;
        border: 1px solid #F3F4F6;
        padding: 10px;
        position: absolute;
        top: 30px;
        left: 23px;
        transform: translateX(-35%);
        width: max-content;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        font-size: 18px;
        font-weight: 400;
        min-width: 237px;
    }
    .has-children:hover ul {
        opacity: 1;
        visibility: visible;
    }
}


.header__menu a, .header__info a span {
    position: relative;
}
.header__menu a::before, .header__info a span::before {
    content: '';
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: all .5s;
}
.header__menu .current a, .header__info a:hover {
    color: var(--accent);
    text-decoration: none;
}
.header__menu a:hover::before, .header__menu .current a::before, .header__info a:hover span::before {
    width: 100%;
}
.has-children ul a:hover {
    text-decoration: none;
    color: var(--accent);
}
.header__right {
    flex-direction: column;
    gap: 10px;
    align-items: end;
}
.header__right-top {
    position: absolute;
    z-index: 2;
    background-color: var(--accent);
    color: #fff;
    padding: 10px 20px;
    width: calc(100% - 200px);
    left: 0;
    justify-content: space-between;
    border-radius: 5px;
    gap: 32px;
    margin: 0 100px;
    bottom: -35px;
    padding-left: 60px;
    transition: all .3s;
}
.header__search form {
    padding: 5px 0 5px 5px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin: 0;
}
.header__search form input {
    height: 35px;
    background-color: #fff;
    padding: 2px 6px 0px;
    font-size: 14px;
    border: none;
    width: 217px;
}
.header__search form button {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 14px;
}
.header__info {
    font-size: 16px;
    font-weight: 400;
    gap: 32px;
}
.header__info a {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .3s;
}
.header__mobBtn {
    position: relative;
    width: 32px;
    height: 24px;
    display: none;
}
.header__mobBtn span, .header__mobBtn::before, .header__mobBtn::after {
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 20px;
    top: calc(50% - 1px);
    left: 0;
    background-color: var(--color-black);
}
.header__mobBtn::before, .header__mobBtn::after {
    content: '';
    top: 0;
}
.header__mobBtn::after {
    top: auto;
    bottom: 0;
}
.header__menu-close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
}
.header__info-mob {
    display: none;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
}

@media(min-width: 1251px) {
    .header.fixed .header__right-top {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        bottom: auto;
        margin: 0;
        border-radius: 0;
        z-index: 10;
    }
}

@media(max-width:1830px) {
    .headerWr {
        gap: 40px;
    }
    .header__menu nav > ul {
        gap: 23px;
    }
    .header__right-top {
        padding-left: 20px;
    }
    .has-children ul {
        left: 63px;
    }
}
@media(max-width:1650px) {
    .header__left {
        flex: 0 1 245px;
    }
    .container {
        margin: 0 50px;
    }
    .header__right-top {
        margin: 0 50px;
        width: calc(100% - 100px);
    }
}
@media(max-width:1550px) {
    .header__menu {
        font-size: 16px;
    }
    .header__search form input {
        width: 140px;
    }
    .has-children ul {
        left: 63px;
    }
}
@media(max-width:1400px) {
    .header__right-top {
        gap: 10px;
    }
    .header__menu, .header__info {
        font-size: 14px;
    }
}
@media(max-width:1250px) {
    .header {
        padding: 20px 0 20px;
        position: sticky;
        top: 0;
        z-index: 10;
        background: #fff;
    }
    .header__logo img {
        width: 150px;
    }
    .header__left {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .header__mobBtn {
        display: block;
    }
    .header__menu {
        position: fixed;
        left: 0;
        top: 0;
        background-color: #fff;
        border: 1px solid #F3F4F6;
        padding: 30px;
        z-index: 10;
        display: none;
        color: #000;
        height: 100vh;
    }
    .header__menu > nav > ul {
        flex-direction: column;
        font-size: 16px;
        gap: 32px;
        min-width: 360px;
    }
    .header__menu-close {
        display: block;
    }
    .header__info {
        display: none;
    }
    .header__info-mob {
        display: flex;
        font-size: 16px;
    }
    .container {
        margin: 0 30px;
    }
    .has-children > a::after {
        content: '+';
    }
    .has-children.open > a::after {
        content: '-';
    }
    .has-children ul a {
        font-size: 12px;
    }
    .has-children ul {
        display: none;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
    }
    .header {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        align-items: center;
    }
    .header__right-top {
        margin: 0;
        background: none;
        position: initial;
    }
    .header__search form button {
        margin-left: 7px;
        margin-right: 7px;
    }

}
@media(max-width: 575px) {
    .headerWr {
        flex-direction: column;
        gap: 0;
        align-items: start;
    }
    .header__left {
        flex: initial;
        width: 100%;
        justify-content: space-between;
    }
    .header__search form, .header__search {
        width: 100%;
    }
    .header__right {
        align-items: normal;
        width: 100%;
    }
    .header__search form input {
        width: calc(100% - 40px);
    }
    .header__menu > nav > ul {
        min-width: initial;
    }
    .header__menu {
        width: 100%;
    }
    .header {
        display: flex;
        justify-content: center;
        gap: 30px;
        align-items: normal;
        flex-direction: column;
        padding-bottom: 30px;
    }
    .header__right-top {
        width: 100%;
        padding: 0;
    }
    .container {
        margin: 0 20px;
    }
    .header.fixed {
        min-height: initial;
        position: fixed;
        width: 100%;
        gap: 0;
        padding-bottom: 20px;
    }
    .header.fixed .header__right-top .header__search {
        display: none;
    }
    .fixedHeader {
        padding-top: 177px;
    }
}
/* END HEADER */

/* HOME */
.hero {
    padding: 86px 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    min-height: 464px;
}
.hero__cont {
    max-width: 580px;
    position: relative;
}
.hero__cont h1 {
    margin-bottom: 32px;
    font-weight: 200;
}
.hero__cont .btn {
    margin-top: 22px;
}
.hero__cont .btn:hover::before {
    background: #BF530B;
}
.hero__cont p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 28px;
}
.hero__bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 77vw;
    height: 100%;
}
.hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.catalogHome__blocks {
    margin-top: 49px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}
.catalogHome__block {
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    padding: 40px;
    background-color: var(--bg-color-gray2);
    position: relative;
    transition: all .3s;
    height: 320px;
}
.catalogHome__block:last-child {
  grid-column: 1 / -1;
}
.catalogHome__block-hor {
    flex-direction: row;
    height: 200px;
    padding: 40px;
    overflow: hidden;
}
.catalogHome__block img {
    width: 140px;
    padding: 0 10px;
}
.catalogHome__block-top .h3, .catalogHome__block-hor-cont .h3 {
    margin-bottom: 10px;
    font-weight: 600;
}
.catalogHome__block-txt {
    font-weight: 200;
    position: relative;
    padding-right: 70px;
}
.catalogHome__block-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--accent);
    font-size: 20px;
    font-weight: 300;
}
.catalogHome__block-img {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .3s;
}
.catalogHome__block:hover {
    background-color: var(--accent);
    color: #fff;
}
.catalogHome__block:hover .catalogHome__block-img {
    opacity: 1;
}
.catalogHome__block:hover .catalogHome__block-link {
    color: #fff;
}
.catalogHome__block:hover .catalogHome__block-link path {
    fill: #fff;
}


.newHome__top-left .h2 {
    margin-bottom: 0;
}
.newHome__top {
    align-items: end;
    margin-bottom: 48px;
}
.newHome__sliderNav {
    gap: 8px;
}
.newHome__sliderNav-arr {
    width: 48px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    cursor: pointer;
}
.newHome__sliderNav-arr:hover {
    background-color: var(--accent);
    border: 1px solid var(--accent);
}
.newHome__sliderNav-arr:hover path {
    fill: #fff;
}
.newHome__block {
    background-color: #fff;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    border: 1px solid #F3F4F6;
    height: 100%;
    justify-content: space-between;
}
.newHome__block-contwr {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.newHome__slider .swiper-slide {
    width: 395px;
    will-change: transform;
    /* transform: scale(.95); */
    transform-origin: top center;
}
.newHome__slider .swiper-slide-active {
    /* transform: scale(1); */
    transition: all .3s;
}
.newHome__block-img {
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 340px;*/
}
/* .newHome__slider .swiper-slide-active .newHome__block-img {
    height: 380px;
} */
.newHome__block-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.newHome__block-tags {
    flex-wrap: wrap;
    gap: 5px;
}
.newHome__block-tag {
    background-color: var(--accent);
    color: #fff;
    font-size: 18px;
    padding: 3px 8px;
    font-weight: 400;
    border-radius: 5px;
}
.newHome__block-title {
    font-weight: 400;
    font-size: 20px;
}
.newHome__block-link {
    font-size: 18px;
    border-bottom: 2px solid var(--accent);
    font-weight: 200;
    width: fit-content;
    padding-bottom: 3px;
    transition: all .3s;
}
.newHome__block-link:hover {
    color: var(--accent);
}

.geoHome {
    background-color: #333;
    padding: 32px 0;
}
.geoHomeWr {
    gap: 30px;
    justify-content: space-between;
}
.geoHomeWr .h2 {
    color: #fff;
    margin-bottom: 42px;
    margin-top: 28px;
}
.geoHome__cont, .geoHome__map {
    flex: 1 1 50%;
}
.geoHome__txt {
    margin-bottom: 52px;
    color: #9CA3AF
}
.geoHome__map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.materialsHome__bg {
    background-color: #ECF0F5;
}
.materialsHome__slide {
    height: 316px;
    position: relative;
    width: 552px;
    overflow: hidden;
}
.materialsHome__slider .materialsHome__slide {
    height: 316px;
}
.materialsHome__slide-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    transition: .3s;
    overflow: hidden;
}
.materialsHome__slide-cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}
.materialsHome__slide:hover .materialsHome__slide-cover-img {
    transform: scale(1.04);
}
.materialsHome__slide-cover-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.materialsHome__slide-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.materialsHome__slide-cover.hidden {
    opacity: 0;
    visibility: hidden;
}
.materialsHome__slider2 .materialsHome__slide {
    width: 293px;
    height: 488px;
}
.materialsHome__slider2 {
    margin: 64px 0;
}
.catalogHome__block-hor-img {
    display: flex;
    align-items: center;
}
.catalogHome__block-hor-img img {
    padding: 0;
}
.catalogHome__block-hor .catalogHome__block-link {
    display: none;
}

@media(min-width: 2000px) {
    .materialsHome__slide {
        width: 30%;
    }
    .materialsHome__slider2 .materialsHome__slide {
        width: 15%;
    }
}

@media(max-width:1400px) {
    .catalogHome__blocks {
        margin-top: 65px;
        grid-template-columns: repeat(2, 1fr);
    }
    .geoHomeWr {
        align-items: normal;
    }
}
@media(max-width:1200px) {
    .catalogHome__block-hor-img img:first-child, .catalogHome__block-hor-img img:nth-child(2) {
        display: none;
    }
}
@media(max-width:991px) {
    h1, .h1 {
        font-size: 32px;
        line-height: 32px;
    }
    h2, .h2 {
        font-size: 28px;
        line-height: 28px;
    }
    .hero__cont {
        max-width: 400px;
    }
    .hero {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .section {
        padding: 32px 0;
    }
    .sectionTitle {
        margin-bottom: 32px;
    }
    .catalogHome__blocks {
        margin-top: 32px;
    }
    h3, .h3 {
        font-size: 26px;
        line-height: 26px;
    }
    .newHome__block-link, .newHome__block-tag {
        font-size: 12px;
    }
    .geoHome__cont {
        flex: 1 1 55%
    }
    .geoHome__map {
        flex: 1 1 45%;
    }
    .geoHomeWr .h2 {
        margin-top: 16px;
        margin-bottom: 20px;
    }
    .geoHome__txt {
        margin-bottom: 28px;
    }
    .geoHomeWr {
        align-items: center;
    }
    .materialsHome__sliderWr {
        margin-top: 64px;
    }
    .materialsHome__slider2 {
        margin: 32px 0;
    }
}
@media(max-width: 769px) {
    .catalogHome__blocks {
        grid-template-columns: repeat(1, 1fr);
    }
    .catalogHome__block-hor-img img:nth-child(4) {
        display: none;
    }
    .catalogHome__block-hor {
        flex-direction: column;
        padding: 40px;
        height: 320px;
    }
    .catalogHome__block-hor-img {
        position: absolute;
        right: 5px;
        bottom: 70px;
    }
    .catalogHome__block-hor .catalogHome__block-link {
        display: block;
    }
}
@media(max-width: 575px) {
    .hero {
        padding: 35px 0;
    }
    .hero__bg {
        width: 100%;
    }
    .hero__bg::before {
        content: '';
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background: linear-gradient(90deg, #4d4d4d 70%, #ffffff00 104%);
        z-index: 1;
    }
    .hero__bg img {
        position: absolute;
        right: 0;
        top: 0;
    }
    .hero__cont {
        z-index: 2;
    }
    .newHome__slider {
        margin: 0 -30px;
        padding-left: 30px;
    }
    .newHome__slider .swiper-slide {
        width: 300px;
    }
    .geoHomeWr {
        flex-direction: column;
    }
    .geoHome__map {
        flex: auto;
        width: 100%;
    }
    .materialsHome__slide {
        height: 183px;
        width: 330px;
    }
    .materialsHome__slider .materialsHome__slide {
        height: 183px;
    }
    .materialsHome__slider2 {
        margin:0;
    }
    .materialsHome__slider2 .materialsHome__slide {
        width: 328px;
        height: 583px;
    }
    .materialsHome__sliderWr {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        overflow: hidden;
    }
    .materialsHome__slider, .materialsHome__slider2 {
        overflow: initial;
    }
    .materialsHome {
        margin-bottom: 65px;
    }
    .catalogHome__block-top h3 {
        font-size: 26px;
        word-break: break-word;
    }
    .catalogHome__block {
        padding: 30px;
    }
    .materialsHome__sliderWr {
        margin-top: 48px;
    }
    .catalogHome__block img {
        width: 118px;
    }
    .catalogHome__block-hor-img img {
        width: 150px;
    }
    .catalogHome__block-txt {
        font-size: clamp(14px, 4.4vw, 20px);
        line-height: 1.2;
    }
}
@media(max-width: 390px) {
    .materialsHome__slide {
        width: 290px;
    }
    .materialsHome__slider2 .materialsHome__slide {
        width: 290px;
        height: 560px;
    }
}

/* END HOME */

/* FOOTER */
.footer {
    background-color: #ECF0F5;
}
.footerWr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
}
.footer__soc {
    gap: 16px;
}
.footer__cont {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.footer__cont-txt {
    color: #6B7280;
    font-size: 20px;
    line-height: 30px;
}
.footer__cont-txt a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer__colNav-title {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 25px;
}
.footer__colNav ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 20px;
    color: #6B7280;
}
.footer__colNav a, .footer__colNav-info a span {
    transition: all .3s;
}
.footer__colNav:not(.footer__colNav-info) ul a:hover {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer__colNav-info a {
    display: flex;
    gap: 16px;
}
.footer__colNav-info a:hover span {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 3px; 
}
.footer__bottom {
    font-size: 14px;
    margin-top: 88px;
    text-align: center;
}
.footer__bottom-policy {
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
}
.footer__bottom-policy a {
    transition: all .3s;
}
.footer__bottom-policy a:hover {
    color: var(--accent);
    text-decoration: underline;
}

.sidebarBtn {
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 1;
}
.sidebarBtn a {
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    position: relative;
}
.sidebarBtn a img {
    width: 22px;
}
.sidebarBtn__cart-q {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    top: 4px;
    right: 6px;
}
.sidebarBtn__cart.is-updating {
    animation: specCartPulse .65s ease;
}
.sidebarBtn__cart.is-updating .sidebarBtn__cart-q {
    animation: specCartCountPulse .65s ease;
}
@keyframes specCartPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(249, 115, 22, .45);
    }
    45% {
        transform: scale(1.12);
        box-shadow: 0 0 0 12px rgba(249, 115, 22, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
    }
}
@keyframes specCartCountPulse {
    0% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.35);
    }
    100% {
        transform: scale(1);
    }
}

@media(max-width:1650px) {
    .sidebarBtn {
        right: 0;
    }
}
@media(max-width:1400px) {
    .footer__soc {
        flex-wrap: wrap;
        gap: 16px 0;
    }
}
@media(max-width:1200px) {
    .sidebarBtn {
        left: 0;
        left: auto;
        z-index: 99;
        bottom: 20px;
        gap: 6px;
        right: 20px;
    }
}
@media(max-width:991px) {
    .footerWr {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer__soc {
        gap: 20px;
    }
    .footer__soc img {
        width: 44px;
    }
    .footer__bottom {
        margin-top: 130px;
    }
    .sidebarBtn a {
        width: 40px;
        height: 40px;
    }
}
@media(max-width:575px) {
    .footerWr {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer__bottom {
        margin-top: 72px;
        text-align: left;
    }
    .footer__bottom-policy {
        justify-content: start;
        margin-top: 10px;
    }
}

/* END FOOTER */

/* CATALOG */
.catalog {
    padding-bottom: 128px;
}
.breadcrumps {
    margin-bottom: 48px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.breadcrumps a {
    color: #9CA3AF;
}
.breadcrumps a::after {
    content: '/';
    margin-left: 8px;
    color: #D1D5DB;
}
.breadcrumps span {
    color: var(--accent);
}

.catalogHero {
    position: relative;
    margin: 96px 0 48px;
}
.catalogHero__img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 213px;
}
.catalogHero__cont {
    padding-left: 237px;
}
.catalogHero__cont-txt {
    margin-left: -237px;
    padding-left: 237px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
}
.catalogHero__cont-txt ul {
    list-style-type: none;
    padding: 0;
    margin: 0; 
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.catalogHero__cont-txt ul p {
    margin: 0;
    color: #6B7280;
    font-weight: 300;
}
.catalogHero__cont-txt ul h5 {
    color: var(--accent);
}
.catalogHero__cont-title {
    align-items: center;
    margin-bottom: 12px;
    justify-content: space-between;
}
.catalogHero__cont-title h1 {
    flex: 1 1 50%;
}
.catalogHero__cont-img {
    gap: 50px;
}
.catalogHero__cont-img img {
    max-height: 105px;
}
.catalogWr {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 46px 24px;
    padding-top: 64px;
}
.catalogProd {
    border: 2px solid #F3F4F6;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.catalogProd__cont {
    padding: 10px;
}
.catalogProd__img {
    display: block;
    border-bottom: 2px solid #F3F4F6;
    flex: 1;
}
.catalogProd__img img {
    width: 100%;
    transition: all .7s;
}
.catalogProd:hover .catalogProd__img img {
    transform: scale(1.06);
}
.catalogProd__title {
    margin-bottom: 6px;
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catalogProd__btn {
    width: 100%;
    height: 55px;
    padding: 10px;
    font-size: 16px;
}
.catalogImg {
    width: 100%;
    height: 411px;
}
.catalogImg img, .catalogImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalogTxt {
    padding: 64px 0 76px;
    color: #6B7280;
}
.catalogTxt__cont-top {
    gap: 50px;
    justify-content: space-between;
}
.catalogTxt h1 {
    font-weight: 400;
    color: #000;
    width: 55%;
}
.catalogTxt p {
    width: 55%;
}

.catalogFacts {
    padding-top: 40px;
    background-color: #ECF0F5;
}
.catalogFacts__img {
    flex: 0 0 304px;
    display: flex;
    align-items: end;
}
.catalogFacts__img img {
    display: block;
    width: 100%;
}
.catalogFacts__blocks {
    gap: 220px;
}
.catalogFacts__cont {
    padding: 10px 0 32px;
}
.catalogFacts__cont h2 {
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 20px;
}
.catalogFacts__cont-txt ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.catalogFacts__cont-txt ul li {
    background-color: #fff;
    padding: 20px 20px 20px 64px;
    position: relative;
}
.catalogFacts__cont-txt ul li h5 {
    font-weight: 400;
    color: var(--accent);
    margin-bottom: 5px;
}
.catalogFacts__cont-txt ul li p {
    color: #6B7280;
    margin: 0;
}
.catalogFacts__cont-txt ul li::before {
    content: '';
    background: url('/local/templates/ostendorf/assets/css/../img/product/li.svg') no-repeat center/contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px;
    left: 20px;
}
.catalogFacts__cont-txt {
    margin-top: 35px;
}

@media(max-width: 1500px) {
    .catalogHero__cont-txt {
        padding-right: 345px;
    }
}
@media(max-width: 1400px) {
    .catalogWr {
        /*grid-template-columns: repeat(4, 1fr);*/
    }
}
@media(max-width: 1200px) {
    .catalogWr {
        grid-template-columns: repeat(3, 1fr);
    }
    .catalogFacts__blocks {
        gap: 65px;
    }
    .catalogHero__cont-img img {
        max-width: 180px;
    }
    .catalogTxt__cont-top {
        gap: 20px;
    }
}
@media(max-width: 991px) {
    .catalogHero__cont-txt {
        padding-right: 20px;
    }
    .catalogHero__img {
        width: 175px;
    }
    .catalogHero__cont-title {
        margin-bottom: 27px;
    }
    .catalogTxt p {
        width: 100%;
    }
}
@media(max-width: 769px) {
     .catalogWr {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalogHero__cont {
        padding-left: 0;
    }
     .catalogHero {
        margin: 32px 0;
    }
    .catalogHero__cont-title h1 {
        flex: auto;
        margin-bottom: 80px;
    }
    .catalogHero__img {
        width: 150px;
    }
    .catalogHero__cont-txt {
        margin-left: 0;
        padding-left: 160px;
    }
    .catalogHero__cont-txt ul {
        gap: 19px;
    }
    .catalogFacts__blocks {
        gap: 45px;
        flex-direction: column;
    }
    .catalogFacts__cont h2 {
        line-height: 30px;
        margin-bottom: 20px;
    }
    .catalogFacts__img img {
        width: auto;
        max-height: 420px;
        margin: 0 auto;
    }
}
@media(max-width: 575px) {
    .catalogHero__cont-txt, .catalogHero__cont-txt ul h5 { 
        font-size: 12px;
        line-height: 12px;
    }
    .breadcrumps {
        gap: 12px 2px;
    }
    .breadcrumps a::after {
        margin-left: 2px;
    }
    .catalogWr {
        grid-template-columns: 1fr;
    }
    .catalog {
        padding-bottom: 96px;
    }
    .catalogTxt__cont-top {
        flex-direction: column-reverse;
    }
    .catalogTxt h1 {
        width: 100%;
    }
    .catalogImg {
        height: 191px;
    }
    .breadcrumps {
        margin-bottom: 32px;
    }
}
@media(max-width: 430px) {
    .catalogHero__cont-title h1 {
        flex: auto;
        /* margin-bottom: 30px; */
    }
    .catalogHero__cont-txt {
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 155px;
    }
}
/* END CATALOG */

/* PRODUCT */
.productHero__slider {
    flex: 1 1 55%;
    min-width: 0;
    display: flex;
    flex-direction: row-reverse;
    max-width: 936px;
}
.productHeroWr {
    gap: 30px;
    align-items: start;
}

.productHeroThumbs .swiper-slide {
    height: 120px;
    cursor: pointer;
    transition: .3s;
    border: 2px solid #F3F4F6;
}

.productHeroThumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid var(--accent);
}

.productHeroThumbs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.productHeroSlider {
    flex: 1;
    min-width: 0;
    height: 800px;
    border: 2px solid #F3F4F6;
}

.productHeroSlider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.productHero__cont {
    flex: 1 1 45%;
}
.productHero__SKU {
    font-weight: 500;
    color: #fff;
    background-color: var(--accent);
    padding: 7px 15px;
    display: inline-block;
    margin-bottom: 16px;
}
.productHero__cont h1 {
    margin-bottom: 32px;
    font-size: 30px;
    font-weight: 400;

}
.productHero__excerpt {
    margin-bottom: 32px;
    color: #6B7280;
    max-width: 575px;
}
.productHeroSlider .swiper-slide {
    width: 100%;
    height: 100%;
}
.productHeroSlider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.productHeroThumbsWr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 800px;
    padding: 0 10px;
    width: 136px;
}
.productHeroThumbs-next {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #E5E7EB;
}

.productHero__var-selWr {
	width: 335px;
}

.productHero__var-title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 400;
    color: #6B7280;
    line-height: 20px;
}
.productHero__var-sel {
	position: relative;
	cursor: pointer;
}
.productHero__var-sel-cur {
    position: relative;
    padding: 6px 45px 6px 10px;
    border: 2px solid #000;
    font-size: 20px;
    background-color: #fff;
    border-radius: 5px;
}
.productHero__var-sel-cur::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
	background: url("/local/templates/ostendorf/assets/css/../img/product/arr.svg") center/contain no-repeat;
}

.productHero__var-sel-drop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #000;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 10;
    background-color: #fff;
}
.productHero__var-option {
    padding: 5px 10px;
    transition: background 0.2s ease;
    font-size: 14px;
    font-weight: 600;
}
.productHero__var-option:hover {
	background: #f5f5f5;
}
.productHero__var-sel.active .productHero__var-sel-drop {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.productHero__var-sel.active .productHero__var-sel-cur::after {
	transform: translateY(-50%) rotate(180deg);
}
.productHero__var {
    display: flex;
    align-items: flex-start;
    padding: 25px;
    gap: 24px;
    background-color: #ECF0F5;
    border: 1px solid #E5E7EB;
    margin-bottom: 32px;
}
.productHero__var-radio {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.productHero__radioItem {
	cursor: pointer;
}
.productHero__radioItem input {
	display: none;
}
.productHero__radioItem span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43px;
    padding: 0 12px;
    border-radius: 5px;
    border: 1px solid #000;
    font-size: 20px;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.productHero__radioItem:hover span {
	border-color: var(--accent);
}
.productHero__radioItem input:checked + span {
	background: var(--accent);
	border-color: var(--accent);
	color: #fff;
}
.productHero__info {
    gap: 32px;
    padding-left: 32px;
    border-left: 4px solid var(--accent);
    margin-bottom: 32px;
}
.productHero__info-block .productHero__var-title {
    margin-bottom: 4px;
}
.productHero__btns {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.productHero__btn {
    background: none;
    color: #000;
    border: 1px solid #000;
}
.productHero__btn::before {
    display: none;
}
.productHero__btn:hover {
    color:#fff;
    background-color: var(--accent);
    border: 1px solid var(--accent);
}

.featProd {
    background-color: #ECF0F5;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
}
.featProd__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}
.featProd__block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    border: 1px solid #E5E7EB;
    padding: 47px 52px 47px 49px;
    background-color: #fff;
    min-height: 278px;
}
.featProd__block .h5 {
    font-weight: 400;
}
.featProd__block p {
    color: #6B7280;
    margin: 0;
}
.featProd__block-icon img {
    width: 36px;
}
.col50 {
    flex: 1 1 calc(50% - 32px);
}
.prodAbout__blocks {
    gap: 64px;
    color: #6B7280;
    display: none;
    flex-wrap: wrap;
}
.prodAbout__blocks.active {
    display: flex!important;
}
.prodAbout__tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #000;
    margin-bottom: 48px;
    flex-wrap: wrap;
}
.prodAbout__tab {
    padding: 16px 32px;
    display: block;
}
.prodAbout__tab.active {
    color: #fff;
    background-color: var(--accent);
}
.prodAbout__contBlock-adv {
    background-color: #ECF0F5;
    padding: 32px;
    color: var(--color-black);
    border-left: 4px solid var(--accent);
    max-height: fit-content;
}
.prodAbout__contBlock-adv h5 {
    margin-bottom: 16px;
}
.prodAbout__contBlock-adv ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin: 0;
}
.prodAbout__contBlock-adv ul li {
    padding-left: 30px;
    position: relative;
}
.prodAbout__contBlock-adv ul li::before {
    content: '';
    background: url('/local/templates/ostendorf/assets/css/../img/product/li.svg') no-repeat center/contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 0;
}
.prodAbout__contBlock-adv h5 {
    font-weight: 400;
}
.tableBlock table {
    flex: 1 1 calc(50% - 32px);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.tableBlock table td {
    padding: 10px;
}
.tableBlock table td:nth-child(2) {
    color: #000;
    text-align: right;
}
.tableBlock table tr:nth-child(2n+1) {
    background-color: #f6f6f6;
}
.prodAbout__video-title {
    font-weight: 500;
    margin-top: 16px;
    color: var(--color-black);
}
.prodAbout__video {
    gap: 20px;
    flex-wrap: wrap;
}

.docProd {
    background-color: #333333;
    color: #fff;
}
.docProd .h2 {
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 48px;
    font-weight: 400;
}
.docProd__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.docProd__block {
    display: flex;
    justify-content: space-between;
    padding: 33px 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
    transition: all .3s;
}
.docProd__block-left {
    display: flex;
    align-items: center;
    gap: 24px;
}
.docProd__block-left svg, .docProd__block-left img {
    width: 30px;
}
.docProd__block-title span {
    color: #6B7280;
    margin-top: 3px;
    display: block;
}
.docProd__block-title h5 {
    font-weight: 400;
}
.docProd__block:hover {
    background-color: var(--accent);
}
.docProd__block:hover svg path {
    fill:#fff;
}
.docProd__block:hover span {
    color: #fff;
}
.productHero__info-block {
    flex: 1 1 50%;
}
.prodAbout__video .materialsHome__slide {
    height: auto;
    width: 552px;
}
.prodAbout__videoWr {
    height: 316px;
    position: relative;
    width: 100%;
}


@media(max-width: 1400px) {
    .productHeroThumbsWr {
        flex-direction: row;
        gap: 15px;
        height: 120px;
        padding: 10px 0;
        width: 100%;
    }
    .productHeroThumbs .swiper-slide {
        height: 100px;
        width: 100px!important;
    }
    .productHero__slider {
        flex: 1 1 500px;
        display: block;
    }
    .productHeroSlider {
        flex: none;
        min-width: 0;
        height: 500px;
    }
    .productHeroThumbs-next {
        width: 40px;
        height: 100px;
        flex: 0 0 40px;
    }
    .productHeroThumbs-next svg {
        transform: rotate(-90deg);
    }
    .docProd__blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 991px) {
    .productHeroWr {
        flex-direction: column;
    }
    .productHero__slider {
        width: 100%;
        flex: auto;
    }
    .productHero__info {
        margin-bottom: 48px;
    }
    .productHero {
        padding-bottom: 58px;
    }
    .featProd__block {
        padding: 20px;
        gap: 20px;
    }
    .prodAbout__blocks:not(.prodAbout__video) {
        flex-direction: column;
        gap: 20px;
    }
    .docProd__blocks {
        grid-template-columns: 1fr;
    }
    .productHero__cont h1 {
        line-height: 54px;
    }
}
@media(max-width: 769px) {
    .productHero__info-block .productHero__var-title, .productHero__info-txt {
        font-size: 20px;
        word-break: break-word;
    }
    .featProd__blocks {
        grid-template-columns: 1fr;
    }
    .featProd__block {
        min-height: initial;
    }
    .productHero__var {
        flex-direction: column;
    }
    .productHero__var-selWr {
        width: 100%;
    }
}
@media(max-width: 575px) {
    .productHeroSlider {
        height: 274px;
    }
    
    .productHeroThumbs-next {
        height: 90px;
    }
    .productHeroThumbsWr {
        gap: 6px;
    }
    .productHero__cont h1 {
        font-size: 28px;
        line-height: 37px;
    }
}
@media(max-width: 400px) {
    .productHero__info {
        flex-direction: column;
        gap: 20px;
    }
    .prodAbout__har {
        font-size: 14px;
        line-height: 17px;
    }
}
@media(max-width: 320px) {
    .productHeroThumbs .swiper-slide {
        width: 70px!important;
        height: 70px;
    }
    .productHeroThumbs-next {
        width: 40px;
    }
}

/* END PRODUCT */

/* ПРОЕКТИРОВЩИКАМ */
.projHero {
    min-height: 464px;
    display: flex;
    align-items: center;
    color:#fff;
}
.projHero__bg {
    opacity: .4;
}
.projHero h1 {
    font-weight: 400;
}
.projHero p {
    color: rgba(255, 255, 255, 0.7);
    max-width: 575px;
}
.projHero p:first-child {
    margin-top: 0;
}
.projHero p:last-child {
    margin-bottom: 0;
}
.cProj__blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}
.cProj__block {
    border: 1px solid #F3F4F6;
    padding: 32px;
    background-color: #ECF0F5;
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: space-between;
}
.cProj__block-img img {
    height: 50px;
    width: auto;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .2;
    transition: all .3s;
}
.cProj__block:hover .cProj__block-img img {
    filter: grayscale(0);
    opacity: 1;
}
.cProj__block-link {
    border: 1px solid #E5E7EB;
    background-color: #fff;
    padding: 17px 25px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    gap: 10px;
    min-height: 62px;
    transition: all .3s;
}
.cProj__block-link span {
    flex: 1;
}
.cProj__block-link:hover {
    background-color: var(--accent);
    color: #fff;
}
.cProj__block-link:hover svg path {
    fill: #fff;
}

.bdProj {
    background-color: var(--bg-color-gray2);
}
.bdProj__block {
    background-color: #fff;
    padding: 22px 24px;   
}
.bdProj__block .docProd__block-d {
    color: var(--accent);
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.bdProj__block:hover, .bdProj__block:hover .docProd__block-d {
    color: #fff;
}
.bdProj__blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 200px;
}
.educProj {
    background-color: #333;
    color: #fff;
}
.educProj__top {
    justify-content: space-between;
}
.educProj__all {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid var(--accent);
}
.educProj__all:hover {
    color: var(--accent);
    border-bottom: 2px solid #fff;
}
.educProj__blocks {
    margin-top: 48px;
    overflow: hidden;
}
.educProj__top-left .h2 {
    margin-bottom: 0;
}
.materialsHome__slide-date {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: var(--accent);
    padding: 4px 8px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 5;
}
.educProj__block.soon .materialsHome__slide-date {
    background-color: #374151;
}
.educProj__block .prodAbout__video-title {
    color: #fff;
}
.educProj__block {
    height: auto;
}
.trustProj__block {
    border: 1px solid #E5E7EB;
}
.trustProj__block-img {
    flex: 0 0 150px;
    height: 192px;
}
.trustProj__block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: all .3s;
}
.trustProj__block-cont {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.trustProj__block-title {
    font-weight: 500;
}
.trustProj__block-link {
    display: flex;
    color: #9CA3AF;
    gap: 10px;
    align-items: end;
}
.trustProj__block-link svg {
    flex: 0 0 12px;
}
.trustProj__blocks-btn {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E7EB;
    cursor: pointer;
}
.trustProj__blocksWr {
    display: flex;
}
.trustProj__blocks {
    flex: 1 1 auto;
    min-width: 0;
}
.trustProj__blocksWr--static .trustProj__blocks {
    overflow: visible;
}
.trustProj__blocksWr--static .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    transform: none !important;
}
.trustProj__blocksWr--static .trustProj__block {
    width: auto !important;
    min-width: 0;
}
.trustProj__blocksWr--static .trustProj__blocks-btn {
    display: none;
}
.trustProj__block:hover .trustProj__block-img img {
    filter: grayscale(0);
}
.swiper-wrapper {
    height: auto;
}
.swiper-slide {
    height: auto;
}
@media(max-width: 1400px) {
    .cProj__blocks {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 1200px) {
    .cProj__blocks {
        grid-template-columns: repeat(2, 1fr);
    }
    .trustProj__blocksWr--static .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bdProj__blocks {
        grid-template-columns: 1fr;
    }
}
@media(max-width: 769px) {
    .cProj__blocks {
        grid-template-columns: 1fr;
    }
    .prodAbout__videoWr {
        height: 185px;
    }
    .educProj__top {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    
}
@media(max-width: 575px) {
    .trustProj__blocksWr--static .swiper-wrapper {
        grid-template-columns: 1fr;
    }
    .educProj__blocks .swiper-wrapper {
        flex-direction: column;
        gap: 32px;
    }
    .educProj__block {
        width: 100%;
    }
    .trustProj__block {
        flex-direction: column;
    }
    .trustProj__block-img {
        flex: initial;
        height: 96px;
    }
    .trustProj__block-img img {
        filter: grayscale(0);
    }
    .projHero p {
        max-width: initial;
    }
    .projHero h1 {
        /*word-break: break-all;*/
    }
}
@media(max-width: 380px) {
    .bdProj__block {
        padding: 20px;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: end;
    }
    .projHero h1 {
        font-size: 26px;
        line-height: 29px;
    }
}

.educationHero__img {
    flex:1 1 50%;
    max-height: 827px;
}
.educationHero__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.educationHero__cont {
    flex:1 1 50%;
}
.educationHero__tags {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 48px;
}
.educationHero__tag {
    padding: 4px 12px;
    background-color: #F3F4F6;
}
.educationHero__tag.-orange {
    color: var(--accent);
    background-color: rgba(249, 115, 22, 0.1);
}
.educationHero__cont h1 span {
    font-weight: 200;
    color: var(--accent);
}
.educationHero__formWr {
    margin-top: 48px;
    color: #6B7280;
}
.educationHero__formWr h3 {
    color: var(--color-black);
    margin-bottom: 16px;
}
.educationHero__form p {
    margin: 0 0 20px;
}
.educationHero__form {
    margin-top: 20px;
}
.input-txt {
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-color: #F3F4F6;
    padding: 10px;
    height: 60px;
    background-color: #fff;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Inter';
}
.input-txt.is-error {
    border-color: #EF4444;
    background-color: #FEF2F2;
}
.educationHero__form .btn:disabled {
    cursor: wait;
    opacity: .65;
}
.form_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 32px;
}
.form_row label {
    font-weight: 500;
    color: #9CA3AF;
}
.form_row label span {
    margin-bottom: 8px;
    display: block;
}
.educationHero__form-pol {
    margin-top: 16px;
}
.planEduc__blocks-left {
    max-width: 408px;
}
.planEduc__blocks-left p {
    color: #6B7280;
}
.planEduc__blocks {
    gap: 48px;
}
.educationHero__form-thank {
    gap: 10px;
    display: none;
}
.educationHero__form-thank img {
    width: 77px;
}
.educationHero__form .btn {
    margin-top: 24px;
}
.educationHero__form form {
    margin-top: 20px;
}
.planEduc__acc {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}
.planEduc__acc-block {
    padding: 32px;
    border: 1px solid #F3F4F6;
}
.planEduc__acc-titleWr {
    gap: 24px;
    position: relative;
    align-items: center;
    cursor: pointer;
    padding-right: 40px;
}
.planEduc__acc-plus {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 0;
}
.planEduc__acc-plus::before, .planEduc__acc-plus::after {
    content:'';
    width: 100%;
    height: 2px;
    background-color: var(--accent);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.planEduc__acc-plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.planEduc__acc-cont {
    margin: 20px 0;
    color: #6B7280;
    display: none;
}

.planEduc__acc-num {
    font-weight: 900;
    color: #F3F4F6;
    font-size: 40px;
    line-height: 40px;
}
.planEduc__acc-block.active .planEduc__acc-plus::after {
    display: none;
}
.advEduc {
    background-color: #ECF0F5;
}
.advEduc ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.advEduc ul li {
    padding-left: 40px;
    position: relative;
}
.advEduc ul li::before {
    content: '';
    background: url('/local/templates/ostendorf/assets/css/../img/product/li.svg') no-repeat center/contain;
    width: 24px;
    height: 28px;
    position: absolute;
    top: -5px;
    left: 0;
}

.faqEduc__blocks {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.faqEduc__block {
    border-bottom: 1px solid #F3F4F6;
    padding: 24px 0;
}
.faqEduc__block-q {
    font-weight: 400;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}
.faqEduc__block-q::after {
    content: '';
    background: url('/local/templates/ostendorf/assets/css/../img/educ/faq.svg') no-repeat center/contain;
    position: absolute;
    right: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    transition: all .3s;
}
.faqEduc__block-a {
    padding-top: 20px;
    color: #6B7280;
    display: none;
}
.faqEduc__block-a ol, .faqEduc__block-a ul {
    padding-left: 20px;
    margin-top: 0;
}
.faqEduc__block.active .faqEduc__block-q::after {
    transform: rotate(180deg);
}

@media(max-width: 1400px) {
    .educationHero__formWr {
        margin-top: 32px;
    }
    .educationHero__tags {
        margin-bottom: 32px;
    }
    .educationHero__cont {
        padding-top: 0;
    }
}
@media(max-width: 1200px) {
    .educationHero__blocks {
        flex-direction: column;
        gap: 30px;
    }
}
@media(max-width: 991px) {
    .educationHero__img {
        flex: initial;
        max-height: 730px;
    }
    .planEduc__blocks {
        flex-direction: column;
    }
    .planEduc__blocks-left {
        max-width: initial;
    }
    .planEduc__acc-num {
        font-size: 26px;
        line-height: 26px;
    }
    .advEduc ul {
        gap: 24px 30px;
        margin-top: 48px;
    }
}
@media(max-width: 575px) {
    .form_row {
        grid-template-columns: 1fr;
        margin-bottom: 32px;
        gap: 32px;
    }
    .educationHero__formWr {
        font-size: 12px;
        line-height: 12px;
    }
    .planEduc__acc-titleWr {
        padding-right: 30px;
    }
    .advEduc ul {
        grid-template-columns: 1fr;
    }
    .advEduc ul li::before {
        top: 0;
    }
    .educationHero__tag {
        font-size: 12px;
        line-height: 12px;
    }
}
@media(max-width: 380px) {
    .planEduc__acc-block {
       padding: 20px; 
    }
    .planEduc__acc-titleWr {
        gap: 10px;
    }
}

/* END ПРОЕКТИРОВЩИКАМ */

/* Дистрибьюторы */
.distPage h1 {
    margin-bottom: 64px;
}
.distPage__map {
    margin-bottom: 64px;
}
.distPage__map img, .distPage__map iframe, #distMap {
    width: 100%;
}
#distMap {
    height: 640px;
    background-color: #F3F4F6;
}
.distPage__search {
    margin-bottom: 64px;
    position: relative;
    height: 64px;
    border: 1px solid var(--color-black);
    background-color: #F9FAFB;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 5px 16px;
}
.distPage__search img {
    width: 18px;
}
.distPage__search input {
    font-size: 20px;
    border: none;
    background: none;
    width: 100%;
}
.distPage__search input::placeholder {
    color: #9CA3AF;
}
.distPage__search button {
    border: none;
    background: none;
    padding: 0;
}
.distPage__filter-title {
    color: #9CA3AF;
    padding-bottom: 16px;
    border-bottom: 1px solid #F3F4F6;
    margin-bottom: 24px;
    font-weight: 400;
}
.distPage__filter-regWr {
    display: flex;
    flex-direction: column;
    /*gap: 4px;*/

}
.distPage__filter-reg {
    padding: 12px 16px;
    font-weight: 400;
}
.distPage__filter-reg:hover, .distPage__filter-reg.active {
    background-color: #ECF0F5;
}
.distPage__filter {
    gap:48px;
    align-items: start;
}
.distPage__filter-left {
    flex: 0 0 340px;
    height: 600px;
    display: flex;
    flex-direction: column;
}
.distPage__points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    height: 600px;
    align-items: start;
}
.distPage__point-block {
    background-color: #F9FAFB;
    padding: 24px;
    border: 1px solid #ECF0F5;
    height: 100%;
    max-height: min-content;
    min-height: 360px;
    overflow: auto;
}
.distPage__point-top {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}
.distPage__point-title {
    font-weight: 400;
}
.distPage__point-top-m {
    display: flex;
    gap: 3px;
    align-items: center;
    color: var(--accent);
    font-weight: 600;
    flex: 0 0 77px;
    margin-top: -13px;
}
.distPage__point-address {
    color: #6B7280;
    margin-bottom: 12px;
}
.distPage__point-phone {
    margin: 12px 0;
}
.distPage__point-phone a {
    font-weight: 400;
}
.distPage__point-site {
    color: #6B7280;
    font-weight: 400;
}
.distPage__point-btn {
    margin-top: 30px;
}
.distPage__point-btn img {
    width: 12px;
}
.distPage__point-btn button {
    font-size: 16px;
    line-height: 16px;
    padding: 18px 20px;
    font-weight: 600;
    border: 1px solid var(--accent);
    background: none;
    transition: all .3s;
    color: var(--accent);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    border-radius: 5px;
}
.distPage__point-btn button:hover {
    background-color: var(--accent);
    color: #fff;
    border: 1px solid var(--accent);
}
.distPage__point-btn button:hover img {
    filter: brightness(0) invert(1);
}
.scroll-or {
    overflow: auto;
}
.scroll-or::-webkit-scrollbar {
    width: 18px;
}
.scroll-or::-webkit-scrollbar-track {
    background: #fff;
    border: 1px solid #F3F4F6;
}
.scroll-or::-webkit-scrollbar-thumb {
    background-color: var(--accent);
    border-radius: 20px;
    border: 1px solid #F3F4F6;
}
.scroll-or::-webkit-scrollbar-button:vertical {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-left: 1px solid #F3F4F6;
    border-right: 1px solid #F3F4F6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 7px;
}
.scroll-or::-webkit-scrollbar-button:vertical:start:increment,
.scroll-or::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
    width: 0;
    height: 0;
}
.scroll-or::-webkit-scrollbar-button:vertical:start:decrement {
    border-top: 1px solid #F3F4F6;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L16 10H0L8 0Z' fill='black'/%3E%3C/svg%3E");
}
.scroll-or::-webkit-scrollbar-button:vertical:end:increment {
    border-bottom: 1px solid #F3F4F6;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L0 0H16L8 10Z' fill='black'/%3E%3C/svg%3E");
}
@media(max-width: 1400px) {
    .distPage__points {
            grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 1200px) {
    .distPage__filter {
        flex-direction: column;
    }
    .distPage__filter-left {
        flex: auto;
        width: 100%;
    }
}
@media(max-width: 769px) {
    .distPage__points {
        grid-template-columns: 1fr;
    }
    .distPage__points {
        height: 650px;
    }
    .distPage__map img,
    #distMap {
        height: 580px;
        object-fit: cover;
    }
    .distPage h1, .distPage__map, .distPage__search {
        margin-bottom: 32px;
    }
}
/* END Дистрибьюторы */

/* Contact */
.infoContact__blocks {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(4, 1fr);
}
.infoContact__block-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--accent);
    margin-bottom: 24px;
}
.infoContact__block-title {
    color: #9CA3AF;
    font-weight: 500;
    margin-bottom: 28px;
    font-size: 20px;
}
.infoContact__block-txt b {
    font-weight: 600;
}
.infoContact__block-txt a {
    font-weight: 600;
    /*margin-bottom: 14px;*/
    transition: all .3s;
    display: block;
    margin-top: 10px;
    font-size: 16px;
}
.infoContact__block-txt {
    font-size: 16px;
}
.infoContact__block-txt a:hover {
    color: var(--accent);
}
.infoContact__block-job {
    border-top: 1px solid #F3F4F6;
    padding-top: 16px;
    margin-top: 24px;
}
.infoContact__block:first-child .infoContact__block-txt {
    font-size: 16px;
}
.recContact__wr {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 32px;
}
.recContact__left-cont {
    max-width: 435px;
}
.recContact__left-cont p {
    color: #6B7280;
}
.recContact__left-cont .h2 {
    margin-bottom: 24px;
}
.recContact__left-cont .btn {
    margin-top: 24px;
}
.recContact__block {
    padding: 8px 0;
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #E5E7EB;
}
.recContact__block-title {
    color: #9CA3AF;
    flex: 1 1 40%;
}
.recContact__block-txt {
    flex: 1 1 60%;
}
.recContact__right {
    flex: 1 1 50%;
}
.recContact__left {
    flex: 1 1 50%;
}


@media(max-width: 1200px) {
    .recContact__left {
        flex: 1 1 30%;
    }
    .recContact__right {
        flex: 1 1 70%;
    }
}
@media(max-width: 991px) {
    .infoContact__blocks {
        grid-template-columns: repeat(3, 1fr);
    }
    .recContact__wr {
        flex-direction: column;
        align-items: normal;
    }
    .recContact__left-cont {
        max-width: 100%;
    }
    .recContact__wr {
        gap: 48px;
    }
}
@media(max-width: 769px) {
    .infoContact__blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 575px) {
    .infoContact__blocks {
        grid-template-columns: 1fr;
    }
    .mapContact iframe {
        height: 400px;
    }
    .recContact__block {
        flex-direction: column;
        gap: 32px;
    }
}
/* END Contact */

/* ABOUT US */
.heroAbout {
    color: var(--color-black)
}
.heroAbout__cont {
    max-width: 670px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.heroAbout__title {
    color: #fff;
    font-weight: 500;
    background-color: var(--accent);
    padding: 4px 12px;
    width: fit-content;
}
.heroAbout__cont .h1 span {
    font-weight: 200;
}
.heroAbout__cont p {
    color: #4B5563;
    margin: 0;
}
.videoAbout__blocks {
    display: flex;
    gap: 48px;
}
.videoAbout__video, .videoAbout__cont {
    flex: 1 1 50%;
}
.videoAbout__video .materialsHome__slide {
    width: 100%;
    height: 360px;
}
.videoAbout__cont p {
    margin: 24px 0;
    color: #6B7280;
}
.videoAbout__adv {
    margin-top: 64px;
    border-top: 1px solid #F3F4F6;
    padding-top: 64px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
}
.videoAbout__adv-block {
    display: flex;
    flex-direction: column;
    gap: 23px;
    text-align: center;
    align-items: center;
}
.videoAbout__adv-icon {
    width: 80px;
    height: 80px;
    border: 1px solid #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.videoAbout__adv-title {
    font-weight: 400;
}
.videoAbout__adv-txt {
    color: #6B7280;
}
.manufAbout {
    background-color: #333;
    color: #fff;
}
.manufAbout__blocks {
    display: flex;
    gap: 64px;
    align-items: flex-start;
}
.manufAbout__blocks-img {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    flex: 1 1 50%;
}
.manufAbout__blocks-img img {
    object-fit: cover;
    width: 100%;
}
.manufAbout__blocks-cont {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}
.manufAbout__txtBlock {
    padding-left: 32px;
    border-left: 4px solid var(--accent);
    padding-right: 20%;
}
.manufAbout__txtBlock h5 {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 28px;
}
.manufAbout__txtBlock:nth-child(2n) {
    border: none;
    border-right: 4px solid var(--accent);
    text-align: right;
    padding-right: 32px;
    padding-left: 20%;
}
.manufAbout__txtBlock p {
    color: #ECF0F5;
    line-height: 28px;
}
.manufAbout__txtBlock p:last-child {
    margin-bottom: 0;
}

.histiryAbout {
    background-color: #F5F6F8;
    overflow: hidden;
}
.histiryAbout .subTitle,
.histiryAbout h2 {
    text-align: center;
}
.histiryAbout__slider {
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
}
.histiryAbout__slide {
    position: relative;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    height: 100%;
}
.histiryAbout__slide::before {
    content: '';
    width: 2px;
    background-color: #E5E7EB;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.histiryAbout__slide-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
}
.histiryAbout__slide-row::before {
    content: '';
    width: 26px;
    height: 26px;
    background-color: var(--accent);
    border: 8px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.histiryAbout__slide-col {
    max-width: 570px;
    justify-self: end;
    text-align: right;
    padding-right: 90px;
    position: relative;
}
.histiryAbout__slide-row.-rev .histiryAbout__slide-col:nth-child(2) {
    justify-self: start;
    text-align: left;
    padding-left: 90px;
    padding-right: 0;
}
.histiryAbout__slide-year {
    font-weight: 400;
    margin-bottom: 8px;
    color: var(--color-black);
}
.histiryAbout__slide-txt {
    color: #6B7280;
}
.histiryAbout__nav {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 32px;
    transform: translateY(-50%);
}
.histiryAbout__nav-btn {
    width: 54px;
    height: 38px;
    border: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.histiryAbout__nav-btn svg {
    width: 48px;
    height: auto;
}
.histiryAbout__nav-btn.swiper-button-disabled {
    opacity: .3;
    pointer-events: none;
}

@media(max-width: 1200px) {
    .histiryAbout__slider {
        height: 430px;
        padding-right: 80px;
        padding-left: 80px;
    }
    .histiryAbout__slide-col {
        padding-right: 45px;
    }
    .histiryAbout__slide-row.-rev .histiryAbout__slide-col:nth-child(2) {
        padding-left: 45px;
    }
    .histiryAbout__slide-txt {
        font-size: 16px;
        line-height: 18px;
    }
    .videoAbout__adv {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 32px;
        padding-top: 32px;
    }
    .videoAbout__blocks {
        flex-direction: column;
        align-items: normal;
    }
    .heroAbout__cont {
        max-width: 100%;
    }
    .manufAbout__blocks {
        flex-direction: column-reverse;
    }
    .manufAbout__blocks-cont {
        padding-right: 0;
    }
    .manufAbout__blocks-img {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .manufAbout__blocks {
        margin-top: 48px;
    }
}
@media(max-width: 575px) {
    .histiryAbout__slider {
        height: 520px;
        padding-right: 0;
        padding-left: 0;
    }
    .histiryAbout__slide::before,
    .histiryAbout__slide-row::before {
        left: auto;
        right: 13px;
    }
    .histiryAbout__slide::before {
        transform: translateX(50%);
    }
    .histiryAbout__slide-row {
        grid-template-columns: 1fr;
        padding-right: 50px;
        align-items: start;
    }
    .histiryAbout__slide-col,
    .histiryAbout__slide-row.-rev .histiryAbout__slide-col:nth-child(2) {
        max-width: none;
        justify-self: stretch;
        text-align: right;
        padding-left: 0;
        padding-right: 0;
    }
    .histiryAbout__slide-row.-rev .histiryAbout__slide-col:first-child {
        display: none;
    }
    .histiryAbout__nav {
        position: static;
        flex-direction: row;
        justify-content: center;
        gap: 28px;
        margin-top: 24px;
        transform: none;
    }
    .histiryAbout__nav-prev svg,
    .histiryAbout__nav-next svg {
        width: 36px;
    }
    .histiryAbout__slider {
        margin-top: 80px;
    }
    .histiryAbout__slide-row::before {
        right: -13px;
        top: 45px;
    }
    .videoAbout__video .materialsHome__slide {
        height: 200px;
    }
    .heroAbout {
        padding: 75px 0 150px;
    }
    .videoAbout__adv {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .manufAbout__txtBlock {
        padding-right: 0;
    }
    .manufAbout__txtBlock:nth-child(2n) {
        padding-left: 0;
    }
    .manufAbout__txtBlock p {
        color: #9CA3AF;
    }
}

/* END ABOUT US */

/* BLOG */
.heroBlog__tabs {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid #F3F4F6;
    padding-bottom: 32px;
    margin-top: 48px;
}
.heroBlog__tab {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    padding: 8px 24px;
    background-color: #F9FAFB;
    transition: all .3s;
    border-radius: 5px;
}
.heroBlog__tab.active, .heroBlog__tab:hover {
    background-color: var(--accent);
    color: #fff;
}
.newsblocks {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.newsblock {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.newsblock__img {
    height: 240px;
    overflow: hidden;
}
.newsblock__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s;
}
.newsblock:hover .newsblock__img img {
    transform: scale(1.06);
}
.newsblock__info {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.newsblock__cat {
    border: 1px solid #000;
    padding: 2px 8px;
}
.newsblock__date {
    color: #9CA3AF;
    font-weight: 400;
}
.newsblock__exerpt {
    color: #6B7280;
}
.pagination {
    margin-top: 40px;
    display: flex;
    gap: 8px;
    font-size: 14px;
    line-height: 14;
    font-weight: 600;
    text-align: center;
    justify-content: center;
}
.page-number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    border: 1px solid #E5E7EB
}
.page-number.current,  .page-number:hover {
    background-color: var(--accent);
    color: #fff;
}
.page-prev:hover svg path, .page-next:hover svg path {
    fill: #fff;
}
.pagination .dots {
    width: 40px;
    height: 40px;
    color: #D1D5DB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.videoBlocks {
    flex-wrap: wrap;
    gap: 64px 32px;
}
.videoBlocks .materialsHome__slide {
    /* Меняем первый параметр flex-grow с 1 на 0 */
    flex: 0 1 calc(25% - 24px); 
    min-width: 250px;
}
.videoBlocks .materialsHome__slide.-w100 {
    flex: 1 1 100%;
}
.videoBlocks .materialsHome__slide.-w50 {
    flex: 1 1 48%;
}
.videoBlocks .materialsHome__slide.-w50 .prodAbout__videoWr {
    height: 445px;
}
.videoBlocks .prodAbout__video-title {
    color: var(--color-black);
    font-size: 20px;
    line-height: 20px;
}
.videoBlocks .prodAbout__videoWr {
    height: 745px;
}
.videoBlocks__txt {
    color: #6B7280;
    margin-top: 16px;
}
.heroBlog__body:not(.active) {
    display: none;
}
@media(max-width: 1400px) {
    .videoBlocks .prodAbout__videoWr {
        height: 600px;
    }
}
@media(max-width: 1200px) {
    .newsblocks {
        grid-template-columns: repeat(2, 1fr);
    }
    .videoBlocks .materialsHome__slide {
        flex: 1 1 calc(49% - 18px);
    }
}
@media(max-width: 769px) {
    .newsblocks {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 32px;
    }
    .videoBlocks .materialsHome__slide {
        flex: 1 1 100%;
    }
}
@media(max-width: 575px) {
    .videoBlocks .prodAbout__videoWr {
        height: 400px;
    }
    .videoBlocks .prodAbout__video-title {
        font-size: 16px;
        line-height: 16px;
    }
    .videoBlocks {
        gap: 32px;
    }

    .videoBlocks__txt {
        font-size: 14px;
        line-height: 14px;
    }
}

/* END BLOG */

/* POST */
.postHero .postHero__cont {
    max-width: 860px;
}
.postHeroWr {
    justify-content: space-between;
    align-items: end;
    gap: 90px;
}
.postHero p {
    max-width: 100%;
}
.postHero .container {
    width: 100%;
}
.postHero .heroAbout__title {
    color: var(--accent);
    background: none;
    padding: 0;
    margin-bottom: 16px;
}
.postHero__date-title {
    font-size: 14px;
    color: rgba(255,255,255,.5);
}
.postHero__date span {
    font-size: 14px;
    font-weight: 600;
}
.contPost h2.-border {
    border-left: 8px solid var(--accent);
    padding-left: 32px;
}
.contPost h2 {
    margin-bottom: 48px;
}
.contPost figure {
    margin: 0;
}
.gallery-txt {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.gallery-txt .w50 {
flex: 1 1 calc(50% - 11px);
}
.gallery-txt .w25 {
    flex: 1 1 calc(25% - 11px);
}
.gallery-txt figure img {
    height: 600px;
    width: 100%;
    object-fit: cover;
}
.gallery-txt-block {
    background-color: #333;
    padding: 27px 32px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 11px;
    height: 600px;
}
.gallery-txt-block h5 {
    line-height: 26px;
}
.block-quote {
    background-color: #ECF0F5;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #E5E7EB;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    align-items: center;
}
.block-quote svg {
    margin-bottom: 20px;
}

.txtColImg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}
.txtColImg__img {
    flex: 0 1 40%;
}
.txtColImg__cont {
    flex: 0 1 50%;
    display: flex;
    flex-direction: column;
    gap: 44px;
}
.txtColImg__cont-link a {
    font-weight: 500;
    padding-left: 64px;
    position: relative;
    transition: all .3s;
}
.txtColImg__cont-link a::before {
    content: '';
    width: 48px;
    height: 2px;
    background-color: var(--accent);
    position: absolute;
    top: 8px;
    left: 0;
}
.txtColImg__cont-link a:hover {
    color: var(--accent);
}
.greyBlock {
    padding: 60px;
    background-color: #ECF0F5;
}
.greyBlock h5 {
    margin-bottom: 28px;
}
.blocksTxt__wr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px;
}
.blocksTxt {
    padding: 60px;
    background-color: #F8F6F6;
}
.blocksTxt h5 {
    margin-bottom: 48px;
}
.blocksTxt p {
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}
.blocksTxt img {
    margin-bottom: 48px;
}
.banPost {
    color: #fff;
    height: 600px;
    position: relative;
}
.banPost::before {
    content: '';
    background-color: #00000066;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.banPost .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 1;
}
.banPost h2 {
    max-width: 60%;
}
.postHero__date {
    flex: 0 0 150px;
}
@media(max-width: 1200px) {
    .gallery-txt .w25 {
        flex: 1 1 calc(25% - 36px);
    }
    .gallery-txt .w50 {
        flex: 1 1 calc(50% - 35px);
    }
    .blocksTxt__wr {
        grid-template-columns: repeat(2, 1fr);
    }
    .blocksTxtImg p {
        height: auto;
    }
}
@media(max-width: 991px) {
    .gallery-txt figure:nth-child(2) {
        display: none;
    }
    .txtColImg {
        flex-direction: column;
        gap: 20px;
    }
    .txtColImg__img {
        height: 500px;
        width: 100%;
        flex: auto;
    }
    .txtColImg__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .txtColImg__cont {
        gap: 15px;
    }
    .blocksTxt__wr {
        grid-template-columns: 1fr;
    }
    .blocksTxt p {
        height: auto;
    }
    .blocksTxt img {
        width: 100%;
        margin-bottom: 24px;
    }
    .blocksTxt h5 {
        margin-bottom: 24px;
    }
    .banPost h2 {
        max-width: 100%;
    }
}
@media(max-width: 769px) {
    .postHeroWr {
        flex-direction: column;
        gap: 10px;
        align-items: start!important;
        min-height: initial!important;
    }
    .postHero__date {
        flex: auto;
    }
    .projHero {
        height: auto;
        padding: 60px 0;
    }
    .gallery-txt .w25 {
        flex: 100%;
    }
    .gallery-txt-block {
        height: auto;
    }
    .block-quote h2 {
        margin-bottom: 0;
    }
    .greyBlock h5 {
        margin-bottom: 24px;
    }
}
@media(max-width: 575px) {
    .blocksTxt img {
        height: 183px;
        object-fit: cover;
    }
}
/* END POST */

/* Download */
.heroDownload {
    border-bottom: 1px solid #E5E7EB80
}
.heroDownload__wr {
    justify-content: space-between;
    gap: 32px;
    align-items: end;
}
.heroDownload__wr h1 {
    font-weight: 400;
}
.catDownload__cont ul {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0;
     display: flex;
    flex-direction: column;
    gap: 30px;
}
.catDownload__cont h2 {
    font-weight: 400;
}
.catDownload__cont ul li {
    padding-left: 40px;
    position: relative;
}
.catDownload__cont ul li::before {
    content: '';
    background: url('/local/templates/ostendorf/assets/css/../img/product/li.svg') no-repeat center/contain;
    width: 24px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
}
.catDownload__cont ul li a {
    color: var(--accent);
    position: relative;
    gap: 65px;
    margin-left: 16px;
    font-size: 16px;
    padding-right: 16px;
    font-weight: 600;
}
.catDownload__cont ul li a::after {
    content: '';
    background: url('/local/templates/ostendorf/assets/css/../img/download/d1.svg') no-repeat center/contain;
    position: absolute;
    top: 3px;
    right: 0;
    width: 10px;
    height: 10px;
}
.catDownload__wr {
    display: flex;
    gap: 48px;
    align-items: center;
}
.catDownload__img {
    max-width: 595px;
}
.catDownload__img img {
    box-shadow: -3px 0px 26.1px 9px #0000000D;
}
.catDownload__cont {
    flex: 1;
}
.catDownload__wr .btn {
    margin-top: 48px;
}
.sertDownload {
    background-color: #ECF0F5;
}
.sertDownload__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    margin-top: 48px;
    background-color: #fff;
}
.sertDownload__block {
    background-color: #fff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sertDownload__block-top {
    justify-content: space-between;
}
.sertDownload__block-top span {
    color: #6B7280;
}
.sertDownload__block-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sertDownload__block-list a {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 16px;
    border: 1px solid #000000;
    gap: 10px;
}
.sertDownload__block-list a:hover {
    color: #fff;
    background-color: var(--accent);
    border: 1px solid var(--accent)
}
.sertDownload__block-list a:hover svg path {
    fill: #fff;
}

.tdModels__blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
    margin-top: 48px;
}
.tdModels__block {
    border: 1px solid #E5E7EB;
    padding: 9px;
}
.tdModels__block-img {
    border: 1px solid #E5E7EB;
    height: 300px;
    position: relative;
}
.tdModels__block-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tdModels__block-tag {
    background-color: var(--accent);
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 4px 12px;
}
.tdModels__block-cont {
    padding: 24px;
}
.tdModels__block-cont h5 {
    margin-bottom: 8px;
}
.tdModels__block-cont .btn {
    width: 100%;
}
.grafMat {
    background-color: #333;
    color: #FFFFFF99;
}
.grafMat h2, .grafMat h5 {
    color: #fff;
}
.grafMat__block-link span {
    color: var(--accent);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.grafMat h2 {
    margin-bottom: 32px;
}
.grafMat__cont {
    max-width: 530px;
}
.grafMat__wr {
    gap: 64px;
}
.grafMat__block {
    border: 1px solid #FFFFFF33;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all .3s;
}
.grafMat__block:hover {
    background-color: var(--accent);
    color: #fff;
}
.grafMat__block:hover .grafMat__block-txt {
    color: #FFFFFF80;
}
.grafMat__block:hover svg path {
    fill: #fff;
}
.grafMat__block:hover .grafMat__block-link span {
    color: #fff;
}
.heroDownload__update {
    color: #6B7280;
    display: flex;
    align-items: center;
    gap: 16px;
}
.sertDownload__block-list a svg {
    flex: 0 0 24px;
}
.tdModels .cProj__blocks {
    margin-top: 48px;
}

@media(max-width: 1400px) {
    .tdModels__blocks {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 1200px) {
    .sertDownload__blocks {
        grid-template-columns: repeat(2, 1fr);
    }
    .catDownload__wr {
        flex-direction: column;
        align-items: start;
        gap: 118px;
    }
}
@media(max-width: 991px) {
    .sertDownload__blocks {
        grid-template-columns: 1fr;
    }
    .tdModels__blocks {
        grid-template-columns: repeat(2, 1fr);
    }
    .grafMat__wr {
        flex-direction: column;
    }
}
@media(max-width: 575px) {
    .heroDownload__wr {
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }
    .catDownload__wr {
        gap: 50px;
    }
    .catDownload__cont ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }
    .catDownload__cont ul {
        gap: 24px;
    }
    
    .tdModels__blocks {
        grid-template-columns: 1fr;
    }
    .grafMat__blocks {
        flex-direction: column;
    }
}
/* END Download */

/* Спецификация */
.specPage h1 {
    margin-bottom: 64px;
}
.specPage__back {
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 26px;
}
.specPage__back svg {
    width: 10px;
    height: 10px;
}
.specPage__table {
    display: flex;
    flex-direction: column;
    gap: 29px;
}
.specPage__table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #0000000D;
}
.specPage__table-title {
    font-weight: 500;
}
.specPage__table-left {
    display: flex;
    align-items: center;
    gap: 24px;
}
.specPage__table-img {
    width: 96px;
    height: 96px;
    border: 2px solid #F3F4F6;
    flex: 0 0 96px;
    display: none;
}
.specPage__table-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.specPage__table-cat {
    color: var(--accent);
}
.specPage__table-left-cont {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.specPage__table-sku {
    color: #6B7280;
}
.specPage__table-props {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    order: 2;
    color: #6B7280;
    font-size: 14px;
    line-height: 1.35;
}
.specPage__table-right > .specPage__table-size {
    display: none;
}
.specPage__table-q {
    order: 3;
}
.specPage__table-remove {
    order: 4;
}
.specPage__table-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
.specPage__table-size-title {
    color: #6B7280;
}
.specPage__table-size span {
    padding: 0 26px;
}
.specPage__table-q {
    gap: 16px;
    align-items: center;
}
.specPage__table-remove {
    cursor: pointer;
}
.specPage__table-quantity {
    height: 40px;
    border: 1px solid #000;
    background-color: #fff;
}
.specPage__table-quantity-btn {
    cursor: pointer;
    width: 38px;
    height: 100%;
    padding: 0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    transition: all .3s;
}
.specPage__table-quantity-btn svg {
    width: 10px;
    height: 10px;
}
.specPage__table-quantity-btn.-minus svg {
    height: 5px;
}
.specPage__table-quantity-btn path {
    fill: #181111;
}
.specPage__table-quantity input {
    width: 40px;
    height: 100%;
    padding: 0 8px;
    border: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #181111;
    font-family: inherit;
    appearance: textfield;
    -moz-appearance: textfield;
}
.specPage__table-quantity input::-webkit-outer-spin-button,
.specPage__table-quantity input::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}
.specPage__table-quantity input:focus {
    outline: none;
}
.specPage__table-quantity-btn:hover {
    background-color: var(--accent);
}
.specPage__table-quantity-btn:hover svg path {
    fill: #fff;
}
.specPage__btn {
    margin-top: 26px;
}

@media(max-width: 991px) {
    .specPage__table-row {
        flex-direction: column;
        align-items: start;
    }
    .specPage__table-right {
        justify-content: space-between;
        width: 100%;
        margin-top: 34px;
    }
    .specPage__table-size, .specPage__table-q {
        justify-content: space-between;
        width: 33%;
    }
}
@media(max-width: 575px) {
    .specPage__table-right {
        flex-wrap: wrap;
        gap: 40px 16px;
        justify-content: end;
    }
    .specPage__table-size, .specPage__table-q {
        justify-content: end;
    }
    .specPage__table-size {
        width: 100%;
    }
    .specPage__table-q {
        width: 235px;
    }
}


/* END Спецификация */

.sectionTitle span {
    font-weight: 200;
}
.h2 span {
    font-weight: 200;
}
.productHeroThumbsWr .swiper {
    margin-left: 0;
}

@media(max-width: 380px) {
    body {
        font-size: 18px;
    }
}

/* Десктоп: фиксируется только верхняя правая часть */
@media (min-width: 992px) {
    .header__right-top.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
    }
}

/* Мобильный: фиксируется вся шапка */
@media (max-width: 991px) {
    .header.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
    }
}


/* Прячем стандартную плавающую кнопку виджета Б24 — открываем только своей */
.b24-widget-button-wrapper { display: none !important; }

/*img.materialsHome__slide-cover-img {
        object-fit: contain;
    object-position: left;
}*/

@media(max-width: 1200px) {
    .heroBlog__body img.materialsHome__slide-cover-img {
        object-fit: cover;
    }
}
@media(max-width: 450px) {
    .heroBlog__body .videoBlocks .prodAbout__videoWr {
        height: auto;
        aspect-ratio: 6 / 9;
    }
}

#geoHomeMap {
    height: 283px;
}

section.educationHero.section {
    padding: 64px 0 0 0;
}
/* End */


/* Start:/local/templates/ostendorf/styles.css?17875710021*/
 
/* End */


/* Start:/local/templates/ostendorf/template_styles.css?17875710021*/
 
/* End */
/* /local/templates/ostendorf/assets/fonts/fonts.css?17875638923493 */
/* /local/templates/ostendorf/assets/css/jquery.fancybox.min.css?178756389112795 */
/* /local/templates/ostendorf/assets/css/slick.css?17875638913159 */
/* /local/templates/ostendorf/assets/css/swiper-bundle.min.css?178756389114611 */
/* /local/templates/ostendorf/assets/css/main.css?178757086982974 */
/* /local/templates/ostendorf/styles.css?17875710021 */
/* /local/templates/ostendorf/template_styles.css?17875710021 */