/* Start:/local/templates/progect/assets/css/fonts.min.css?17946349631357*/
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(/local/templates/progect/assets/css/../fonts/jost-cyrillic.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(/local/templates/progect/assets/css/../fonts/jost-latin-ext.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(/local/templates/progect/assets/css/../fonts/jost-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/local/templates/progect/assets/css/../fonts/manrope-cyrillic.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/local/templates/progect/assets/css/../fonts/manrope-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* End */


/* Start:/local/templates/progect/assets/css/hamburgers.min.css?179463496321510*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{padding:5px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:20px;height:20px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;height:2px;background-color:#000;border-radius:0;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;display:block}.hamburger-inner{top:50%;margin-top:-2px}.hamburger-inner::after,.hamburger-inner::before{content:""}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn-r.is-active .hamburger-inner,.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner,.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner,.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner,.hamburger--elastic-r .hamburger-inner{top:7px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:7px;transition:opacity .125s .275s ease}.hamburger--elastic .hamburger-inner::after{top:15px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:.075s}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-16px,0) rotate(-270deg);transition-delay:.075s}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity .125s .275s ease}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:.075s}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:.075s}.hamburger--emphatic,.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic .hamburger-inner,.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s .175s ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic-r.is-active .hamburger-inner,.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner,.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner,.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner,.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .3s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .3s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner,.hamburger--stand-r .hamburger-inner{transition:transform .075s .15s cubic-bezier(.55,.055,.675,.19),background-color 0s .075s linear}.hamburger--stand .hamburger-inner::before{transition:top .075s .075s ease-in,transform .075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom .075s .075s ease-in,transform .075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner,.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform .075s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top .075s .1s ease-out,transform .075s .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner::before{transition:top .075s .075s ease-in,transform .075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom .075s .075s ease-in,transform .075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg)}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top .075s .1s ease-out,transform .075s .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:.075s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .075s .12s ease,opacity .075s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .075s .12s ease,transform .075s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .075s ease,transform .075s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner,.hamburger--vortex-r .hamburger-inner{transition-duration:.3s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner,.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}
/* End */


/* Start:/local/templates/progect/components/bitrix/menu/top.menu/style.min.css?17946350231191*/
.menu{display:flex;align-items:center;gap:40px;list-style:none}.menu a{position:relative;color:var(--s-accet-lg);background-color:transparent;font-weight:700;font-size:14px;line-height:1;text-decoration:none;transition:color .3s var(--ease),background-color .3s var(--ease),transform .3s var(--ease)}@media not (min-width:1300px){.menu a{font-weight:600;font-size:15px}}@media not (min-width:1024px){.menu a{font-weight:600;font-size:12px}}@media not (min-width:768px){.menu a{padding:0 20px;font-size:30px}}.menu li:last-child a{display:flex;justify-content:center;align-items:center;padding:15px 30px;color:var(--s-dark-grey);background-color:var(--s-accet-z);box-shadow:0 2px 0 rgba(0,0,0,.15)}.menu li:last-child a:hover{transform:translateY(-1px)}.menu li:last-child a.on,.menu li:last-child a:hover{color:var(--s-white);background-color:var(--s-accet-z-hover);box-shadow:0 4px 12px rgba(0,0,0,.35)}.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--s-accet-z);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.menu a.on::after,.menu a:hover::after{transform:scaleX(1)}.menu li:last-child a::after{display:none}
/* End */


/* Start:/local/templates/progect/template_styles.css?179464651944645*/
:root {
    --s-dark-grey: #262626;
    --s-light-grey: #8C8C8C;
    --s-light2-grey: #6B6B6B;
    --s-light3-grey: #C0C0C0;
    --a-hover-link: #161515;
    --s-accet-z: #B1A068;
    --s-accet-z-hover: #786d45;
    --s-accet-text: #D0C6A4;
    --s-grey-text: #888888;
    --s-accet-dg: #131313;
    --s-accet-g: #455163;
    --s-accet-lg: #F8F8F8;
    --s-white: #FFF;
    --s-bg-beg: #F7F6F0;
    --s-bg-23: #232323;

    --ease: cubic-bezier(.22, .61, .36, 1);
}

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


* {
    scrollbar-width: thin;
    scrollbar-color: #B1A068 #1E1E1E
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

::-webkit-scrollbar-track {
    background: #1E1E1E
}

::-webkit-scrollbar-thumb {
    background: #4A4436;
    border: 3px solid #1E1E1E;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: var(--s-accet-z)
}


html {
    width: 100%;
    position: relative;
}
@media (prefers-reduced-motion: no-preference) {
    html { scroll-behavior: smooth; }
}


img, svg {
    display: block;
    max-width: 100%
}


/* Чтобы фиксированная шапка не перекрывала заголовок секции */
section[id] {
    scroll-margin-top: 100px;
}


body {
    background-color: var(--s-white);
    font-family: "Jost", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
}
body.menu-open {
    overflow: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

@media not (min-width: 1300px) {
    .container {
        padding: 0 40px;
    }
}

@media not (min-width: 1024px) {
    .container {
        padding: 0 32px;
    }
}

@media not (min-width: 768px) {
    .container {
        padding: 0 20px;
    }
}

.btn {
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    text-decoration: none;
    display: flex;
}

@media not (min-width: 768px) {
    .btn {
        padding: 14px;
    }
}

.btn.btn-primary {
    color: #262626;
    background: var(--s-accet-z);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    transition: all .3s;
}

.btn.btn-primary:hover {
    color: var(--s-white);
    background: #2e2e2e;
}

.btn.btn-secondary {
    color: #e8e4dc;
    background: #363636;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    transition: all .3s;
}

.btn.btn-secondary:hover {
    color: var(--s-white);
    background: #2e2e2e;
}

@media not (min-width: 768px) {
    .btn.btn-secondary {
        font-size: 18px;
    }
}


/* ============================================================
   ДОПОЛНЕНИЕ: фокус-стили для accessibility
   Кнопки при фокусе с клавиатуры (Tab) должны получать видимую
   обводку — обязательно для доступности. Используем :focus-visible,
   чтобы не мешать кликам мышью.
   ============================================================ */
.btn:focus-visible,
.btn-direction:focus-visible,
.btn-link:focus-visible,
.btn-report:focus-visible,
.menu a:focus-visible {
    outline: 2px solid var(--s-accet-z);
    outline-offset: 2px;
}
/*=============================================================*/
/* HEADER                                                      */
/*=============================================================*/
/* ============================================================
   STICKY HEADER — стили прилипающей шапки
   ------------------------------------------------------------
   Эти правила можно добавить в template_styles.css или
   подключить отдельным файлом. Шапка делается position: sticky,
   при прокрутке получает класс .is-scrolled — в нём чуть
   ужимается логотип и padding, плюс появляется нижняя граница.
   ============================================================ */

/* 1. Сама шапка — sticky по умолчанию, на всех экранах.
   ВАЖНО: фон должен быть непрозрачным, иначе контент
   просвечивает при прокрутке. */
header.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--s-dark-grey);    /* #262626 */
    padding-top: 10px;
    padding-bottom: 10px;
    transition: padding 0.25s var(--ease), background 0.25s, box-shadow 0.25s;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* Когда страница прокручена вниз — шапка становится компактнее.
   Класс .is-scrolled ставит JavaScript (см. scrollspy.js). */
header.site-header.is-scrolled {
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* Логотип плавно ужимается при прокрутке */
header.site-header .header-logo img {
    width: 250px;
    transition: width 0.25s var(--ease);
}

header.site-header.is-scrolled .header-logo img {
    width: 120px;
}

/* На мобильной версии логотип всегда маленький — там sticky-эффект
   на размер логотипа не влияет */
@media not (min-width: 768px) {
    header.site-header .header-logo img,
    header.site-header.is-scrolled .header-logo img {
        width: 90px;
    }
}

/* 2. Чтобы якорные переходы (#about, #contacts и т.д.)
   не уходили под sticky-шапку, уже есть правило:
   section[id] { scroll-margin-top: 100px; }
   в template_styles.css. Его достаточно, но при более
   компактной шапке можно уменьшить до 80px:
*/
header.site-header.is-scrolled ~ * section[id],
body.is-scrolled section[id] {
    scroll-margin-top: 80px;
}

.header {
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.header .header-logo img {
    width: 250px;
}

@media not (min-width: 768px) {
    .header .header-logo img {
        width: 90px;
    }
}

@media not (min-width: 768px) {
    .header #navigation .menu {
        z-index: 10;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background-color: rgba(38, 38, 38, .85);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        transition: transform .3s;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateY(-100%);
    }

    .header #navigation .menu.show {
        display: flex;
        transform: translateY(0);
    }
}
/* Гамбургер */
.hamburger {
    z-index: 20000;
    align-items: center;
    padding: 15px;
    transition: transform .3s;
    display: flex;
    position: relative;
}

@media (min-width: 768px) {
    .hamburger {
        display: none;
    }
}

.hamburger .sr-only {
    color: #f7f5ef;
    margin-top: 6px;
    margin-right: 10px;
    font-size: 8px;
    font-weight: 700;
}

.hamburger:focus {
    outline: none;
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
    background-color: var(--s-accet-z);
}

.breadcrumbs {
    align-items: center;
    gap: 12px;
    margin-bottom: 30px;
    display: flex;
}

.breadcrumbs span {
    letter-spacing: 1.76px;
    text-transform: uppercase;
    color: var(--s-accet-z);
    font-size: 11px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .breadcrumbs span {
        font-size: 9px;
    }
}


/*=============================================================*/
/* 2. HERO-БЛОК «ГРУППА КОМПАНИЙ СИАНА»                        */
/*=============================================================*/
.hero {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media not (min-width: 768px) {
    .hero {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.hero .hero-title {
    color: var(--s-accet-z);
    letter-spacing: -.64px;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
}

@media not (min-width: 1024px) {
    .hero .hero-title {
        font-size: 38px;
    }
}

@media not (min-width: 768px) {
    .hero .hero-title {
        font-size: 29px;
    }
}

.hero .hero-title span {
    color: var(--s-white);
    font-weight: 300;
    display: block;
}

.hero .hero-intro {
    color: var(--s-white);
    padding-top: 80px;
}

@media not (min-width: 1024px) {
    .hero .hero-intro {
        padding-top: 60px;
    }
}

@media not (min-width: 768px) {
    .hero .hero-intro {
        padding-top: 25px;
    }
}

.hero .hero-intro .hero-intro-p1 {
    color: var(--s-accet-text);
    letter-spacing: .24px;
    margin-bottom: 38px;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    display: block;
}

@media not (min-width: 1300px) {
    .hero .hero-intro .hero-intro-p1 {
        font-size: 23px;
    }
}

@media not (min-width: 1024px) {
    .hero .hero-intro .hero-intro-p1 {
        margin-bottom: 25px;
        font-size: 18px;
    }
}

.hero .hero-intro .hero-intro-p3 {
    color: #a8a8a8;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    display: block;
}

@media not (min-width: 1300px) {
    .hero .hero-intro .hero-intro-p3 {
        font-size: 18px;
        font-weight: 500;
    }
}

@media not (min-width: 1024px) {
    .hero .hero-intro .hero-intro-p3 {
        font-size: 18px;
    }
}

.hero .hero-full-flex {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 30px;
    margin-top: -40px;
    display: grid;
}

@media (min-width: 768px) {
    .hero .hero-full-flex {
        margin-top: -30px;
    }
}

@media not (min-width: 768px) {
    .hero .hero-full-flex {
        grid-template-columns: 1fr;
        margin-top: 0;
    }
}

.hero .hero-full-flex .hero-cards {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    display: grid;
}

@media not (min-width: 768px) {
    .hero .hero-full-flex .hero-cards {
        grid-template-columns: 1fr;
    }
}

.hero .hero-full-flex .hero-cards .hero-card {
    background: #2e2e2e;
    padding: 30px 28px;
}

@media (max-width: 1300px) {
    .hero .hero-full-flex .hero-cards .hero-card {
        padding: 25px 17px;
    }
}

@media not (min-width: 768px) {
    .hero .hero-full-flex .hero-cards .hero-card {
        padding: 10px 13px;
    }
}

.hero .hero-full-flex .hero-cards .hero-card:first-child {
    background: #1e1e1e;
}

.hero .hero-full-flex .hero-cards .hero-card span.card-number {
    color: var(--s-accet-z);
    font-size: 20px;
}

@media not (min-width: 1300px) {
    .hero .hero-full-flex .hero-cards .hero-card span.card-number {
        font-size: 18px;
    }
}

@media not (min-width: 1024px) {
    .hero .hero-full-flex .hero-cards .hero-card span.card-number {
        font-size: 18px;
    }
}

@media not (min-width: 768px) {
    .hero .hero-full-flex .hero-cards .hero-card span.card-number {
        font-size: 10px;
    }
}

.hero .hero-full-flex .hero-cards .hero-card h2.card-title {
    color: var(--s-white);
    margin: 30px 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
}

@media not (min-width: 1300px) {
    .hero .hero-full-flex .hero-cards .hero-card h2.card-title {
        font-size: 25px;
    }
}

@media not (min-width: 1024px) {
    .hero .hero-full-flex .hero-cards .hero-card h2.card-title {
        margin: 27px 0;
        font-size: 22px;
    }
}

@media not (min-width: 768px) {
    .hero .hero-full-flex .hero-cards .hero-card h2.card-title {
        margin: 10px 0;
        font-size: 18px;
    }
}

.hero .hero-full-flex .hero-cards .hero-card span.card-text {
    width: 200px;
    color: var(--s-grey-text);
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
}

@media not (min-width: 1300px) {
    .hero .hero-full-flex .hero-cards .hero-card span.card-text {
        width: auto;
    }
}


.hero .hero-actions {
    align-items: center;
    margin-top: 40px;
    display: flex;
}

@media not (min-width: 768px) {
    .hero .hero-actions {
        justify-content: space-between;
    }

    .hero .hero-actions > * {
        width: 50%;
    }
}

@media (max-width: 550px) {
    .hero .hero-actions {
        flex-direction: column;
        gap: 10px;
    }

    .hero .hero-actions > * {
        width: 100%;
    }
}

/*=============================================================*/
/* 3. СЕКЦИЯ «О ГРУППЕ»                                        */
/*=============================================================*/
.about {
    background: var(--s-bg-beg);
    color: var(--s-dark-grey);
    padding-top: 80px;
    padding-bottom: 80px;
}

@media not (min-width: 768px) {
    .about {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.about .section-title {
    margin-top: 60px;
    font-size: 44px;
    font-weight: 300;
    line-height: 1.2;
}

@media not (min-width: 1300px) {
    .about .section-title {
        margin-top: 0;
        font-size: 44px;
    }
}

@media not (min-width: 1024px) {
    .about .section-title {
        font-size: 44px;
    }
}

@media not (min-width: 768px) {
    .about .section-title {
        font-size: 25px;
    }
}

.about .section-title span {
    font-weight: 600;
}

.about .about-grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 30px;
    display: grid;
}

@media not (min-width: 1300px) {
    .about .about-grid {
        grid-template-columns: 1fr;
    }
}

.about .about-grid .about-text-o {
    color: var(--s-dark-grey);
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 20px;
}

.about .about-grid .about-text-t {
    color: var(--s-light-grey);
    margin-top: 35px;
    margin-bottom: 35px;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 20px;
}

.about .about-grid .about-stats {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    display: grid;
}

.about .about-grid .about-stats .stat {
    border-top: 1px solid #d4d4d4;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 32px 0 30px;
    display: flex;
}

.about .about-grid .about-stats .stat:last-child {
    border-left: 1px solid #d4d4d4;
    padding: 32px 0 30px 50px;
}

@media not (min-width: 768px) {
    .about .about-grid .about-stats .stat {
        padding: 12px 0 10px;
    }

    .about .about-grid .about-stats .stat:last-child {
        padding: 10px 0 10px 10px;
    }
}

.about .about-grid .about-stats .stat .stat-value {
    color: var(--s-dark-grey);
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 600;
    display: block;
}

@media not (min-width: 768px) {
    .about .about-grid .about-stats .stat .stat-value {
        font-size: 25px;
        font-weight: 700;
    }
}

.about .about-grid .about-stats .stat .stat-label {
    color: var(--s-light2-grey);
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
    display: block;
}

@media not (min-width: 768px) {
    .about .about-grid .about-stats .stat .stat-label {
        font-size: 16px;
        font-weight: 400;
    }
}


/*=============================================================*/
/*4. СЕКЦИЯ «НАПРАВЛЕНИЯ ДЕЯТЕЛЬНОСТИ»                         */
/*=============================================================*/
.directions {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 0;
    overflow: hidden;
}

@media not (min-width: 768px) {
    .directions {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

.directions .direction-01-img {
    position: relative;
}

@media not (min-width: 768px) {
    .directions .direction-01-img {
        height: 390px;
    }
}

.directions .direction-01-img .direction-01-img--abs {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

@media not (min-width: 768px) {
    .directions .direction-01-img .direction-01-img--abs {
        width: calc(100% + 40px);
        height: 390px;
        display: block;
        position: relative;
        left: -20px;
    }
}

.directions .direction-01-img .direction-01-img--abs img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.directions .directions-flex {
    justify-content: space-between;
    display: flex;
}

.directions .directions-flex .eyebrow {
    color: #666;
    font-size: 20px;
}

.directions .section-title {
    color: #fff;
    margin-bottom: 40px;
    font-size: 38px;
    font-weight: 300;
}

.directions .section-title span {
    color: var(--s-accet-z);
    font-weight: 600;
}

.directions .direction {
    grid-template-columns: 1fr 1fr;
    display: grid;
}

@media not (min-width: 768px) {
    .directions .direction {
        grid-template-columns: 1fr;
    }
}

.directions .direction-01 {
    color: var(--s-light-grey);
}

.directions .direction-01 .direction-01-c {
    padding: 80px 40px 80px 0;
}

@media (max-width: 1300px) {
    .directions .direction-01 .direction-01-c {
        padding: 40px 20px 40px 0;
    }
}
@media (max-width: 768px) {
    .directions .direction-01 .direction-01-c {
        padding: 0 20px 30px 0;
    }
}

.directions .direction-01 .direction-01-c .direction-number {
    color: #b1a068;
    opacity: .1;
    margin-bottom: -43px;
    font-size: 80px;
    font-weight: 700;
    display: block;
}

.directions .direction-01 .direction-01-c .direction-title {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}

@media not (min-width: 1024px) {
    .directions .direction-01 .direction-01-c .direction-title {
        font-size: 19px;
        font-weight: 700;
    }
}

.directions .direction-01 .direction-01-c .direction-description {
    color: silver;
    margin-top: 26px;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.directions .direction-01 .direction-01-c .direction-competencies {
    margin-top: 23px;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.directions .direction-01 .direction-01-c .direction-competencies .subheading {
    text-transform: uppercase;
    color: var(--s-accet-z);
    font-size: 18px;
    font-weight: 700;
}

.directions .direction-01 .direction-01-c .direction-competencies ul {
    color: #e0e0e0;
    flex-direction: column;
    gap: 10px;
    margin-top: 23px;
    font-size: 18px;
    font-weight: 400;
    list-style: none;
    display: flex;
}

.directions .direction-01 .direction-01-c .direction-competencies ul li {
    padding-left: 24px;
    position: relative;
}

.directions .direction-01 .direction-01-c .direction-competencies ul li:before {
    content: "";
    background: var(--s-accet-z);
    position: absolute;
}

.directions .direction-01 .direction-01-c .direction-competencies ul li:after {
    content: "";
    background: var(--s-accet-z);
    position: absolute;
}

.directions .direction-01 .direction-01-c .direction-competencies ul li:before {
    width: 11px;
    height: 1px;
    top: 11px;
    left: 0;
}

.directions .direction-01 .direction-01-c .direction-competencies ul li:after {
    width: 1px;
    height: 11px;
    top: 6px;
    left: 5px;
}

.directions .direction-01 .direction-01-c .btn-direction {
    color: #262626;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #b1a068;
    margin-top: 32px;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: background 0.25s var(--ease),
    color 0.25s var(--ease),
    transform 0.25s var(--ease),
    box-shadow 0.25s var(--ease);
}
.directions .direction-01 .direction-01-c .btn-direction:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), var(--s-accet-z-hover);
    color: var(--s-white);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.directions .direction-02 {
    color: var(--s-light3-grey);
    background: #efece1;
    position: relative;
}

@media not (min-width: 768px) {
    .directions .direction-02 {
        flex-direction: column-reverse;
        width: calc(100% + 40px);
        margin-left: -20px;
        display: flex;
    }
}

.directions .direction-02:after {
    content: "";
    z-index: -1;
    background: #efece1;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media not (min-width: 768px) {
    .directions .direction-02:after {
        display: none;
    }
}

.directions .direction-02 .direction-02-img {
    position: relative;
}

@media not (min-width: 768px) {
    .directions .direction-02 .direction-02-img {
        height: 390px;
    }
}

.directions .direction-02 .direction-02-img .direction-02-img--abs {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

@media not (min-width: 1024px) {
    .directions .direction-02 .direction-02-img .direction-02-img--abs {
        width: calc(100% + 32px);
        left: -32px;
    }
}

@media not (min-width: 768px) {
    .directions .direction-02 .direction-02-img .direction-02-img--abs {
        width: 100%;
        height: 390px;
        display: block;
        position: relative;
        left: 0;
    }
}

.directions .direction-02 .direction-02-img .direction-02-img--abs img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.directions .direction-02 .direction-02-c {
    padding: 80px 40px;
}

@media not (min-width: 1024px) {
    .directions .direction-02 .direction-02-c {
        padding: 40px 0 40px 20px;
    }

    .directions .direction-02 .direction-02-c {
        padding: 40px 20px;
    }
}

.directions .direction-02 .direction-02-c .direction-number {
    color: #262626;
    opacity: .1;
    margin-bottom: -43px;
    font-size: 80px;
    font-weight: 700;
    display: block;
}

.directions .direction-02 .direction-02-c .breadcrumbs span {
    color: #262626;
}

.directions .direction-02 .direction-02-c .direction-title {
    color: #262626;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}

@media not (min-width: 1024px) {
    .directions .direction-02 .direction-02-c .direction-title {
        font-size: 19px;
        font-weight: 700;
    }
}

.directions .direction-02 .direction-02-c .direction-description {
    color: #515151;
    margin-top: 26px;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
}

.directions .direction-02 .direction-02-c .direction-competencies {
    margin-top: 23px;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.directions .direction-02 .direction-02-c .direction-competencies .subheading {
    text-transform: uppercase;
    color: var(--s-dark-grey);
    font-size: 18px;
    font-weight: 700;
}

.directions .direction-02 .direction-02-c .direction-competencies ul {
    color: var(--s-dark-grey);
    flex-direction: column;
    gap: 10px;
    margin-top: 23px;
    font-size: 18px;
    font-weight: 400;
    list-style: none;
    display: flex;
}

.directions .direction-02 .direction-02-c .direction-competencies ul li {
    padding-left: 24px;
    position: relative;
}

.directions .direction-02 .direction-02-c .direction-competencies ul li:before {
    content: "";
    background: var(--s-dark-grey);
    position: absolute;
}

.directions .direction-02 .direction-02-c .direction-competencies ul li:after {
    content: "";
    background: var(--s-dark-grey);
    position: absolute;
}

.directions .direction-02 .direction-02-c .direction-competencies ul li:before {
    width: 11px;
    height: 1px;
    top: 11px;
    left: 0;
}

.directions .direction-02 .direction-02-c .direction-competencies ul li:after {
    width: 1px;
    height: 11px;
    top: 6px;
    left: 5px;
}

.directions .direction-02 .direction-02-c .direction-02-c-but {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media not (min-width: 1024px) {
    .directions .direction-02 .direction-02-c .direction-02-c-but {
        flex-direction: column;
    }
}

.directions .direction-02 .direction-02-c .direction-02-c-but .btn-direction {
    background: var(--s-dark-grey);
    color: var(--s-white);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: background 0.25s var(--ease),
    color 0.25s var(--ease),
    transform 0.25s var(--ease),
    box-shadow 0.25s var(--ease);
}

.directions .direction-02 .direction-02-c .direction-02-c-but .btn-direction:hover {
    background: var(--s-accet-z);
    color: var(--s-dark-grey);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(177, 160, 104, 0.4);
}

@media not (min-width: 1300px) {
    .directions .direction-02 .direction-02-c .direction-02-c-but .btn-direction {
        font-size: 16px;
    }
}

@media not (min-width: 1024px) {
    .directions .direction-02 .direction-02-c .direction-02-c-but .btn-direction {
        width: 100%;
    }
}

.directions .direction-02 .direction-02-c .direction-02-c-but .btn-link {
    background: var(--s-accet-z);
    color: var(--s-dark-grey);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: background 0.25s var(--ease),
    color 0.25s var(--ease),
    transform 0.25s var(--ease),
    box-shadow 0.25s var(--ease);
}

.directions .direction-02 .direction-02-c .direction-02-c-but .btn-link:hover {
    background: var(--s-accet-z-hover);
    color: var(--s-white);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(120, 109, 69, 0.5);
}



@media not (min-width: 1024px) {
    .directions .direction-02 .direction-02-c .direction-02-c-but .btn-link {
        width: 100%;
    }
}



/*=============================================================*/
/*5. СЕКЦИЯ «КОМПЕТЕНЦИИ ГРУППЫ»                               */
/*=============================================================*/
.group-competencies {
    background: var(--s-white);
    padding-top: 80px;
    padding-bottom: 80px;
}

@media not (min-width: 768px) {
    .group-competencies {
        background: #f4f1e9;
    }

    .group-competencies {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.group-competencies .section-title {
    color: var(--s-dark-grey);
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 38px;
    font-weight: 300;
}

@media not (min-width: 1024px) {
    .group-competencies .section-title {
        font-size: 34px;
    }
}

@media not (min-width: 768px) {
    .group-competencies .section-title {
        font-size: 22px;
    }
}

.group-competencies .section-title span {
    font-weight: 600;
}

@media not (min-width: 768px) {
    .group-competencies .section-title span {
        display: block;
    }
}

.group-competencies .competencies-grid {
    color: var(--s-dark-grey);
    border-top: 1px solid #d4d4d4;
    grid-template-columns: repeat(5, 1fr);
    display: grid;
}

@media not (min-width: 1024px) {
    .group-competencies .competencies-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media not (min-width: 768px) {
    .group-competencies .competencies-grid {
        border-top: 0;
        grid-template-columns: 1fr;
    }
}

.group-competencies .competencies-grid .competency-card {
    border-left: 1px solid #d4d4d4;
    grid-template-columns: 1fr;
    grid-template-areas: "card-number"
                       "card-title"
                       "card-text";
    grid-auto-flow: row;
    padding: 40px 20px;
    display: grid;
}

.group-competencies .competencies-grid .competency-card:first-child {
    border-left: 0;
}

@media not (min-width: 1024px) {
    .group-competencies .competencies-grid .competency-card {
        border-top: 1px solid #d4d4d4;
    }

    .group-competencies .competencies-grid .competency-card:nth-child(odd) {
        border-left: 0;
    }

    .group-competencies .competencies-grid .competency-card:nth-child(2n) {
        border-left: 1px solid #d4d4d4;
    }
}

@media not (min-width: 768px) {
    .group-competencies .competencies-grid .competency-card {
        grid-template-columns: 38px auto;
        grid-template-areas: "card-number card-title"
                         "card-number card-text";
        padding: 20px 0;
    }

    .group-competencies .competencies-grid .competency-card:nth-child(odd) {
        border-left: 0;
    }

    .group-competencies .competencies-grid .competency-card:nth-child(2n) {
        border-left: 0;
    }
}

.group-competencies .competencies-grid .competency-card .card-number {
    grid-area: card-number;
}

.group-competencies .competencies-grid .competency-card .card-title {
    grid-area: card-title;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
}

@media not (min-width: 768px) {
    .group-competencies .competencies-grid .competency-card .card-title {
        margin-top: 2px;
    }
}

.group-competencies .competencies-grid .competency-card .card-text {
    color: var(--s-light2-grey);
    grid-area: card-text;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/*=============================================================*/
/* 6. СЕКЦИЯ «НАДЁЖНОСТЬ И РЕПУТАЦИЯ»                          */
/*=============================================================*/
.reliability {
    background: var(--s-bg-23);
    padding-top: 80px;
    padding-bottom: 80px;
}

@media not (min-width: 768px) {
    .reliability {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.reliability .reliability-intro-grid {
    grid-template-columns: 7fr 5fr;
    display: grid;
}

@media not (min-width: 1024px) {
    .reliability .reliability-intro-grid {
        grid-template-columns: 6fr 6fr;
    }
}

@media not (min-width: 768px) {
    .reliability .reliability-intro-grid {
        border-top: 0;
        grid-template-columns: 1fr;
    }
}

.reliability .reliability-intro-grid .reliability-intro {
    color: #c8c8c8;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.reliability .reliability-main-card-grid {
    grid-template-columns: 5fr 7fr;
    gap: 24px;
    margin-top: 44px;
    display: grid;
}

@media not (min-width: 1024px) {
    .reliability .reliability-main-card-grid {
        grid-template-columns: 4fr 8fr;
        gap: 0;
    }
}

@media not (min-width: 768px) {
    .reliability .reliability-main-card-grid {
        grid-template-columns: 1fr;
    }
}

.reliability .reliability-main-card-grid .reliability-main-card {
    background: #1b1b1b;
    border: 1px solid #444;
    padding: 24px 32px;
}

.reliability .reliability-main-card-grid .reliability-main-card .card-label {
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: var(--s-accet-z);
    font-size: 16px;
    font-weight: 600;
}

.reliability .reliability-main-card-grid .reliability-main-card .reliability-main-card-flex {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.reliability .reliability-main-card-grid .reliability-main-card .reliability-main-card-flex .card-value {
    color: var(--s-accet-z);
    margin-top: 20px;
    font-size: 58px;
    font-weight: 600;
    line-height: 62px;
}

.reliability .reliability-main-card-grid .reliability-main-card .reliability-main-card-flex .card-description {
    display: block;
    text-align: center;
    color: #a8a8a8;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
    line-height: 20px;
}

.reliability .reliability-main-card-grid .reliability-main-card .reliability-main-card-flex .card-line {
    background: var(--s-accet-z);
    width: 100%;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
}

.reliability .reliability-main-card-grid .reliability-main-card .reliability-main-card-flex .card-extra {
    display: block;
    text-align: center;
    color: #c8c8c8;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.reliability .reliability-main-card-grid .reliability-stats {
    background: #2e2e2e;
    grid-template-columns: 1fr 1fr;
    display: grid;
}

.reliability .reliability-main-card-grid .reliability-stats .stat-card {
    border: 1px solid var(--s-bg-23);
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px;
    line-height: 1.2;
    display: flex;
}

@media not (min-width: 768px) {
    .reliability .reliability-main-card-grid .reliability-stats .stat-card {
        flex-direction: column;
        align-items: center;
        padding: 16px;
    }
}

.reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-value {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

@media not (min-width: 1024px) {
    .reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-value {
        font-size: 22px;
    }
}

@media not (min-width: 768px) {
    .reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-value {
        text-align: center;
        font-size: 20px;
    }
}

.reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-value.akzent {
    color: var(--s-accet-z);
    letter-spacing: -1px;
    font-size: 34px;
}

@media not (min-width: 768px) {
    .reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-value.akzent {
        text-align: center;
        font-size: 26px;
    }
}

.reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-label {
    color: #a8a8a8;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

@media not (min-width: 768px) {
    .reliability .reliability-main-card-grid .reliability-stats .stat-card .stat-label {
        text-align: center;
    }
}

.reliability .report-block {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
}

@media not (min-width: 768px) {
    .reliability .report-block {
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.reliability .report-block .btn-report {
    background: var(--s-accet-z);
    color: var(--s-dark-grey);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    transition: background 0.25s var(--ease),
    color 0.25s var(--ease),
    transform 0.25s var(--ease),
    box-shadow 0.25s var(--ease);
}

.reliability .report-block .btn-report:hover {
    background: var(--s-accet-z-hover);
    color: var(--s-white);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(120, 109, 69, 0.5);
}

.reliability .report-block .report-caption {
    color: #888;
    flex-direction: row;
    justify-content: center;
    padding: 14px 24px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    transition: color 0.25s var(--ease);
}

.reliability .report-block .report-caption:hover {
    color: var(--s-accet-z);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.reliability .reliability-footnote {
    color: #6f6f6f;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}



/*=============================================================*/
/* 7. СЕКЦИЯ «КОНТАКТЫ»                                        */
/*=============================================================*/
.contacts {
    background: var(--s-bg-beg);
    padding-top: 80px;
    padding-bottom: 80px;
}

@media not (min-width: 768px) {
    .contacts {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.contacts .section-title {
    color: var(--s-dark-grey);
    font-size: 44px;
    font-weight: 300;
}

@media not (min-width: 1300px) {
    .contacts .section-title {
        font-size: 36px;
    }
}

@media not (min-width: 1024px) {
    .contacts .section-title {
        font-size: 28px;
    }
}

@media not (min-width: 768px) {
    .contacts .section-title {
        font-size: 21px;
    }
}

.contacts .section-title span {
    color: var(--s-accet-z);
    font-weight: 600;
}

@media not (min-width: 768px) {
    .contacts .section-title span {
        display: block;
    }
}

.contacts .contacts-subheading {
    text-align: center;
    color: var(--s-dark-grey);
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 300;
    display: block;
}

@media not (min-width: 1300px) {
    .contacts .contacts-subheading {
        font-size: 36px;
    }
}

@media not (min-width: 1024px) {
    .contacts .contacts-subheading {
        font-size: 28px;
    }
}

@media not (min-width: 768px) {
    .contacts .contacts-subheading {
        text-align: start;
        font-size: 21px;
    }
}

.contacts .contacts-blocks {
    color: #363636;
    border-top: 1px solid #2e2e2e;
    grid-template-columns: 1fr 1fr;
    gap: 101px;
    padding-top: 30px;
    font-size: 20px;
    font-weight: 400;
    display: grid;
    position: relative;
}

@media not (min-width: 768px) {
    .contacts .contacts-blocks {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .contacts .contacts-blocks:before {
        content: "";
        background: #2e2e2e;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 30px;
        bottom: 0;
        left: 50%;
        right: 0;
    }
}

@media not (min-width: 1024px) {
    .contacts .contacts-blocks {
        font-size: 18px;
    }
}

@media not (min-width: 768px) {
    .contacts .contacts-blocks {
        grid-template-columns: 1fr;
        gap: 30px;
        font-size: 16px;
    }

    .contacts .contacts-blocks .contact-block:last-child {
        border-top: 1px solid #2e2e2e;
        padding-top: 30px;
    }
}

.contacts .contacts-blocks a {
    color: #363636;
    text-decoration: none;
    position: relative;
}

.contacts .contacts-blocks a:after {
    content: "";
    transform-origin: 0;
    height: 1px;
    transition: transform .3s var(--ease);
    background: #363636;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
}

.contacts .contacts-blocks a:hover:after {
    transform: scaleX(1);
}

.contacts .contacts-blocks .contact-title {
    color: #363636;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 400;
}

@media not (min-width: 768px) {
    .contacts .contacts-blocks .contact-title {
        font-size: 20px;
    }
}

.contacts .contacts-blocks .contact-row {
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.contacts .contacts-blocks .contact-row.tel {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
}

@media not (min-width: 768px) {
    .contacts .contacts-blocks .contact-row.tel {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}



/*=============================================================*/
/* FOOTER                                                      */
/*=============================================================*/
footer {
    color: var(--s-light-grey);
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 80px;
    font-family: Manrope, serif;
    background: linear-gradient(to bottom, var(--s-dark-grey), var(--s-accet-dg));
}
footer a:not(.logo) {
    position: relative;
    color: var(--s-light-grey);
    text-decoration: none;
}
footer a:not(.logo)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--s-accet-z);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s var(--ease)
}

footer a:hover::after {
    transform: scaleX(1)
}

footer .logo-footer {
    padding-bottom: 40px;
}

footer .footer-columns {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "footer-about footer-directions footer-contacts-about";
    gap: 20px 80px;
    display: grid;

}
footer .footer-about {
    grid-area: footer-about;
}
footer .footer-directions {
    grid-area: footer-directions;
}
footer .footer-contacts {
    grid-area: footer-contacts-about;
}

@media (max-width: 1024px) {
    footer .footer-columns {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "footer-directions footer-contacts-about"
        "footer-about footer-about";
    }
}
@media (max-width: 768px) {
    footer .footer-columns {
        grid-template-columns: 1fr;
        grid-template-areas: "footer-directions"
        "footer-contacts-about"
        "footer-about";
    }
}
footer .footer-columns .footer-heading {
    text-transform: uppercase;
    color: var(--s-accet-z);
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
}

footer .footer-about .footer-about-content {
    margin-bottom: 30px;
}
footer .footer-about .footer-about-content:last-child {
    margin-bottom: 0;
}


footer .footer-columns .footer-directions ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    list-style: none;
}

footer .footer-columns .footer-contact-group {
    display: block;
}

footer .footer-columns .footer-contact-group.first {
    margin-bottom: 30px;
}

footer .footer-columns .footer-contact-group .footer-contact-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #faf8f8;
    font-size: 16px;
    font-weight: 700;
}

footer .footer-columns .footer-contact-group .footer-contact-row {
}

footer .footer-columns .footer-contact-group .footer-contact-row.footer-address-label {
    display: block;
    margin-top: 16px;
    color: #555;
}

footer .footer-bottom {
    border-top: 1px solid #555;
    justify-content: space-between;
    margin-top: 80px;
    padding-top: 10px;
    display: flex;
}


footer .footer-bottom .footer-legal {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
}

@media (max-width: 768px) {
    footer .footer-bottom
    {
        flex-direction: column;
        margin-top: 40px;
        padding-top: 40px;
    }
    footer .footer-bottom .footer-legal {
        margin-top: 10px;
    }
}
/* End */
/* /local/templates/progect/assets/css/fonts.min.css?17946349631357 */
/* /local/templates/progect/assets/css/hamburgers.min.css?179463496321510 */
/* /local/templates/progect/components/bitrix/menu/top.menu/style.min.css?17946350231191 */
/* /local/templates/progect/template_styles.css?179464651944645 */