/* Start:/local/templates/autonomy/dist/css/style.bundle.css?1750765166158923*/
@font-face {
    font-family: 'Muller';
    src: local('Muller Regular'), local('Muller-Regular'),
        url('/local/templates/autonomy/dist/fonts/MullerRegular.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MullerRegular.woff') format('woff'),
        url('/local/templates/autonomy/dist/fonts/MullerRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: local('Muller Bold'), local('Muller-Bold'),
        url('/local/templates/autonomy/dist/fonts/MullerBold.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MullerBold.woff') format('woff'),
        url('/local/templates/autonomy/dist/fonts/MullerBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-900.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-900.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-500.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-300.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-700.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-700.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-100.woff2') format('woff2'),
        url('/local/templates/autonomy/dist/fonts/MuseoSansCyrl-100.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.swiper-button-prev{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23c8c5c4'/%3E%3C/svg%3E");

}
.swiper-button-next{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23c8c5c4'/%3E%3C/svg%3E");
}
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

:root {
  --color-a: #865B9A;
  --color-a-hover: #FF5722;
  --color-main-old: #AE936B;
  --color-main: #333437;
  --color-orange: #FF5722;
  --color-black: #333333;
  --color-font: #333333;
  --font-family:  'Museo Sans Cyrl';
  --font-size:  16px;
  --font-size-body:  var(--font-size);
  --font-size-p:  1rem;
  --font-size-h1:  30px;
  --font-size-h2:  25px;
  --font-size-h3:  20px;
  --font-size-h4:  17px;
  --font-size-h5:  15px;
  --text-shadow:  0 2px 2px rgba(0, 0, 0, 0.5);
  --container-min-width:  375px;
  --container-max-width:  1200px;
  --container-margin:  0px auto;
  --container-padding:  1em;
  --border-radius:  5px;
  --animation:  200ms;
  --grid-item-margin-side:1em;
  --grid-item-margin-side-negative:-1em;
  --grid-item-margin-bottom:1em; }

@media screen and (max-width: 1200px) {
  --container-max-width:1100px,
; }

.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center; }
  .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    background: transparent;
    border: 2px solid #fff;
    opacity: 1; }
    .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: var(--color-main);
      border-color: var(--color-main); }
  .swiper-container .swiper-pagination.swiper-pagination-fraction {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    left: 50%;
    right: auto;
    width: auto;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding: 5px;
    line-height: 1em;
    padding: 4px 5px 6px;
    border-radius: 4px; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

[v-cloak], .v-cloak, [data-static-map] {
  display: block;
  position: relative; }
  [v-cloak]:before, .v-cloak:before, [data-static-map]:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: spinner .6s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
  [v-cloak] > div, .v-cloak > div, [data-static-map] > div {
    opacity: 0.2; }

* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  width: 100%; }

body {
  line-height: 1.4em;
  font-family: 'Museo Sans Cyrl';
  font-weight: 400;
  color: #333333;
  font-size: 18px; }

p {
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 1em;
  color: var(--color-font);
  word-wrap: break-word; }

b {
  font-weight: bold;
  color: #333333; }

.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  overflow: hidden; }

a {
  color: var(--color-a); }
  a:hover {
    text-decoration: underline; }

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

button, input, select, textarea {
  font-family: 'Museo Sans Cyrl';
  font-weight: 400; }

button,
select {
  cursor: pointer; }

img:not(.prevent) {
  max-width: 100%; }

h1, .h1 {
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 0;
  padding-top: 0;
  color: var(--color-black);
  line-height: 1.2em; }
  h1 span, .h1 span {
    font-weight: bold; }

h2, .h2 {
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 0;
  padding-top: 0;
  color: var(--color-black);
  line-height: 1.2em; }
  h2 span, .h2 span {
    font-weight: bold; }

h3, .h3 {
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 0;
  padding-top: 0;
  color: var(--color-black);
  line-height: 1.2em; }
  h3 span, .h3 span {
    font-weight: bold; }

h4, .h4 {
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 0;
  padding-top: 0;
  color: var(--color-black);
  line-height: 1.2em; }
  h4 span, .h4 span {
    font-weight: bold; }

body {
  font-size: var(--font-size); }

.body {
  font-size: var(--font-size); }

p {
  font-size: 1rem; }

.p {
  font-size: 1rem; }

h1 {
  font-size: 30px; }

.h1 {
  font-size: 30px; }

h2 {
  font-size: 25px; }

.h2 {
  font-size: 25px; }

h3 {
  font-size: 20px; }

.h3 {
  font-size: 20px; }

h4 {
  font-size: 17px; }

.h4 {
  font-size: 17px; }

h5 {
  font-size: 15px; }

.h5 {
  font-size: 15px; }

h5 {
  font-weight: 500; }

.clear {
  clear: both; }

.table {
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box; }

.table-row {
  display: table-row;
  vertical-align: middle;
  box-sizing: border-box; }

.table-cell.right-cell {
  text-align: right; }

.cf, .grid, .fl {
  zoom: 1; }

.cf:before, .grid:before, .cf:after, .grid:after, .fl:after, .fl:before {
  content: "";
  display: table; }

.cf:after, .grid:after, .fl:after {
  clear: both; }

.fl {
  display: block; }

.fl-left {
  float: left;
  box-sizing: border-box; }

.fl-right {
  float: right;
  box-sizing: border-box; }

.al-left {
  text-align: left!important; }

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

.al-right {
  text-align: right!important; }

.vl-top {
  vertical-align: top!important; }

.vl-middle {
  vertical-align: middle!important; }

.vl-bottom {
  vertical-align: bottom!important; }

.vl-inline {
  vertical-align: baseline!important; }

ul {
  margin-top: 0; }

.upper {
  text-transform: uppercase; }

.noselect, .assept {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.flex-box {
  display: flex;
  flex-flow: row wrap;
  flex-direction: row; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.animated {
  transition: 200ms; }

.db {
  display: block; }

.dtc {
  display: table-cell; }

.dib {
  display: inline-block; }

.dn {
  display: none; }

.hidden, .vh {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden; }

.visible, .vs {
  visibility: hidden;
  opacity: 1;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible; }

.hide {
  opacity: 0;
  visibility: hidden; }

.show {
  opacity: 1;
  visibility: visible; }

.box {
  display: inline-block;
  box-sizing: border-box;
  padding: 2em;
  position: relative;
  min-height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.05);
  border-radius: 10px; }

.container {
  min-width: 375px;
  max-width: 1200px;
  margin: 0px auto;
  padding: 1em;
  min-width: var(--container-min-width);
  max-width: var(--container-max-width);
  margin: var(--container-margin);
  padding: var(--container-padding);
  box-sizing: border-box;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .container {
      padding: 1em; } }

.w33 {
  width: calc(100% / 3); }

.w10 {
  width: 10%; }

.h10 {
  height: 10%; }

.w15 {
  width: 15%; }

.h15 {
  height: 15%; }

.w20 {
  width: 20%; }

.h20 {
  height: 20%; }

.w25 {
  width: 25%; }

.h25 {
  height: 25%; }

.w30 {
  width: 30%; }

.h30 {
  height: 30%; }

.w35 {
  width: 35%; }

.h35 {
  height: 35%; }

.w40 {
  width: 40%; }

.h40 {
  height: 40%; }

.w45 {
  width: 45%; }

.h45 {
  height: 45%; }

.w50 {
  width: 50%; }

.h50 {
  height: 50%; }

.w55 {
  width: 55%; }

.h55 {
  height: 55%; }

.w60 {
  width: 60%; }

.h60 {
  height: 60%; }

.w65 {
  width: 65%; }

.h65 {
  height: 65%; }

.w70 {
  width: 70%; }

.h70 {
  height: 70%; }

.w75 {
  width: 75%; }

.h75 {
  height: 75%; }

.w80 {
  width: 80%; }

.h80 {
  height: 80%; }

.w85 {
  width: 85%; }

.h85 {
  height: 85%; }

.w90 {
  width: 90%; }

.h90 {
  height: 90%; }

.w95 {
  width: 95%; }

.h95 {
  height: 95%; }

.w100 {
  width: 100%; }

.h100 {
  height: 100%; }

.mgb0 {
  margin-bottom: 0em;
  --grid-item-margin-bottom: 0em; }

.mgt0 {
  margin-top: 0em; }

.mgb1 {
  margin-bottom: 1em;
  --grid-item-margin-bottom: 1em; }

.mgt1 {
  margin-top: 1em; }

.mgb2 {
  margin-bottom: 2em;
  --grid-item-margin-bottom: 2em; }

.mgt2 {
  margin-top: 2em; }

.mgb3 {
  margin-bottom: 3em;
  --grid-item-margin-bottom: 3em; }

.mgt3 {
  margin-top: 3em; }

.mgb4 {
  margin-bottom: 4em;
  --grid-item-margin-bottom: 4em; }

.mgt4 {
  margin-top: 4em; }

.mgb5 {
  margin-bottom: 5em;
  --grid-item-margin-bottom: 5em; }

.mgt5 {
  margin-top: 5em; }

.mgb6 {
  margin-bottom: 6em;
  --grid-item-margin-bottom: 6em; }

.mgt6 {
  margin-top: 6em; }

/* Отступы */
.p0 {
  padding: 0; }

.m0 {
  margin: 0; }

@media only screen and (max-width: 1200px) {
  .l-p0 {
    padding: 0 !important; }
  .l-m0 {
    margin: 0 !important; } }

@media only screen and (max-width: 910px) {
  .m-p0 {
    padding: 0 !important; }
  .m-m0 {
    margin: 0 !important; } }

@media only screen and (max-width: 650px) {
  .s-p0 {
    padding: 0 !important; }
  .s-m0 {
    margin: 0 !important; } }

.p10 {
  padding: 1em 0 1em 0; }

.m10 {
  margin: 1em 0 1em 0; }

@media only screen and (max-width: 1200px) {
  .l-p10 {
    padding: 1em 0 1em 0 !important; }
  .l-m10 {
    margin: 1em 0 1em 0 !important; } }

@media only screen and (max-width: 910px) {
  .m-p10 {
    padding: 1em 0 1em 0 !important; }
  .m-m10 {
    margin: 1em 0 1em 0 !important; } }

@media only screen and (max-width: 650px) {
  .s-p10 {
    padding: 1em 0 1em 0 !important; }
  .s-m10 {
    margin: 1em 0 1em 0 !important; } }

.p01 {
  padding: 0 1em 0 1em; }

.m01 {
  margin: 0 1em 0 1em; }

@media only screen and (max-width: 1200px) {
  .l-p01 {
    padding: 0 1em 0 1em !important; }
  .l-m01 {
    margin: 0 1em 0 1em !important; } }

@media only screen and (max-width: 910px) {
  .m-p01 {
    padding: 0 1em 0 1em !important; }
  .m-m01 {
    margin: 0 1em 0 1em !important; } }

@media only screen and (max-width: 650px) {
  .s-p01 {
    padding: 0 1em 0 1em !important; }
  .s-m01 {
    margin: 0 1em 0 1em !important; } }

.p1 {
  padding: 1em 1em 1em 1em; }

.m1 {
  margin: 1em 1em 1em 1em; }

@media only screen and (max-width: 1200px) {
  .l-p1 {
    padding: 1em 1em 1em 1em !important; }
  .l-m1 {
    margin: 1em 1em 1em 1em !important; } }

@media only screen and (max-width: 910px) {
  .m-p1 {
    padding: 1em 1em 1em 1em !important; }
  .m-m1 {
    margin: 1em 1em 1em 1em !important; } }

@media only screen and (max-width: 650px) {
  .s-p1 {
    padding: 1em 1em 1em 1em !important; }
  .s-m1 {
    margin: 1em 1em 1em 1em !important; } }

.p20 {
  padding: 2em 0 2em 0; }

.m20 {
  margin: 2em 0 2em 0; }

@media only screen and (max-width: 1200px) {
  .l-p20 {
    padding: 2em 0 2em 0 !important; }
  .l-m20 {
    margin: 2em 0 2em 0 !important; } }

@media only screen and (max-width: 910px) {
  .m-p20 {
    padding: 2em 0 2em 0 !important; }
  .m-m20 {
    margin: 2em 0 2em 0 !important; } }

@media only screen and (max-width: 650px) {
  .s-p20 {
    padding: 2em 0 2em 0 !important; }
  .s-m20 {
    margin: 2em 0 2em 0 !important; } }

.p02 {
  padding: 0 2em 0 2em; }

.m02 {
  margin: 0 2em 0 2em; }

@media only screen and (max-width: 1200px) {
  .l-p02 {
    padding: 0 2em 0 2em !important; }
  .l-m02 {
    margin: 0 2em 0 2em !important; } }

@media only screen and (max-width: 910px) {
  .m-p02 {
    padding: 0 2em 0 2em !important; }
  .m-m02 {
    margin: 0 2em 0 2em !important; } }

@media only screen and (max-width: 650px) {
  .s-p02 {
    padding: 0 2em 0 2em !important; }
  .s-m02 {
    margin: 0 2em 0 2em !important; } }

.p2 {
  padding: 2em 2em 2em 2em; }

.m2 {
  margin: 2em 2em 2em 2em; }

@media only screen and (max-width: 1200px) {
  .l-p2 {
    padding: 2em 2em 2em 2em !important; }
  .l-m2 {
    margin: 2em 2em 2em 2em !important; } }

@media only screen and (max-width: 910px) {
  .m-p2 {
    padding: 2em 2em 2em 2em !important; }
  .m-m2 {
    margin: 2em 2em 2em 2em !important; } }

@media only screen and (max-width: 650px) {
  .s-p2 {
    padding: 2em 2em 2em 2em !important; }
  .s-m2 {
    margin: 2em 2em 2em 2em !important; } }

.p30 {
  padding: 3em 0 3em 0; }

.m30 {
  margin: 3em 0 3em 0; }

@media only screen and (max-width: 1200px) {
  .l-p30 {
    padding: 3em 0 3em 0 !important; }
  .l-m30 {
    margin: 3em 0 3em 0 !important; } }

@media only screen and (max-width: 910px) {
  .m-p30 {
    padding: 3em 0 3em 0 !important; }
  .m-m30 {
    margin: 3em 0 3em 0 !important; } }

@media only screen and (max-width: 650px) {
  .s-p30 {
    padding: 3em 0 3em 0 !important; }
  .s-m30 {
    margin: 3em 0 3em 0 !important; } }

.p03 {
  padding: 0 3em 0 3em; }

.m03 {
  margin: 0 3em 0 3em; }

@media only screen and (max-width: 1200px) {
  .l-p03 {
    padding: 0 3em 0 3em !important; }
  .l-m03 {
    margin: 0 3em 0 3em !important; } }

@media only screen and (max-width: 910px) {
  .m-p03 {
    padding: 0 3em 0 3em !important; }
  .m-m03 {
    margin: 0 3em 0 3em !important; } }

@media only screen and (max-width: 650px) {
  .s-p03 {
    padding: 0 3em 0 3em !important; }
  .s-m03 {
    margin: 0 3em 0 3em !important; } }

.p3 {
  padding: 3em 3em 3em 3em; }

.m3 {
  margin: 3em 3em 3em 3em; }

@media only screen and (max-width: 1200px) {
  .l-p3 {
    padding: 3em 3em 3em 3em !important; }
  .l-m3 {
    margin: 3em 3em 3em 3em !important; } }

@media only screen and (max-width: 910px) {
  .m-p3 {
    padding: 3em 3em 3em 3em !important; }
  .m-m3 {
    margin: 3em 3em 3em 3em !important; } }

@media only screen and (max-width: 650px) {
  .s-p3 {
    padding: 3em 3em 3em 3em !important; }
  .s-m3 {
    margin: 3em 3em 3em 3em !important; } }

.of-lines {
  --size:3;
  display: -webkit-box;
  -webkit-line-clamp: var(--size);
  -webkit-box-orient: vertical;
  overflow: hidden; }

.scroll-x {
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: relative; }
  .scroll-x::-webkit-scrollbar {
    height: 10px;
    cursor: pointer;
    background-color: var(--color-bg-light);
    border-radius: 5px; }
  .scroll-x::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: var(--color-font);
    border-radius: 5px;
    cursor: pointer; }
  .scroll-x .scroll-item {
    display: inline-block; }
    .scroll-x .scroll-item:last-child {
      margin-right: 0px !important; }

.inline-items {
  display: block !important;
  margin: 0 !important; }
  .inline-items .grid-item,
  .inline-items .inline-item {
    min-width: auto;
    padding: 0;
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: auto;
    margin-bottom: 5px; }

.hide-on-l {
  display: none; }

.hide-on-m {
  display: none; }

.hide-on-s {
  display: none; }

@media only screen and (max-width: 1200px) {
  .l-inline-items {
    display: block !important;
    margin: 0 !important; }
    .l-inline-items .grid-item,
    .l-inline-items .inline-item {
      min-width: auto;
      padding: 0;
      margin-left: 0;
      margin-right: 10px;
      display: inline-block;
      width: auto; }
  .scroll-x,
  .l-scroll-x {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    display: flex;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: -1em !important; }
    .scroll-x::-webkit-scrollbar,
    .l-scroll-x::-webkit-scrollbar {
      height: 8px;
      cursor: pointer;
      background-color: var(--color-bg-light);
      border-radius: 5px; }
    .scroll-x::-webkit-scrollbar-thumb,
    .l-scroll-x::-webkit-scrollbar-thumb {
      height: 8px;
      background-color: var(--color-font);
      border-radius: 5px;
      cursor: pointer; }
    .scroll-x .grid-item,
    .scroll-x .scroll-item,
    .l-scroll-x .grid-item,
    .l-scroll-x .scroll-item {
      min-width: 200px;
      padding: 0;
      margin-right: var(--grid-space); } }

@media only screen and (max-width: 910px) {
  .m-inline-items {
    display: block !important;
    margin: 0 !important; }
    .m-inline-items .grid-item,
    .m-inline-items .inline-item {
      min-width: auto;
      padding: 0;
      margin-left: 0;
      margin-right: 10px;
      display: inline-block;
      width: auto; }
  .scroll-x,
  .m-scroll-x {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    display: flex;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: -1em !important; }
    .scroll-x::-webkit-scrollbar,
    .m-scroll-x::-webkit-scrollbar {
      height: 8px;
      cursor: pointer;
      background-color: var(--color-bg-light);
      border-radius: 5px; }
    .scroll-x::-webkit-scrollbar-thumb,
    .m-scroll-x::-webkit-scrollbar-thumb {
      height: 8px;
      background-color: var(--color-font);
      border-radius: 5px;
      cursor: pointer; }
    .scroll-x .grid-item,
    .scroll-x .scroll-item,
    .m-scroll-x .grid-item,
    .m-scroll-x .scroll-item {
      min-width: 200px;
      padding: 0;
      margin-right: var(--grid-space); } }

@media only screen and (max-width: 650px) {
  .s-inline-items {
    display: block !important;
    margin: 0 !important; }
    .s-inline-items .grid-item,
    .s-inline-items .inline-item {
      min-width: auto;
      padding: 0;
      margin-left: 0;
      margin-right: 10px;
      display: inline-block;
      width: auto; }
  .scroll-x,
  .s-scroll-x {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    display: flex;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: -1em !important; }
    .scroll-x::-webkit-scrollbar,
    .s-scroll-x::-webkit-scrollbar {
      height: 8px;
      cursor: pointer;
      background-color: var(--color-bg-light);
      border-radius: 5px; }
    .scroll-x::-webkit-scrollbar-thumb,
    .s-scroll-x::-webkit-scrollbar-thumb {
      height: 8px;
      background-color: var(--color-font);
      border-radius: 5px;
      cursor: pointer; }
    .scroll-x .grid-item,
    .scroll-x .scroll-item,
    .s-scroll-x .grid-item,
    .s-scroll-x .scroll-item {
      min-width: 200px;
      padding: 0;
      margin-right: var(--grid-space); } }

.of-0-lines {
  --size:0; }

.of-1-lines {
  --size:1; }

.of-2-lines {
  --size:2; }

.of-3-lines {
  --size:3; }

.of-4-lines {
  --size:4; }

.of-5-lines {
  --size:5; }

.grid-item {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
  width: calc(100% / var(--grid-size));
  align-content: start;
  padding: 0 calc(var(--grid-space) / 2);
  margin-bottom: 1em; }

.grid-10 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-8 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-7 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-6 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-5 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-4 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-3 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-2 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  display: flex;
  flex-wrap: wrap; }

.grid-1 {
  --grid-space:1em;
  width: auto;
  margin: 0 calc(calc(var(--grid-space) / 2) - calc(calc(var(--grid-space) / 2) * 2));
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap; }

.grid-10 {
  --grid-size:10; }

.grid-8 {
  --grid-size:8; }

.grid-7 {
  --grid-size:7; }

.grid-6 {
  --grid-size:6; }

.grid-5 {
  --grid-size:5; }

.grid-4 {
  --grid-size:4; }

.grid-3 {
  --grid-size:3; }

.grid-2 {
  --grid-size:2; }

.grid-1 {
  --grid-size:1; }

.grid-1 {
  --grid-space: 0px!important; }

@media only screen and (max-width: 1200px) {
  .l-grid-10 > .grid-item {
    --grid-size:10; }
  .l-grid-8 > .grid-item {
    --grid-size:8; }
  .l-grid-7 > .grid-item {
    --grid-size:7; }
  .l-grid-6 > .grid-item {
    --grid-size:6; }
  .l-grid-5 > .grid-item {
    --grid-size:5; }
  .l-grid-4 > .grid-item {
    --grid-size:4; }
  .l-grid-3 > .grid-item {
    --grid-size:3; }
  .l-grid-2 > .grid-item {
    --grid-size:2; }
  .l-grid-1 > .grid-item {
    --grid-size:1; }
  .l-grid-1 {
    --grid-space: 0px!important; }
  .l-al-left {
    text-align: left!important; }
  .l-al-center {
    text-align: center!important; }
  .l-al-right {
    text-align: right!important; }
  .l-vl-top {
    vertical-align: top!important; }
  .l-vl-middle {
    vertical-align: middle!important; }
  .l-vl-bottom {
    vertical-align: bottom!important; }
  .l-vl-inline {
    vertical-align: baseline!important; }
  .grid-item.m-w10 {
    width: 10%; }
  .l-w10 {
    width: 10%; }
  .l-h10 {
    height: 10%; }
  .grid-item.m-w15 {
    width: 15%; }
  .l-w15 {
    width: 15%; }
  .l-h15 {
    height: 15%; }
  .grid-item.m-w20 {
    width: 20%; }
  .l-w20 {
    width: 20%; }
  .l-h20 {
    height: 20%; }
  .grid-item.m-w25 {
    width: 25%; }
  .l-w25 {
    width: 25%; }
  .l-h25 {
    height: 25%; }
  .grid-item.m-w30 {
    width: 30%; }
  .l-w30 {
    width: 30%; }
  .l-h30 {
    height: 30%; }
  .grid-item.m-w35 {
    width: 35%; }
  .l-w35 {
    width: 35%; }
  .l-h35 {
    height: 35%; }
  .grid-item.m-w40 {
    width: 40%; }
  .l-w40 {
    width: 40%; }
  .l-h40 {
    height: 40%; }
  .grid-item.m-w45 {
    width: 45%; }
  .l-w45 {
    width: 45%; }
  .l-h45 {
    height: 45%; }
  .grid-item.m-w50 {
    width: 50%; }
  .l-w50 {
    width: 50%; }
  .l-h50 {
    height: 50%; }
  .grid-item.m-w55 {
    width: 55%; }
  .l-w55 {
    width: 55%; }
  .l-h55 {
    height: 55%; }
  .grid-item.m-w60 {
    width: 60%; }
  .l-w60 {
    width: 60%; }
  .l-h60 {
    height: 60%; }
  .grid-item.m-w65 {
    width: 65%; }
  .l-w65 {
    width: 65%; }
  .l-h65 {
    height: 65%; }
  .grid-item.m-w70 {
    width: 70%; }
  .l-w70 {
    width: 70%; }
  .l-h70 {
    height: 70%; }
  .grid-item.m-w75 {
    width: 75%; }
  .l-w75 {
    width: 75%; }
  .l-h75 {
    height: 75%; }
  .grid-item.m-w80 {
    width: 80%; }
  .l-w80 {
    width: 80%; }
  .l-h80 {
    height: 80%; }
  .grid-item.m-w85 {
    width: 85%; }
  .l-w85 {
    width: 85%; }
  .l-h85 {
    height: 85%; }
  .grid-item.m-w90 {
    width: 90%; }
  .l-w90 {
    width: 90%; }
  .l-h90 {
    height: 90%; }
  .grid-item.m-w95 {
    width: 95%; }
  .l-w95 {
    width: 95%; }
  .l-h95 {
    height: 95%; }
  .grid-item.m-w100 {
    width: 100%; }
  .l-w100 {
    width: 100%; }
  .l-h100 {
    height: 100%; }
  .l-dn {
    display: none !important; }
  .l-db {
    display: block !important; }
  .l-dib {
    display: inline-block !important; }
  .l-al-left {
    text-align: left !important; }
  .l-al-center {
    text-align: center !important; }
  .l-al-right {
    text-align: right !important; }
  .l-vl-top {
    vertical-align: top !important; }
  .l-vl-middle {
    vertical-align: middle !important; }
  .l-vl-bottom {
    vertical-align: bottom !important; }
  .l-hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden; }
  .l-visible {
    visibility: hidden;
    opacity: 1;
    width: auto;
    height: auto;
    position: relative;
    overflow: visible; }
  .l-mgb0 {
    margin-bottom: 0em !important; }
  .l-mgt0 {
    margin-top: 0em !important; }
  .l-mgb1 {
    margin-bottom: 1em !important; }
  .l-mgt1 {
    margin-top: 1em !important; }
  .l-mgb2 {
    margin-bottom: 2em !important; }
  .l-mgt2 {
    margin-top: 2em !important; }
  .l-mgb3 {
    margin-bottom: 3em !important; }
  .l-mgt3 {
    margin-top: 3em !important; }
  .l-mgb4 {
    margin-bottom: 4em !important; }
  .l-mgt4 {
    margin-top: 4em !important; }
  .l-mgb5 {
    margin-bottom: 5em !important; }
  .l-mgt5 {
    margin-top: 5em !important; }
  .l-mgb6 {
    margin-bottom: 6em !important; }
  .l-mgt6 {
    margin-top: 6em !important; }
  .l-of-0-lines {
    --size:0; }
  .l-of-1-lines {
    --size:1; }
  .l-of-2-lines {
    --size:2; }
  .l-of-3-lines {
    --size:3; }
  .l-of-4-lines {
    --size:4; }
  .l-of-5-lines {
    --size:5; } }

@media only screen and (max-width: 910px) {
  .m-grid-10 > .grid-item {
    --grid-size:10; }
  .m-grid-8 > .grid-item {
    --grid-size:8; }
  .m-grid-7 > .grid-item {
    --grid-size:7; }
  .m-grid-6 > .grid-item {
    --grid-size:6; }
  .m-grid-5 > .grid-item {
    --grid-size:5; }
  .m-grid-4 > .grid-item {
    --grid-size:4; }
  .m-grid-3 > .grid-item {
    --grid-size:3; }
  .m-grid-2 > .grid-item {
    --grid-size:2; }
  .m-grid-1 > .grid-item {
    --grid-size:1; }
  .m-grid-1 {
    --grid-space: 0px!important; }
  .m-al-left {
    text-align: left!important; }
  .m-al-center {
    text-align: center!important; }
  .m-al-right {
    text-align: right!important; }
  .m-vl-top {
    vertical-align: top!important; }
  .m-vl-middle {
    vertical-align: middle!important; }
  .m-vl-bottom {
    vertical-align: bottom!important; }
  .m-vl-inline {
    vertical-align: baseline!important; }
  .grid-item.m-w10 {
    width: 10%; }
  .m-w10 {
    width: 10%; }
  .m-h10 {
    height: 10%; }
  .grid-item.m-w15 {
    width: 15%; }
  .m-w15 {
    width: 15%; }
  .m-h15 {
    height: 15%; }
  .grid-item.m-w20 {
    width: 20%; }
  .m-w20 {
    width: 20%; }
  .m-h20 {
    height: 20%; }
  .grid-item.m-w25 {
    width: 25%; }
  .m-w25 {
    width: 25%; }
  .m-h25 {
    height: 25%; }
  .grid-item.m-w30 {
    width: 30%; }
  .m-w30 {
    width: 30%; }
  .m-h30 {
    height: 30%; }
  .grid-item.m-w35 {
    width: 35%; }
  .m-w35 {
    width: 35%; }
  .m-h35 {
    height: 35%; }
  .grid-item.m-w40 {
    width: 40%; }
  .m-w40 {
    width: 40%; }
  .m-h40 {
    height: 40%; }
  .grid-item.m-w45 {
    width: 45%; }
  .m-w45 {
    width: 45%; }
  .m-h45 {
    height: 45%; }
  .grid-item.m-w50 {
    width: 50%; }
  .m-w50 {
    width: 50%; }
  .m-h50 {
    height: 50%; }
  .grid-item.m-w55 {
    width: 55%; }
  .m-w55 {
    width: 55%; }
  .m-h55 {
    height: 55%; }
  .grid-item.m-w60 {
    width: 60%; }
  .m-w60 {
    width: 60%; }
  .m-h60 {
    height: 60%; }
  .grid-item.m-w65 {
    width: 65%; }
  .m-w65 {
    width: 65%; }
  .m-h65 {
    height: 65%; }
  .grid-item.m-w70 {
    width: 70%; }
  .m-w70 {
    width: 70%; }
  .m-h70 {
    height: 70%; }
  .grid-item.m-w75 {
    width: 75%; }
  .m-w75 {
    width: 75%; }
  .m-h75 {
    height: 75%; }
  .grid-item.m-w80 {
    width: 80%; }
  .m-w80 {
    width: 80%; }
  .m-h80 {
    height: 80%; }
  .grid-item.m-w85 {
    width: 85%; }
  .m-w85 {
    width: 85%; }
  .m-h85 {
    height: 85%; }
  .grid-item.m-w90 {
    width: 90%; }
  .m-w90 {
    width: 90%; }
  .m-h90 {
    height: 90%; }
  .grid-item.m-w95 {
    width: 95%; }
  .m-w95 {
    width: 95%; }
  .m-h95 {
    height: 95%; }
  .grid-item.m-w100 {
    width: 100%; }
  .m-w100 {
    width: 100%; }
  .m-h100 {
    height: 100%; }
  .m-dn {
    display: none !important; }
  .m-db {
    display: block !important; }
  .m-dib {
    display: inline-block !important; }
  .m-al-left {
    text-align: left !important; }
  .m-al-center {
    text-align: center !important; }
  .m-al-right {
    text-align: right !important; }
  .m-vl-top {
    vertical-align: top !important; }
  .m-vl-middle {
    vertical-align: middle !important; }
  .m-vl-bottom {
    vertical-align: bottom !important; }
  .m-hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden; }
  .m-visible {
    visibility: hidden;
    opacity: 1;
    width: auto;
    height: auto;
    position: relative;
    overflow: visible; }
  .m-mgb0 {
    margin-bottom: 0em !important; }
  .m-mgt0 {
    margin-top: 0em !important; }
  .m-mgb1 {
    margin-bottom: 1em !important; }
  .m-mgt1 {
    margin-top: 1em !important; }
  .m-mgb2 {
    margin-bottom: 2em !important; }
  .m-mgt2 {
    margin-top: 2em !important; }
  .m-mgb3 {
    margin-bottom: 3em !important; }
  .m-mgt3 {
    margin-top: 3em !important; }
  .m-mgb4 {
    margin-bottom: 4em !important; }
  .m-mgt4 {
    margin-top: 4em !important; }
  .m-mgb5 {
    margin-bottom: 5em !important; }
  .m-mgt5 {
    margin-top: 5em !important; }
  .m-mgb6 {
    margin-bottom: 6em !important; }
  .m-mgt6 {
    margin-top: 6em !important; }
  .m-of-0-lines {
    --size:0; }
  .m-of-1-lines {
    --size:1; }
  .m-of-2-lines {
    --size:2; }
  .m-of-3-lines {
    --size:3; }
  .m-of-4-lines {
    --size:4; }
  .m-of-5-lines {
    --size:5; } }

@media only screen and (max-width: 650px) {
  .s-grid-10 > .grid-item {
    --grid-size:10; }
  .s-grid-8 > .grid-item {
    --grid-size:8; }
  .s-grid-7 > .grid-item {
    --grid-size:7; }
  .s-grid-6 > .grid-item {
    --grid-size:6; }
  .s-grid-5 > .grid-item {
    --grid-size:5; }
  .s-grid-4 > .grid-item {
    --grid-size:4; }
  .s-grid-3 > .grid-item {
    --grid-size:3; }
  .s-grid-2 > .grid-item {
    --grid-size:2; }
  .s-grid-1 > .grid-item {
    --grid-size:1; }
  .s-grid-1 {
    --grid-space: 0px!important; }
  .s-al-left {
    text-align: left!important; }
  .s-al-center {
    text-align: center!important; }
  .s-al-right {
    text-align: right!important; }
  .s-vl-top {
    vertical-align: top!important; }
  .s-vl-middle {
    vertical-align: middle!important; }
  .s-vl-bottom {
    vertical-align: bottom!important; }
  .s-vl-inline {
    vertical-align: baseline!important; }
  .grid-item.m-w10 {
    width: 10%; }
  .s-w10 {
    width: 10%; }
  .s-h10 {
    height: 10%; }
  .grid-item.m-w15 {
    width: 15%; }
  .s-w15 {
    width: 15%; }
  .s-h15 {
    height: 15%; }
  .grid-item.m-w20 {
    width: 20%; }
  .s-w20 {
    width: 20%; }
  .s-h20 {
    height: 20%; }
  .grid-item.m-w25 {
    width: 25%; }
  .s-w25 {
    width: 25%; }
  .s-h25 {
    height: 25%; }
  .grid-item.m-w30 {
    width: 30%; }
  .s-w30 {
    width: 30%; }
  .s-h30 {
    height: 30%; }
  .grid-item.m-w35 {
    width: 35%; }
  .s-w35 {
    width: 35%; }
  .s-h35 {
    height: 35%; }
  .grid-item.m-w40 {
    width: 40%; }
  .s-w40 {
    width: 40%; }
  .s-h40 {
    height: 40%; }
  .grid-item.m-w45 {
    width: 45%; }
  .s-w45 {
    width: 45%; }
  .s-h45 {
    height: 45%; }
  .grid-item.m-w50 {
    width: 50%; }
  .s-w50 {
    width: 50%; }
  .s-h50 {
    height: 50%; }
  .grid-item.m-w55 {
    width: 55%; }
  .s-w55 {
    width: 55%; }
  .s-h55 {
    height: 55%; }
  .grid-item.m-w60 {
    width: 60%; }
  .s-w60 {
    width: 60%; }
  .s-h60 {
    height: 60%; }
  .grid-item.m-w65 {
    width: 65%; }
  .s-w65 {
    width: 65%; }
  .s-h65 {
    height: 65%; }
  .grid-item.m-w70 {
    width: 70%; }
  .s-w70 {
    width: 70%; }
  .s-h70 {
    height: 70%; }
  .grid-item.m-w75 {
    width: 75%; }
  .s-w75 {
    width: 75%; }
  .s-h75 {
    height: 75%; }
  .grid-item.m-w80 {
    width: 80%; }
  .s-w80 {
    width: 80%; }
  .s-h80 {
    height: 80%; }
  .grid-item.m-w85 {
    width: 85%; }
  .s-w85 {
    width: 85%; }
  .s-h85 {
    height: 85%; }
  .grid-item.m-w90 {
    width: 90%; }
  .s-w90 {
    width: 90%; }
  .s-h90 {
    height: 90%; }
  .grid-item.m-w95 {
    width: 95%; }
  .s-w95 {
    width: 95%; }
  .s-h95 {
    height: 95%; }
  .grid-item.m-w100 {
    width: 100%; }
  .s-w100 {
    width: 100%; }
  .s-h100 {
    height: 100%; }
  .s-dn {
    display: none !important; }
  .s-db {
    display: block !important; }
  .s-dib {
    display: inline-block !important; }
  .s-al-left {
    text-align: left !important; }
  .s-al-center {
    text-align: center !important; }
  .s-al-right {
    text-align: right !important; }
  .s-vl-top {
    vertical-align: top !important; }
  .s-vl-middle {
    vertical-align: middle !important; }
  .s-vl-bottom {
    vertical-align: bottom !important; }
  .s-hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden; }
  .s-visible {
    visibility: hidden;
    opacity: 1;
    width: auto;
    height: auto;
    position: relative;
    overflow: visible; }
  .s-mgb0 {
    margin-bottom: 0em !important; }
  .s-mgt0 {
    margin-top: 0em !important; }
  .s-mgb1 {
    margin-bottom: 1em !important; }
  .s-mgt1 {
    margin-top: 1em !important; }
  .s-mgb2 {
    margin-bottom: 2em !important; }
  .s-mgt2 {
    margin-top: 2em !important; }
  .s-mgb3 {
    margin-bottom: 3em !important; }
  .s-mgt3 {
    margin-top: 3em !important; }
  .s-mgb4 {
    margin-bottom: 4em !important; }
  .s-mgt4 {
    margin-top: 4em !important; }
  .s-mgb5 {
    margin-bottom: 5em !important; }
  .s-mgt5 {
    margin-top: 5em !important; }
  .s-mgb6 {
    margin-bottom: 6em !important; }
  .s-mgt6 {
    margin-top: 6em !important; }
  .s-of-0-lines {
    --size:0; }
  .s-of-1-lines {
    --size:1; }
  .s-of-2-lines {
    --size:2; }
  .s-of-3-lines {
    --size:3; }
  .s-of-4-lines {
    --size:4; }
  .s-of-5-lines {
    --size:5; } }

.font-l {
  font-size: 1.1em; }

input[type=text],
input[type=tel],
input[type=email],
input[type=password] input[type=date] {
  display: inline-flex;
  padding: 15px 1em;
  -webkit-appearance: none;
  line-height: 1em;
  border: 0px; }

.btn,
a.btn {
  justify-content: center;
  line-height: 1em;
  color: #fff;
  text-decoration: none !important;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1em;
  outline: none;
  border: none;
  border: 1px solid #865B9A;
  border-radius: 10px;
  transition: 200ms;
  padding: 1em 2em;
  font-weight: 500;
  background: #865B9A; }
  .btn:hover,
  a.btn:hover {
    color: #fff;
    filter: saturate(120%); }
  .btn.btn__light,
  a.btn.btn__light {
    background: transparent;
    color: #865B9A; }
    .btn.btn__light.--selected,
    a.btn.btn__light.--selected {
      background: #865B9A;
      color: #fff; }
  .btn.btn__small,
  a.btn.btn__small {
    padding: 8px 15px 8px;
    border-radius: 5px; }
  .btn.btn__left,
  a.btn.btn__left {
    justify-content: flex-start;
    align-items: center;
    font-size: 14px; }
    .btn.btn__left::before,
    a.btn.btn__left::before {
      width: 8px;
      height: 8px;
      content: '';
      background: url(/local/templates/autonomy/dist/css/../img/arrow-right.svg);
      background-size: contain;
      background-repeat: no-repeat;
      transition: 200ms;
      margin-right: 10px;
      transform: rotate(180deg); }
  .btn.btn__arrow,
  a.btn.btn__arrow {
    background: #fff;
    border: 1px solid #E4D4EC;
    font-size: 13px;
    border: 1px solid #DCD8DE;
    box-sizing: border-box;
    border-radius: 5px;
    color: #865B9A;
    display: inline-flex;
    line-height: 1em;
    padding: 5px 8px;
    font-weight: 600;
    justify-content: flex-start;
    align-items: center; }
    .btn.btn__arrow::after,
    a.btn.btn__arrow::after {
      width: 8px;
      height: 8px;
      content: '';
      background: url(/local/templates/autonomy/dist/css/../img/arrow-right.svg);
      background-size: contain;
      background-repeat: no-repeat;
      margin-left: 10px;
      transition: 200ms;
      margin-left: auto;
      margin-left: 10px; }
    .btn.btn__arrow:hover,
    a.btn.btn__arrow:hover {
      background: #865B9A;
      border: 1px solid #865B9A;
      color: #fff; }
      .btn.btn__arrow:hover::after,
      a.btn.btn__arrow:hover::after {
        background: url(/local/templates/autonomy/dist/css/../img/arrow-right-w.svg); }
  .btn.btn__title,
  a.btn.btn__title {
    padding: 12px 14px;
    font-size: 16px;
    border-radius: 8px;
    margin-left: auto;
    /* background: transparent; */
    color: #fff;
    border: 0;
    text-decoration: none !important;
    display: flex;
    align-items: center; }
  .btn:disabled,
  a.btn:disabled {
    border: 1px solid #e2e2e2;
    background: #f0f0f0;
    color: #a8a8a8; }

.button {
  --button-size: 38px;
  width: var(--button-size);
  height: var(--button-size);
  background: transparent;
  border: 0px;
  font-size: 0;
  display: inline-flex;
  box-shadow: none;
  outline: none;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 5px; }
  .button .icon {
    max-width: 100%;
    max-height: 100%; }
  .button:hover {
    background-color: transparent; }

.ui-dropdown {
  position: relative; }
  .ui-dropdown .ui-dropdown__container {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.25);
    transition: all .2s ease-in-out;
    top: 100%;
    background: #fff;
    padding: 10px;
    font-weight: 400; }
  .ui-dropdown.ui-dropdown--open .ui-dropdown__container {
    visibility: visible;
    opacity: 1; }

input[type=text],
input[type=tel],
input[type=email],
input[type=password] input[type=date],
textarea {
  border: 0px;
  box-sizing: border-box;
  font-size: 16px;
  padding: 0 1em; }

.font_segoe_ui {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.icon {
  display: flex;
  line-height: 1.3em;
  text-decoration: none;
  align-items: baseline;
  color: #616161 !important;
  outline: navajowhite;
  border: 0; }
  .icon::before {
    content: '';
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  @media only screen and (max-width: 1200px) {
    .icon.l-l::before {
      content: '';
      width: 24px;
      height: 24px; }
    .icon.l-xl::before {
      content: '';
      width: 28px;
      height: 28px; }
    .icon.l-mini {
      box-sizing: border-box;
      padding: 10px;
      border-radius: 5px; }
      .icon.l-mini::before {
        margin-right: 0; }
      .icon.l-mini span {
        display: none; } }
  @media only screen and (max-width: 910px) {
    .icon.m-l::before {
      content: '';
      width: 24px;
      height: 24px; }
    .icon.m-xl::before {
      content: '';
      width: 28px;
      height: 28px; }
    .icon.m-mini {
      box-sizing: border-box;
      padding: 10px;
      border-radius: 5px; }
      .icon.m-mini::before {
        margin-right: 0; }
      .icon.m-mini span {
        display: none; } }
  @media only screen and (max-width: 650px) {
    .icon.s-l::before {
      content: '';
      width: 24px;
      height: 24px; }
    .icon.s-xl::before {
      content: '';
      width: 28px;
      height: 28px; }
    .icon.s-mini {
      box-sizing: border-box;
      padding: 10px;
      border-radius: 5px; }
      .icon.s-mini::before {
        margin-right: 0; }
      .icon.s-mini span {
        display: none; } }
  .icon.-close::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 357 357'%3E%3Cpolygon points='357 35.7 321.3 0 178.5 142.8 35.7 0 0 35.7 142.8 178.5 0 321.3 35.7 357 178.5 214.2 321.3 357 357 321.3 214.2 178.5 '/%3E%3C/svg%3E"); }
  .icon.-nav::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='459' height='459' viewBox='0 0 459 459'%3E%3Cpath d='M0 382.5h459v-51H0V382.5zM0 255h459v-51H0V255zM0 76.5v51h459v-51H0z'/%3E%3C/svg%3E"); }
  .icon:hover {
    color: #000 !important; }

.svg-container {
  --size:2em;
  height: var(--size);
  line-height: var(--size);
  width: var(--size);
  display: inline-flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
  .svg-container.-shield {
    background-image: url(/assets/img/svg/shield.svg); }

.tooltip {
  --color-border: #2d2d2d;
  position: fixed;
  max-width: 180px;
  font-size: .85em;
  line-height: 1.3em;
  background: #171717;
  padding: 8px 12px;
  opacity: 0;
  color: #fff;
  visibility: hidden;
  transition: .3s ease-in-out opacity;
  text-align: center;
  --arrow-size: 14px;
  z-index: 11;
  box-shadow: 0 2px 10px 0 rgba(140, 140, 140, 0.16);
  border-radius: 3px;
  /*
    	
	.tooltip_title{

	}
	.tooltip_container{
		
	}
	.tooltip_footer{

    }
    */ }
  .tooltip.show, .tooltip.fixed_show {
    opacity: 1;
    visibility: visible; }
  .tooltip::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: calc(var(--arrow-size) / 2) solid transparent;
    border-right: calc(var(--arrow-size) / 2) solid transparent;
    border-bottom: calc(var(--arrow-size) / 2) solid var(--color-border);
    left: 50%;
    bottom: 100%;
    transform: translateX(calc(var(--arrow-size) / -2)); }

.assept {
  font-size: 14px;
  cursor: pointer;
  line-height: 1.3;
  font-weight: 500; }
  .assept input {
    display: none; }
  .assept div {
    color: #000;
    position: relative;
    padding-left: 2em; }
    .assept div::before {
      content: '';
      border: 1px solid #9d9d9d;
      width: 1em;
      height: 1em;
      background: #fff;
      position: absolute;
      top: 3px;
      left: 0%;
      border-radius: 2px;
      background-size: calc(1em - 5px);
      background-repeat: no-repeat;
      background-position: center; }
  .assept input[type=checkbox]:checked + div::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23d12344' d='m0.3 14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4 0l0.1 0.1 5.5 5.9c0.2 0.2 0.5 0.2 0.7 0l13.4-13.9h0.1v0c0.4-0.4 1-0.4 1.4 0l1.4 1.4c0.4 0.4 0.4 1 0 1.4l0 0-16 16.6c-0.2 0.2-0.4 0.3-0.7 0.3-0.3 0-0.5-0.1-0.7-0.3l-7.8-8.4-0.2-0.3z'/%3E%3C/svg%3E"); }

.loader {
  --icon-size:22px;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  max-width: 80px; }
  .loader .loader__item {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: calc(100% / 3);
    text-align: center; }
    .loader .loader__item:first-child .loader__item-icon {
      animation-name: loaderBubble1Motion; }
    .loader .loader__item:nth-child(2) .loader__item-icon {
      animation-name: loaderBubble2Motion; }
    .loader .loader__item:nth-child(3) .loader__item-icon {
      animation-name: loaderBubble3Motion; }
    .loader .loader__item .loader__item-icon {
      max-width: 100%;
      width: 50%;
      animation-duration: 1s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      border-radius: 50%;
      background: var(--color-main);
      height: var(--icon-size);
      /* height: 25%; */
      width: var(--icon-size);
      display: block; }

.toggle-box.--closed {
  overflow: hidden;
  max-height: 300px;
  position: relative; }

.toggle-box .toggle-box__btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding-top: 20px;
  background: linear-gradient(0deg, white, #ffffffb8);
  text-align: center;
  color: #865b9a;
  text-decoration: underline; }

.bx-breadcrumb {
  text-align: center; }
  .bx-breadcrumb *, .bx-breadcrumb a {
    font-size: 16px;
    color: #212121; }
  .bx-breadcrumb a:hover {
    color: var(--color-main) !important;
    --color: var(--color-main)!important; }
    .bx-breadcrumb a:hover span {
      color: var(--color-main) !important;
      --color: var(--color-main)!important; }
  .bx-breadcrumb span {
    text-decoration: none; }
  .bx-breadcrumb .bx-breadcrumb-arrow {
    margin: 0px 3px;
    display: inline-block; }
  .bx-breadcrumb .bx-breadcrumb-item {
    display: inline-block; }
    .bx-breadcrumb .bx-breadcrumb-item:last-child [itemprop="name"] {
      color: var(--color-main); }

@keyframes loaderBubble1Motion {
  0% {
    transform: scale(0.2); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(0.2); }
  to {
    transform: scale(0.2); } }

@keyframes loaderBubble2Motion {
  0% {
    transform: scale(0.2); }
  15% {
    transform: scale(0.2); }
  45% {
    transform: scale(1); }
  75% {
    transform: scale(0.2); }
  to {
    transform: scale(0.2); } }

@keyframes loaderBubble3Motion {
  0% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.2); }
  60% {
    transform: scale(1); }
  90% {
    transform: scale(0.2); }
  to {
    transform: scale(0.2); } }

body {
  background: #F7F7F9;
  letter-spacing: -0.01em; }

#app {
  position: relative;
  overflow: hidden; }

h1, .h1 {
  font-size: 22px; }

h2, .h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  /* or 96% */
  letter-spacing: -0.01em;
  color: #000000; }
  @media screen and (max-width: 650px) {
    h2, .h2 {
      font-size: 19px; } }

h3, .h3 {
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.01em; }

.icon {
  width: 40px;
  height: 40px; }

a.logo {
  --logo-size:90px;
  display: flex;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-main);
  font-size: 14px;
  line-height: 19px;
  font-family: 'Muller';
  font-weight: 700;
  align-items: center;
  letter-spacing: -0.005em;
  text-transform: uppercase; }
  a.logo .logo-image {
    width: var(--logo-size);
    height: var(--logo-size);
    position: relative; }
    a.logo .logo-image video, a.logo .logo-image:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    a.logo .logo-image img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
    a.logo .logo-image video {
      visibility: visible;
      opacity: 1; }
      @media screen and (max-width: 650px) {
        a.logo .logo-image video {
          display: none; } }
  a.logo.--is-video-logo .logo-image video {
    visibility: visible;
    opacity: 1; }
  a.logo .logo__text {
    padding-left: 1em;
    width: calc(100% - var(--logo-size));
    max-width: 400px;
    display: inline-flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 808px) {
      a.logo .logo__text {
        display: none; } }
  a.logo span {
    font-weight: 400;
    width: 100%; }
  @media screen and (max-width: 910px) {
    a.logo {
      margin-left: auto; } }
  @media screen and (max-width: 650px) {
    a.logo {
      --logo-size: 64px; } }

.header {
  position: relative;
  z-index: 6;
  background: #fff;
  background: #f8f6f8;
  filter: drop-shadow(0px 4px 20px rgba(95, 99, 114, 0.2)); }
  .header .button__menu {
    display: none; }
    @media screen and (max-width: 1200px) {
      .header .button__menu {
        display: inline-flex; } }
  .header .container {
    padding-bottom: 0; }
    @media screen and (max-width: 1200px) {
      .header .container {
        padding-bottom: var(--container-padding); } }
  .header .header__top {
    display: flex;
    align-items: center; }
  .header .s-soc {
    margin-top: 5px;
    justify-content: center; }
    .header .s-soc .s-soc__item {
      width: 18px;
      height: 18px;
      margin-left: 0px;
      margin-right: 5px; }
  .header .header__btn {
    margin-left: auto; }
    @media screen and (max-width: 910px) {
      .header .header__btn {
        display: none; } }
    .header .header__btn a.btn.btn__arrow {
      padding: 9px 12px;
      font-size: 16px; }
      .header .header__btn a.btn.btn__arrow:hover {
        background: #fff !important;
        color: #865B9A !important; }
        .header .header__btn a.btn.btn__arrow:hover::after {
          background: url(/local/templates/autonomy/dist/css/../img/arrow-right.svg) !important; }
  .header .header-contacts {
    margin-left: auto;
    line-height: 1em; }
    @media screen and (max-width: 910px) {
      .header .header-contacts {
        display: none; } }
    .header .header-contacts .phone {
      font-size: 17px; }
      .header .header-contacts .phone .icon {
        width: 16px;
        height: 16px; }
    .header .header-contacts .email {
      margin-left: 29px;
      font-size: 15px;
      margin-top: 3px; }
  .header .button__menu {
    margin-right: 30px; }

.phone {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  background: transparent;
  border: 0px;
  display: flex;
  align-items: center;
  outline: none; }
  .phone .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px; }
  @media screen and (max-width: 1014px) {
    .phone {
      font-size: 17px; } }

.title-c {
  display: flex;
  align-items: center; }
  .title-c .title-c__left .h1.h1-icon {
    margin-bottom: 0; }
  .title-c .title-c__right {
    margin-left: auto; }

.main {
  min-height: 500px; }

.language-container {
  display: flex;
  margin-left: auto; }

.language .language__link,
.language a.language__link {
  color: #000;
  text-decoration: none;
  width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 5px;
  position: relative;
  border: 1px solid #D0CFCE;
  border-radius: 50%; }
  .language .language__link.--active, .language .language__link:hover,
  .language a.language__link.--active,
  .language a.language__link:hover {
    border: 1px solid #D0CFCE; }

.language.language-dropdown {
  position: relative;
  display: block;
  line-height: 1em;
  z-index: 3; }
  .language.language-dropdown .language-current {
    display: block; }
  .language.language-dropdown .language__btn,
  .language.language-dropdown a.language__link {
    display: block;
    width: 100%;
    text-align: right;
    background-size: contain;
    background-size: 18px;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    box-sizing: border-box;
    background-position: 7px center;
    height: auto;
    text-transform: uppercase;
    padding: 5px;
    background-color: #fff;
    padding: 8px;
    outline: none;
    display: flex;
    align-items: center; }
    .language.language-dropdown .language__btn img,
    .language.language-dropdown a.language__link img {
      max-width: 19px;
      max-height: 16px;
      display: block; }
    .language.language-dropdown .language__btn span,
    .language.language-dropdown a.language__link span {
      margin-left: 5px; }
  .language.language-dropdown .language__btn {
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 7px; }
    .language.language-dropdown .language__btn:after {
      content: '';
      width: 12px;
      height: 12px;
      display: block;
      background: url(/local/templates/autonomy/dist/css/../img/dropdown.svg) no-repeat center;
      margin-left: 5px; }
  .language.language-dropdown .language-list {
    position: absolute;
    top: 100%;
    width: 100%;
    display: block;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
    transition: 200ms; }
    .language.language-dropdown .language-list .language__link {
      border: none; }
      .language.language-dropdown .language-list .language__link:hover {
        background-color: whitesmoke; }
  .language.language-dropdown:hover .language-list {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  .language.language-dropdown:hover .language__btn:after {
    transform: rotate(180deg); }

.header__nav:not(.--aside) {
  list-style: none;
  display: flex;
  border-top: 1px solid #EDEFF2;
  margin-top: 10px;
  line-height: 1em; }
  .header__nav:not(.--aside) a {
    text-decoration: none;
    line-height: 1em;
    color: #000;
    transition: 100ms; }
  @media screen and (max-width: 808px) {
    .header__nav:not(.--aside) {
      display: none; } }
  .header__nav:not(.--aside) .header__nav-li {
    position: relative; }
    .header__nav:not(.--aside) .header__nav-li a.header__nav-a {
      font-weight: 500;
      font-size: 17px;
      padding: 19px 0;
      display: block;
      margin-right: 1.5em;
      color: #000;
      display: flex;
      align-items: center; }
      .header__nav:not(.--aside) .header__nav-li a.header__nav-a.--active {
        color: var(--color-main); }
    .header__nav:not(.--aside) .header__nav-li:last-child a.header__nav-a {
      margin-right: 0; }
    .header__nav:not(.--aside) .header__nav-li.header__nav-has-child .header__nav-a {
      margin-right: 1em; }
      .header__nav:not(.--aside) .header__nav-li.header__nav-has-child .header__nav-a::after {
        content: '';
        width: 14px;
        height: 14px;
        background: url(/local/templates/autonomy/dist/css/../img/svg/drop-down.svg);
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 8px;
        transition: 100ms; }
    .header__nav:not(.--aside) .header__nav-li:hover a.header__nav-a {
      color: var(--color-main); }
      .header__nav:not(.--aside) .header__nav-li:hover a.header__nav-a::after {
        transform: rotate(-180deg); }
    .header__nav:not(.--aside) .header__nav-li:hover .header__nav-childs {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px); }
  .header__nav:not(.--aside) .header__nav-childs {
    top: 100%;
    left: 0;
    /* z-index: 5; */
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    padding-top: 10px;
    transform: translateY(-10px);
    transition: 100ms; }
    .header__nav:not(.--aside) .header__nav-childs::before {
      content: '';
      position: absolute;
      left: 1em;
      top: 0;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 10px solid #fff; }
    .header__nav:not(.--aside) .header__nav-childs ul {
      list-style-type: none;
      min-width: 100%;
      background: #fff;
      padding: 10px 15px;
      box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.15);
      border-radius: 8px;
      min-width: 200px; }
      .header__nav:not(.--aside) .header__nav-childs ul li {
        display: block; }
        .header__nav:not(.--aside) .header__nav-childs ul li a {
          display: block;
          font-size: 16px;
          padding: 8px 0; }
          .header__nav:not(.--aside) .header__nav-childs ul li a.--active, .header__nav:not(.--aside) .header__nav-childs ul li a:hover {
            color: var(--color-main); }

.header__nav.--aside {
  display: block;
  box-sizing: border-box;
  list-style-type: none; }
  .header__nav.--aside li {
    display: block; }
  .header__nav.--aside a {
    color: #000;
    font-size: 16px;
    padding: 8px 0;
    display: block; }
  .header__nav.--aside .header__nav-li {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 1em 2em; }
    .header__nav.--aside .header__nav-li .header__nav-a {
      display: block;
      font-weight: 600;
      font-size: 18px; }
    .header__nav.--aside .header__nav-li .header__nav-childs ul li a {
      display: block; }

.footer {
  background: #fff; }
  .footer .main-container {
    padding-top: 30px;
    padding-bottom: 50px; }
  .footer .socials {
    display: flex;
    align-items: center; }
    .footer .socials span {
      font-size: 12px;
      color: #A0A0A4; }
    .footer .socials .s-soc {
      margin-left: 1em; }
      @media screen and (max-width: 650px) {
        .footer .socials .s-soc {
          margin: 0;
          justify-content: center; } }
    @media screen and (max-width: 650px) {
      .footer .socials {
        display: block;
        margin: 0px auto;
        width: auto;
        text-align: center;
        margin-bottom: 1em; } }
  .footer a.logo {
    margin-bottom: 10px;
    --logo-size: 60px; }
    .footer a.logo .logo__text {
      font-size: 12px;
      line-height: 16px; }
      @media screen and (max-width: 650px) {
        .footer a.logo .logo__text {
          font-size: 10px !important; } }
  .footer .footer-address {
    font-family: Museo Sans Cyrl;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 650px) {
      .footer .footer-address {
        margin-top: 2em;
        text-align: center;
        margin-bottom: 10px; } }
  .footer .language-container {
    justify-content: flex-end; }
    @media screen and (max-width: 650px) {
      .footer .language-container {
        justify-content: center;
        margin: 1em; } }
  .footer .phone {
    font-size: 16px;
    margin-bottom: 5px;
    transform: translateX(-25px); }
    .footer .phone .icon {
      width: 18px;
      height: 18px; }
    @media screen and (max-width: 650px) {
      .footer .phone {
        justify-content: center; } }
  @media screen and (max-width: 650px) {
    .footer .email {
      text-align: center; } }
  .footer small {
    margin-top: 1em;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: #A0A0A4; }
    @media screen and (max-width: 650px) {
      .footer small {
        text-align: center; } }
  .footer .footer-line {
    font-size: 11px;
    font-weight: 600;
    margin-right: 1em;
    background: #F7F7F9; }
    .footer .footer-line .container {
      text-align: center; }
    .footer .footer-line__copy {
      font-style: normal;
      font-weight: 300;
      font-size: 11px;
      line-height: 18px; }
      @media screen and (max-width: 650px) {
        .footer .footer-line__copy {
          text-align: center;
          margin-bottom: 1em; } }
    .footer .footer-line__nav {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 650px) {
        .footer .footer-line__nav {
          justify-content: center; } }

.breadcrumbs {
  display: flex;
  font-weight: 300;
  font-size: 13px;
  line-height: 1em;
  margin-bottom: 20px; }
  .breadcrumbs .breadcrumbs__link {
    font-weight: 300;
    font-size: 13px;
    color: #000; }
  .breadcrumbs .breadcrumbs__sep {
    margin: 0px 5px; }
    .breadcrumbs .breadcrumbs__sep::before {
      content: '/';
      color: var(--color-main); }
  .breadcrumbs .breadcrumbs__item {
    font-weight: 300;
    font-size: 13px;
    color: #696969;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 400px; }

.tv {
  --height:250px;
  --width:100%;
  position: relative;
  width: 100%;
  width: var(--width);
  height: var(--height); }
  @media screen and (max-width: 650px) {
    .tv {
      height: 200px; } }
  .tv.--isPlaying iframe {
    visibility: visible;
    opacity: 1; }
  .tv iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5;
    visibility: hidden;
    transition: 200ms; }
  .tv .tv__image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    cursor: pointer; }
    .tv .tv__image::before {
      content: '';
      background: url(/local/templates/autonomy/dist/css/../img/play.svg);
      background-position: center;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      opacity: 0.6;
      background-size: 60px; }

.television {
  --tv-width:700px;
  --tv-margin:20px;
  height: 350px;
  margin-bottom: 2em;
  display: flex; }
  @media screen and (max-width: 1014px) {
    .television {
      --tv-width: 350px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 650px) {
    .television {
      --tv-width: 100%;
      flex-wrap: wrap;
      height: auto; } }
  .television .television__tv {
    width: calc(100% - calc(var(--tv-width) + var(--tv-margin)));
    overflow: hidden;
    border-radius: 10px; }
    @media screen and (max-width: 650px) {
      .television .television__tv {
        width: 100%; } }
  .television .television__slider {
    width: var(--tv-width);
    margin-right: var(--tv-margin); }
    @media screen and (max-width: 650px) {
      .television .television__slider {
        width: 100%;
        margin: 0;
        margin-bottom: 1em; } }
    .television .television__slider .swiper-container .swiper-slide {
      overflow: hidden;
      border-radius: 10px; }
  .television iframe {
    display: block; }

.slider.swiper-container .slider__item {
  position: relative;
  align-items: flex-end;
  height: 100%;
  display: flex;
  width: 100%;
  text-decoration: none; }
  @media screen and (max-width: 910px) {
    .slider.swiper-container .slider__item {
      min-height: 300px; } }
  @media screen and (max-width: 650px) {
    .slider.swiper-container .slider__item {
      min-height: 260px; } }

.slider.swiper-container .slider__image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0; }
  .slider.swiper-container .slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.slider.swiper-container .slider__date {
  display: block;
  font-size: 14px;
  margin-bottom: 5px; }

.slider.swiper-container .slider__body {
  position: relative;
  color: #fff;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10% 30px 50px;
  background: linear-gradient(0deg, #0000007a, transparent); }
  @media screen and (max-width: 910px) {
    .slider.swiper-container .slider__body {
      padding: 10% 20px 50px; } }
  @media screen and (max-width: 650px) {
    .slider.swiper-container .slider__body {
      padding: 10% 15px 50px; } }

.slider.swiper-container .slider__title {
  font-weight: 600;
  font-size: 21px;
  line-height: 1.2em;
  margin-bottom: 12px; }
  @media screen and (max-width: 910px) {
    .slider.swiper-container .slider__title {
      font-size: 22px; } }
  @media screen and (max-width: 650px) {
    .slider.swiper-container .slider__title {
      font-size: 18px; } }

.slider.swiper-container .slider__text {
  font-size: 14px;
  line-height: 1.2em; }
  @media screen and (max-width: 650px) {
    .slider.swiper-container .slider__text {
      font-size: 12px; } }

.slider.swiper-container .slider__contolls {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  bottom: 20px;
  padding: 0 30px;
  box-sizing: border-box; }
  @media screen and (max-width: 650px) {
    .slider.swiper-container .slider__contolls {
      bottom: 20px;
      padding: 0 15px; } }
  .slider.swiper-container .slider__contolls .slider-controlls__right {
    margin-left: auto;
    display: flex; }
    .slider.swiper-container .slider__contolls .slider-controlls__right .swiper-button-prev,
    .slider.swiper-container .slider__contolls .slider-controlls__right .swiper-button-next {
      position: relative;
      right: auto;
      top: 0;
      left: auto;
      width: 20px;
      height: 26px;
      margin: 0;
      background-size: contain; }
      @media screen and (max-width: 650px) {
        .slider.swiper-container .slider__contolls .slider-controlls__right .swiper-button-prev,
        .slider.swiper-container .slider__contolls .slider-controlls__right .swiper-button-next {
          width: 16px;
          height: 20px; } }
      .slider.swiper-container .slider__contolls .slider-controlls__right .swiper-button-prev::after,
      .slider.swiper-container .slider__contolls .slider-controlls__right .swiper-button-next::after {
        display: none; }
  .slider.swiper-container .slider__contolls .swiper-pagination .swiper-pagination-bullet {
    border: 0px solid #fff;
    opacity: 1;
    background: #D0CFCE;
    width: 8px;
    height: 8px;
    margin-right: 10px; }
    .slider.swiper-container .slider__contolls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: var(--color-main); }

.h-box {
  background: #F7F2EC;
  box-sizing: border-box;
  padding: 1em 3em;
  display: flex;
  align-items: center;
  border-radius: 10px;
  position: relative;
  --icon-width:100px;
  text-decoration: none !important; }
  .h-box .h-box__icon {
    background-image: url(/local/templates/autonomy/dist/css/../img/svg/h-box-w.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: var(--icon-width);
    height: 100px;
    background-size: contain; }
  .h-box .h-box__body {
    margin-left: 2em;
    margin-right: 2em;
    width: calc(100% - var(--icon-width)); }
    @media screen and (max-width: 650px) {
      .h-box .h-box__body {
        margin-left: 0 !important;
        margin-right: 0; } }
  .h-box .h-box__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 24px;
    color: var(--color-main); }
  .h-box .h-box__text {
    font-size: 14px;
    line-height: 20px;
    color: #000; }
  .h-box .h-box__btn {
    margin-left: auto; }
  @media screen and (max-width: 650px) {
    .h-box {
      padding: 1em;
      padding-bottom: 4em; }
      .h-box .h-box__icon {
        width: 80px; }
      .h-box .h-box__title {
        font-size: 19px;
        margin-bottom: 5px; }
      .h-box .h-box__text {
        font-size: 14px;
        line-height: 1.2em;
        margin-bottom: 5px; }
      .h-box .h-box__body {
        margin-left: 1em;
        width: calc(100% - 80px);
        padding-left: 10px;
        position: relative; }
      .h-box .h-box__btn {
        position: absolute;
        left: 1em;
        right: 1em;
        bottom: 1em;
        width: calc(100% - 2em);
        margin-left: auto;
        padding: 9px 10px 10px;
        border-radius: 5px;
        font-size: 15px; } }
  .h-box.h-box__light {
    padding: 1em;
    background: transparent; }
    .h-box.h-box__light .h-box__icon {
      background-image: url(/local/templates/autonomy/dist/css/../img/svg/h-box.svg); }
      @media screen and (max-width: 650px) {
        .h-box.h-box__light .h-box__icon {
          display: none; } }
    @media screen and (max-width: 650px) {
      .h-box.h-box__light {
        padding: 0; } }
    .h-box.h-box__light .h-box__title {
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      color: #000;
      margin-bottom: 10px; }
      @media screen and (max-width: 650px) {
        .h-box.h-box__light .h-box__title {
          font-size: 16px;
          margin-bottom: 10px;
          line-height: 1.3em; } }
    .h-box.h-box__light .h-box__text {
      font-weight: 300;
      font-size: 16px; }
      @media screen and (max-width: 650px) {
        .h-box.h-box__light .h-box__text {
          font-size: 14px; } }
  .h-box.h-box__white {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.05);
    border-radius: 5px; }
    .h-box.h-box__white .h-box__icon {
      background-image: url(/local/templates/autonomy/dist/css/../img/ask-question.png); }
    .h-box.h-box__white .h-box__title {
      font-weight: 600;
      font-size: 19px;
      color: #000;
      margin-bottom: 8px; }
    .h-box.h-box__white .h-box__text {
      font-style: normal;
      font-weight: 300;
      font-size: 15px;
      line-height: 22px; }
  .h-box.h-vh {
    background: url(/local/templates/autonomy/dist/css/../img/vh-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 20px 20px 20px 250px;
    border-radius: 5px;
    background-size: 100%;
    transition: 400ms; }
    .h-box.h-vh .h-box__head {
      position: absolute;
      left: 2em;
      transition: 400ms; }
      @media screen and (max-width: 650px) {
        .h-box.h-vh .h-box__head {
          display: none; } }
    .h-box.h-vh .h-box__title {
      margin-bottom: 10px; }
    .h-box.h-vh .h-box__text {
      font-weight: 300; }
    .h-box.h-vh:hover {
      background-size: 103%; }
      .h-box.h-vh:hover .h-box__head {
        transform: translateX(5px) scale(1.002); }
    @media screen and (max-width: 650px) {
      .h-box.h-vh {
        background-size: auto;
        padding: 20px; }
        .h-box.h-vh .h-box__head {
          position: absolute;
          left: calc(80px + -50%);
          transition: 400ms;
          height: 100%; }
        .h-box.h-vh .h-box__logo {
          max-width: 70px;
          margin-right: 10px; } }
  .h-box.h-box__small {
    padding: 1em 2em; }
    @media screen and (max-width: 650px) {
      .h-box.h-box__small {
        padding: 1em;
        padding-bottom: 4em;
        display: block; }
        .h-box.h-box__small .h-box__title {
          font-size: 17px; }
          .h-box.h-box__small .h-box__title::before {
            content: '';
            width: 22px;
            height: 22px; } }
    .h-box.h-box__small .h-box__title {
      display: flex;
      align-items: center; }
      .h-box.h-box__small .h-box__title::before {
        content: '';
        width: 30px;
        height: 30px;
        margin-right: 10px;
        background: url(/local/templates/autonomy/dist/css/../img/info.svg);
        background-position: center;
        background-size: contain; }
    .h-box.h-box__small .h-box__icons {
      align-items: center;
      display: flex;
      margin-left: 1em; }
      .h-box.h-box__small .h-box__icons .h-box__icon-phone,
      .h-box.h-box__small .h-box__icons .h-box__icon-mail,
      .h-box.h-box__small .h-box__icons .h-box__icon-book {
        display: block;
        width: 33px;
        height: 25px;
        margin-left: 20px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
      .h-box.h-box__small .h-box__icons .h-box__icon-phone {
        background-image: url(/local/templates/autonomy/dist/css/../img/icon-b-phone.svg); }
      .h-box.h-box__small .h-box__icons .h-box__icon-mail {
        background-image: url(/local/templates/autonomy/dist/css/../img/icon-b-mail.png); }
      .h-box.h-box__small .h-box__icons .h-box__icon-book {
        background-image: url(/local/templates/autonomy/dist/css/../img/icon-b-book.png); }
  .h-box.h-box__abo {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.05);
    border-radius: 5px; }
    .h-box.h-box__abo .h-box__icon {
      background-image: url(/local/templates/autonomy/images/abo_logo.png);
      height: 80px; }
    .h-box.h-box__abo .h-box__title {
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      color: #000;
      margin-bottom: 5px; }
    .h-box.h-box__abo .h-box__text {
      font-weight: 300;
      font-size: 14px; }
    .h-box.h-box__abo .h-box__btn {
      font-size: 13px;
      padding: 10px;
      min-width: 180px; }
      .h-box.h-box__abo .h-box__btn::after {
        margin-left: auto; }
    @media screen and (max-width: 650px) {
      .h-box.h-box__abo .h-box__icon {
        width: 80px; }
      .h-box.h-box__abo .h-box__body {
        width: calc(100% - 80px);
        padding-left: 10px;
        position: relative; }
        .h-box.h-box__abo .h-box__body .h-box__text {
          display: none; }
      .h-box.h-box__abo .h-box__btn {
        position: absolute;
        left: 1em;
        right: 1em;
        bottom: 1em;
        width: calc(100% - 2em);
        margin-left: auto;
        padding: 9px 10px 10px;
        border-radius: 5px;
        font-size: 15px;
        justify-content: center; }
        .h-box.h-box__abo .h-box__btn::after {
          margin-left: 10px; } }
  .h-box.h-box__compact {
    padding: 1em 1.5em; }
    .h-box.h-box__compact .h-box__body {
      width: calc(100% - var(--icon-width));
      display: block; }
    .h-box.h-box__compact .h-box__btn {
      margin-left: 0; }
    .h-box.h-box__compact .h-box__body {
      margin-left: 1rem; }
    .h-box.h-box__compact .h-box__title {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.2em; }
    .h-box.h-box__compact .h-box__btn {
      position: unset;
      min-width: 100%;
      width: auto;
      min-width: initial; }
    .h-box.h-box__compact.h-box__abo .h-box__btn {
      min-width: 100%; }
    .h-box.h-box__compact.h-box__abo .h-box__title {
      font-weight: 500;
      line-height: 1.2em;
      margin-bottom: 10px;
      font-size: 16px; }
  .h-box.h-box__asvk {
    --icon-width: 170px;
    padding: 1em 2em 1em; }
    @media screen and (max-width: 650px) {
      .h-box.h-box__asvk {
        padding-bottom: 60px; } }
    .h-box.h-box__asvk .h-box__icon {
      background-image: url(/local/templates/autonomy/images/asvk.png);
      height: 120px;
      background-size: contain; }
    .h-box.h-box__asvk .h-box__btn {
      font-size: 14px;
      padding: 12px 22px; }

.sections {
  --grid-space:30px;
  margin-bottom: 40px; }
  @media screen and (max-width: 650px) {
    .sections {
      --grid-space:15px; } }
  .sections a.sections-item {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    text-decoration: none !important; }
    .sections a.sections-item::before {
      content: '';
      position: absolute;
      left: 2em;
      right: 2em;
      background: #fff;
      top: 0;
      bottom: -10px;
      background: #FFFFFF;
      box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.15);
      border-radius: 5px;
      opacity: 0.6;
      transition: 200ms; }
      @media screen and (max-width: 650px) {
        .sections a.sections-item::before {
          display: none; } }
    .sections a.sections-item .sections-item__container {
      display: block;
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.15);
      border-radius: 5px;
      box-sizing: border-box;
      padding: 24px 30px 50px;
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: 200ms; }
      @media screen and (max-width: 650px) {
        .sections a.sections-item .sections-item__container {
          padding: 1em;
          padding: 10px 15px 43px; } }
    .sections a.sections-item .sections-item__icon {
      margin: 0 auto 1em;
      display: block;
      height: 100px;
      -o-object-fit: contain;
         object-fit: contain; }
      @media screen and (max-width: 650px) {
        .sections a.sections-item .sections-item__icon {
          height: 60px; } }
    .sections a.sections-item .sections-item__title {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 10px;
      color: #000; }
      @media screen and (max-width: 650px) {
        .sections a.sections-item .sections-item__title {
          font-size: 15px;
          line-height: 1.2em; } }
    .sections a.sections-item .sections-item__text {
      font-weight: 300;
      font-size: 14px;
      margin-bottom: 1em;
      color: #000; }
      @media screen and (max-width: 650px) {
        .sections a.sections-item .sections-item__text {
          font-size: 12px;
          line-height: 1.3em;
          --size: 3;
          display: -webkit-box;
          -webkit-line-clamp: var(--size);
          -webkit-box-orient: vertical;
          overflow: hidden; } }
    .sections a.sections-item .sections-item__btn {
      font-size: 13px;
      position: absolute;
      margin: 24px 0px;
      bottom: 0; }
      @media screen and (max-width: 650px) {
        .sections a.sections-item .sections-item__btn {
          margin: 15px 0px; } }
    .sections a.sections-item:hover .sections-item__container {
      box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.25); }
    .sections a.sections-item:hover::before {
      bottom: 0;
      opacity: 0; }
    .sections a.sections-item:hover .sections-item__btn {
      background: #865B9A;
      border: 1px solid #865B9A;
      color: #fff; }
      .sections a.sections-item:hover .sections-item__btn::after {
        transform: translateX(-4px);
        background: url(/local/templates/autonomy/dist/css/../img/arrow-right-w.svg); }
  .sections.sections-reception .sections-item__container {
    padding: 24px 30px 60px; }
  .sections.sections-reception a.sections-item .sections-item__icon {
    margin: 1em auto 2em; }
  .sections.sections-reception a.sections-item .sections-item__title {
    font-size: 19px; }
  .sections.sections-reception a.sections-item .sections-item__text {
    font-size: 15px; }
  .sections.sections-reception a.sections-item .sections-item__btn {
    padding: 10px 1.5em;
    font-size: 15px; }

.news-container {
  --grid-space: 30px; }
  .news-container .h2 {
    margin-bottom: 30px; }

.events {
  --grid-space: 30px; }
  @media screen and (max-width: 650px) {
    .events {
      --grid-space: 1em; } }
  .events .grid-item {
    margin-bottom: 30px; }
  .events .event {
    position: relative;
    color: #fff;
    max-height: 300px;
    min-height: 300px;
    border-radius: 7px;
    overflow: hidden;
    width: 100%; }
    .events .event:hover .event-container {
      background: linear-gradient(2.99deg, #15191E -24.08%, rgba(13, 16, 22, 0) 50%); }
    @media screen and (max-width: 650px) {
      .events .event {
        max-height: 230px;
        min-height: 200px; } }
  .events .event-image {
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%;
    width: 100%; }
  .events .event-container {
    background: linear-gradient(2.99deg, #15191E -24.08%, rgba(13, 16, 22, 0) 83.95%);
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    /* flex-direction: column; */
    align-content: flex-end;
    padding: 2em;
    transform: 200ms; }
    @media screen and (max-width: 650px) {
      .events .event-container {
        padding: 1em; } }
  .events .event-date {
    font-size: 11px; }
  .events .event-title {
    font-weight: 600;
    font-size: 17px;
    width: 100%; }
    @media screen and (max-width: 650px) {
      .events .event-title {
        font-size: 14px;
        line-height: 1.3em; } }

.news {
  margin-bottom: 1em; }
  .news .grid-item {
    margin-bottom: 2em; }
  .news .news-item {
    display: block;
    position: relative;
    text-decoration: none; }
    .news .news-item[data-type]:before {
      content: attr(data-type);
      position: absolute;
      right: 1em;
      top: 1em;
      line-height: 1em;
      color: #fff;
      background: #865B9A;
      font-size: 14px;
      padding: 6px 10px;
      border-radius: 5px; }
    .news .news-item__image {
      display: block;
      margin-bottom: 10px;
      overflow: hidden;
      border-radius: 5px;
      max-height: 158px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .news .news-item__title {
      font-weight: 600;
      font-size: 17px;
      transition: 200ms; }
    .news .news-item__text {
      margin: 0;
      margin-top: 10px;
      font-weight: 300;
      font-size: 14px; }
    .news .news-item:hover .news-item__title {
      color: var(--color-main); }
  .news.news__small .news-item__title {
    font-style: normal;
    font-weight: normal;
    font-size: 15px; }

.news-detail .news-detail__image {
  display: block;
  max-width: 40%;
  margin-bottom: 1em;
  float: right;
  margin: 0  0 1em 2em; }
  .news-detail .news-detail__image img {
    display: block;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px; }
  @media screen and (max-width: 650px) {
    .news-detail .news-detail__image {
      max-width: 100% !important;
      margin: 0 0 1em 0; } }

.news-detail .news-detail__text ul, .news-detail .news-detail__text ol {
  margin-left: 2em;
  margin-bottom: 1em; }
  .news-detail .news-detail__text ul li, .news-detail .news-detail__text ol li {
    margin-bottom: 10px; }

.gallery .gallery__list .gallery__item {
  display: block;
  width: 100%;
  color: #000;
  border: 1px solid #ddd;
  height: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  text-decoration: none; }
  .gallery .gallery__list .gallery__item:hover {
    border-color: #865B9A; }

.gallery .gallery__list .gallery__image {
  display: block;
  width: 100%;
  height: 148px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  background-color: #cccccc; }

.gallery .gallery__list .gallery__title {
  background: #fff;
  box-sizing: border-box;
  padding: 1em; }

.gallery .gallery__video {
  border: 1px solid #000;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden; }

.gallery .gallery__images .gallery__image .gallery__image-img {
  display: block;
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover; }

.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span,
.bx-pagination .bx-pagination-container ul li.bx-active span {
  background: #865B9A; }

.photogallery .photogallery-item {
  display: block;
  overflow: hidden;
  border-radius: 5px; }
  .photogallery .photogallery-item__image {
    display: block; }

.sub-header__bg {
  width: 100%;
  display: block;
  height: 140px;
  background: url(/local/templates/autonomy/dist/css/../img/header__bg.jpg) no-repeat center;
  background-size: cover;
  display: none; }

:root {
  --section-aside-offset:30px;
  --section-aside-width:410px; }

.s-header {
  display: flex; }
  @media screen and (max-width: 910px) {
    .s-header {
      display: block; } }
  .s-header .s-header__left {
    width: calc(100% - calc(var(--section-aside-width) + var(--section-aside-offset)));
    margin-right: var(--section-aside-offset); }
    .s-header .s-header__left p {
      font-weight: 300;
      font-size: 16px;
      text-indent: 1em; }
    @media screen and (max-width: 910px) {
      .s-header .s-header__left {
        margin: 0;
        width: 100%; } }
  .s-header .s-header__right {
    width: var(--section-aside-width);
    margin: 0; }
    @media screen and (max-width: 910px) {
      .s-header .s-header__right {
        width: auto; } }
  .s-header .s-header__text p {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    text-align: justify;
    text-indent: 1em; }
  .s-header .s-header__text a {
    border: 0;
    background: transparent;
    font-size: inherit;
    padding: 0;
    color: var(--color-main);
    font-weight: 300;
    line-height: 1em; }
    .s-header .s-header__text a:hover {
      text-decoration: underline; }
  .s-header .s-header__logo {
    float: right;
    max-width: 190px; }
    @media screen and (max-width: 650px) {
      .s-header .s-header__logo {
        max-height: 60px;
        max-width: 110px; } }

:root {
  --s-contacts-title-width:150px; }

@media screen and (max-width: 650px) {
  .s-contacts {
    padding: 1em;
    margin-bottom: 3em; }
    .s-contacts.--no-padding {
      padding: 0; } }

.s-contacts .s-contacts__title {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 20px; }
  @media screen and (max-width: 650px) {
    .s-contacts .s-contacts__title {
      margin-bottom: 0; } }

.s-contacts .s-contacts__item {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #E9E9E9; }
  @media screen and (max-width: 650px) {
    .s-contacts .s-contacts__item {
      flex-wrap: wrap; } }
  .s-contacts .s-contacts__item:last-of-type {
    border-bottom: 0px; }

.s-contacts .s-contacts__name {
  font-weight: 300;
  font-size: 13px;
  width: var(--s-contacts-title-width);
  padding-right: 10px; }
  @media screen and (max-width: 650px) {
    .s-contacts .s-contacts__name {
      text-align: left;
      width: 100%;
      margin-bottom: 5px; } }

.s-contacts .s-contacts__value {
  margin-left: auto;
  width: calc(100% - var(--s-contacts-title-width));
  text-align: right;
  font-size: 13px; }
  @media screen and (max-width: 650px) {
    .s-contacts .s-contacts__value {
      text-align: left;
      width: 100%; } }

.s-contacts .s-email {
  font-size: 15px; }

.s-contacts .s-btn {
  background: var(--color-main);
  border-color: var(--color-main); }

.s-contacts .s-btn__address {
  padding: 0;
  background: transparent;
  color: var(--color-main);
  font-size: 13px;
  display: flex;
  align-items: center;
  border: none; }
  .s-contacts .s-btn__address::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(/local/templates/autonomy/dist/css/../img/location.svg) no-repeat center;
    margin-right: 5px; }

.s-contacts .s-contacts__phone {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 5px; }
  @media screen and (max-width: 650px) {
    .s-contacts .s-contacts__phone {
      font-size: 16px; } }

.s-contacts .s-contacts__phone-l {
  font-size: 22px;
  margin-bottom: 5px; }
  @media screen and (max-width: 650px) {
    .s-contacts .s-contacts__phone-l {
      font-size: 19px; } }

.s-contacts .s-soc {
  margin-left: auto;
  justify-content: flex-end; }

.s-soc {
  display: flex; }
  .s-soc .s-soc__item {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    display: block;
    text-decoration: none; }
    .s-soc .s-soc__item img {
      display: block;
      width: 100%; }

.s-nav {
  margin-bottom: 20px; }
  .s-nav .s-nav__item {
    font-weight: 300;
    font-size: 18px;
    border-bottom: 1px solid #D6CDC0;
    margin-right: 10px; }
    .s-nav .s-nav__item.--active {
      font-weight: 600;
      border-bottom: 1px solid transparent; }

:root {
  --h1-icon-width:30px; }

.h1-icon {
  display: block;
  margin-bottom: 1em;
  display: flex;
  align-content: center;
  font-weight: 600;
  font-size: 25px;
  align-items: center; }
  @media screen and (max-width: 650px) {
    .h1-icon {
      font-size: 19px; } }
  .h1-icon .h1-icon__icon {
    content: '';
    background: url(/local/templates/autonomy/dist/css/../img/comment.svg);
    width: var(--h1-icon-width);
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    width: 60px;
    height: 60px; }
  .h1-icon .h1-icon__title {
    width: calc(100% - var(--h1-icon-width));
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1em; }
    .h1-icon .h1-icon__title span {
      color: var(--color-main);
      font-weight: 300;
      display: block;
      margin-bottom: 5px; }
    @media screen and (max-width: 650px) {
      .h1-icon .h1-icon__title {
        font-size: 18px; }
        .h1-icon .h1-icon__title span {
          font-size: 16px; } }

.s-header__text {
  padding-left: calc(var(--h1-icon-width) + 8px); }

.main .container {
  padding-top: calc(var(--container-padding) + 5px); }

.s-header__admi {
  background: #EDECEB;
  border-radius: 5px;
  padding: 1em;
  display: flex;
  --photo-size: 230px;
  box-sizing: border-box;
  align-items: center;
  align-items: flex-start;
  --img-width: calc(var(--photo-size) + calc(var(--photo-size) / 3));
  --img-height: var(--photo-size); }
  .s-header__admi.--is-verical {
    --img-height: calc(var(--photo-size) + calc(var(--photo-size) / 3));
    --img-width: var(--photo-size); }
  .s-header__admi.--is-compact {
    align-items: center;
    display: block; }
    .s-header__admi.--is-compact .s-header__admi-img {
      margin: 0px auto 1em; }
    .s-header__admi.--is-compact .s-header__admi-content {
      text-align: center;
      padding: 0;
      width: 100%; }
    .s-header__admi.--is-compact .s-header__admi-name {
      font-size: 16px; }
    .s-header__admi.--is-compact .s-header__admi-status {
      font-size: 14px; }
  @media screen and (max-width: 650px) {
    .s-header__admi {
      padding: 2em 1em;
      align-items: center;
      display: block; } }
  .s-header__admi .s-header__admi-img {
    position: relative;
    box-sizing: border-box;
    width: var(--img-width);
    height: var(--img-height);
    max-width: 100%; }
    .s-header__admi .s-header__admi-img img {
      display: block;
      width: 100%;
      border-radius: 5px;
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%; }
    @media screen and (max-width: 650px) {
      .s-header__admi .s-header__admi-img {
        margin: 0px auto 1em; } }
  .s-header__admi .s-header__admi-content {
    box-sizing: border-box;
    width: calc(100% - var(--img-width));
    padding-left: 1em; }
    @media screen and (max-width: 650px) {
      .s-header__admi .s-header__admi-content {
        text-align: center;
        padding: 0;
        width: 100%; } }
  .s-header__admi .s-header__admi-name {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px; }
  .s-header__admi .s-header__admi-status {
    font-size: 16px;
    color: #948A7B;
    margin-bottom: 5px;
    font-weight: 600; }
  .s-header__admi .s-header__admi-message {
    font-weight: 300;
    font-size: 14px;
    color: #4D4D4D;
    line-height: 1.5em;
    margin-bottom: 10px; }
  .s-header__admi a.s-header__admi-link {
    padding: 10px 15px;
    font-size: 14px; }

[data-map] {
  cursor: pointer; }

.s-header__map {
  display: block;
  width: 100%;
  height: 140px;
  background: #ddd;
  background-position: center;
  background-size: auto;
  position: relative;
  border-radius: 10px;
  margin-top: 1em; }
  .s-header__map::after {
    content: '';
    width: 30px;
    position: absolute;
    height: 30px;
    bottom: 50%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    background: url("/local/templates/autonomy/dist/css/../img/pin.svg");
    background-size: contain; }

.section-items {
  --grid-space: 20px; }
  .section-items .grid-item {
    margin-bottom: 20px; }
  .section-items .section-item,
  .section-items a.section-item {
    --icon-width:80px;
    display: flex;
    box-sizing: border-box;
    padding: 1em;
    font-weight: 600;
    font-size: 18px;
    background: #FFFFFF;
    /* Тень 2 */
    width: 100%;
    height: 100%;
    box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.05);
    border-radius: 5px;
    align-items: center;
    transition: 200ms;
    color: #000;
    text-decoration: none !important; }
    .section-items .section-item:hover,
    .section-items a.section-item:hover {
      box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.2); }
      .section-items .section-item:hover .section-item__icon::before,
      .section-items a.section-item:hover .section-item__icon::before {
        width: 100%;
        height: 100%; }
  .section-items .section-item__icon {
    width: var(--icon-width);
    display: block;
    height: var(--icon-width);
    position: relative; }
    .section-items .section-item__icon::before {
      content: '';
      position: absolute;
      width: 80%;
      height: 80%;
      border-radius: 50%;
      left: 0;
      bottom: 0;
      background: #FCF8F3;
      transition: 200ms; }
    .section-items .section-item__icon .section-item__icon-img {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      top: 0;
      z-index: 1;
      background-position: center;
      background-repeat: no-repeat;
      transition: 200ms;
      background-size: contain; }
  .section-items .section-item__text {
    width: calc(100% - var(--icon-width));
    padding-left: 20px; }

.s-body {
  --section-aside-width:310px;
  --s-contacts-title-width: 120px;
  display: flex; }
  @media screen and (max-width: 910px) {
    .s-body {
      flex-wrap: wrap; } }
  .s-body__left {
    width: calc(100% - calc(var(--section-aside-width) + var(--section-aside-offset)));
    margin-right: var(--section-aside-offset); }
    @media screen and (max-width: 910px) {
      .s-body__left {
        width: 100%;
        margin-right: 0;
        padding: 0; } }
  .s-body__right {
    width: var(--section-aside-width);
    padding-top: 0em; }
    @media screen and (max-width: 910px) {
      .s-body__right {
        width: 100%;
        margin-right: 0; } }
    .s-body__right .news.news__small .news-item .news-item__title {
      font-style: normal;
      font-weight: normal;
      font-size: 13px; }
  .s-body .s-body__text {
    text-align: justify;
    width: 100%; }
    .s-body .s-body__text h2 {
      margin-bottom: 10px;
      text-indent: 15px; }
    .s-body .s-body__text h3 {
      margin-bottom: 1em;
      text-indent: 15px; }
    .s-body .s-body__text p {
      text-indent: 15px; }
    .s-body .s-body__text ul {
      list-style-type: none;
      margin-bottom: 1rem;
      box-sizing: border-box;
      padding: 1.5em 2em 1em;
      border-radius: 10px;
      background: #fbfbfb; }
      .s-body .s-body__text ul li {
        position: relative;
        padding-left: 16px;
        margin-bottom: 10px; }
        .s-body .s-body__text ul li:before {
          content: '';
          position: absolute;
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #865b9a;
          top: 9px;
          left: 0; }
      .s-body .s-body__text ul p {
        padding: 0;
        margin: 0;
        text-indent: 0; }
    .s-body .s-body__text ol {
      margin-bottom: 1rem;
      box-sizing: border-box;
      padding: 1.5em 2em 1em;
      border-radius: 10px;
      background: #fbfbfb;
      padding-left: calc(2em + 8px); }
      .s-body .s-body__text ol li {
        padding-left: 10px;
        margin-bottom: 10px; }
      .s-body .s-body__text ol p {
        padding: 0;
        margin: 0;
        text-indent: 0; }
  .s-body .s-contacts__title {
    font-size: 16px; }
  .s-body .s-body__content {
    margin-bottom: 50px; }
    .s-body .s-body__content ul {
      list-style-type: none; }
      .s-body .s-body__content ul li {
        margin: 0;
        background: #F9F9F9;
        border-radius: 5px;
        position: relative;
        padding: 2em;
        margin-bottom: 20px;
        padding-left: 80px;
        font-weight: 300;
        font-size: 15px;
        color: #4D4D4D; }
        .s-body .s-body__content ul li::before {
          content: '';
          position: absolute;
          background: url(/local/templates/autonomy/dist/css/../img/svg/check.svg) no-repeat center;
          left: 2em;
          top: 2em;
          width: 27px;
          height: 27px;
          border-radius: 0; }
        .s-body .s-body__content ul li b {
          font-weight: 600;
          font-size: 18px;
          margin-bottom: 10px;
          display: block;
          margin-bottom: 10px; }
  .s-body .s-body__bloquote {
    background: #F9F9F9;
    border-radius: 5px;
    position: relative;
    padding: 2em;
    margin-bottom: 20px;
    padding-left: 80px; }
    .s-body .s-body__bloquote::before {
      content: '';
      position: absolute;
      background: url(/local/templates/autonomy/dist/css/../img/svg/check.svg) no-repeat center;
      left: 2em;
      top: 2em;
      width: 27px;
      height: 27px; }
    .s-body .s-body__bloquote .s-body__bloquote-title {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 10px; }
    .s-body .s-body__bloquote .s-body__bloquote-text {
      font-weight: 300;
      font-size: 15px;
      color: #4D4D4D; }
  .s-body .s-body__list {
    list-style-type: none;
    padding: 0; }
    .s-body .s-body__list li {
      display: flex;
      position: relative;
      padding: 1.5em 2em;
      border-bottom: 1px solid #ddd;
      padding-left: 70px; }
      @media screen and (max-width: 650px) {
        .s-body .s-body__list li {
          padding: 1em;
          padding-left: 50px;
          flex-wrap: wrap; } }
      .s-body .s-body__list li::before {
        content: attr(data-number);
        position: absolute;
        font-weight: 600;
        font-size: 18px;
        color: #D7C6AE;
        width: 37px;
        height: 37px;
        border: 2px solid #D7C6AE;
        left: 1em;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (max-width: 650px) {
          .s-body .s-body__list li::before {
            width: 30px;
            height: 30px;
            font-size: 16px;
            left: 0em; } }
      .s-body .s-body__list li .s-body__list-title {
        font-style: normal;
        font-weight: 300;
        font-size: 16px; }
      .s-body .s-body__list li .s-body__list-value {
        margin-left: auto; }
        @media screen and (max-width: 650px) {
          .s-body .s-body__list li .s-body__list-value {
            margin-top: 5px;
            margin-left: 0; } }
        .s-body .s-body__list li .s-body__list-value span {
          font-style: normal;
          font-weight: normal;
          font-size: 18px; }
  .s-body .s-body__notice {
    padding: 0 1rem;
    font-weight: 300;
    font-size: 14px; }

.questions {
  display: block; }
  .questions .question {
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    position: relative;
    padding: 1em 2em;
    padding-left: calc(2em + 10px);
    margin-bottom: 10px;
    color: #000;
    cursor: pointer;
    display: block;
    border-radius: 10px;
    text-decoration: none; }
    .questions .question::before {
      content: '';
      background: url(/local/templates/autonomy/dist/css/../img/svg/question.svg) no-repeat center;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 1em;
      left: 1em; }
    .questions .question .question-title {
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-size: 17px; }
    .questions .question .question-text {
      font-weight: 300;
      font-size: 16px;
      margin-top: 1rem;
      display: none; }
    .questions .question.--is-open {
      border: 1px solid #fff; }
      .questions .question.--is-open .question-title {
        color: #865B9A; }
      .questions .question.--is-open .question-text {
        display: block; }

.liders .lider-item {
  display: flex;
  border: 0px solid #ddd;
  padding: 0;
  width: 100%;
  --image-size:140px; }
  .liders .lider-item .lider-image {
    width: var(--image-size);
    height: var(--image-size);
    background: whitesmoke; }
    .liders .lider-item .lider-image__img {
      display: block;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 10px; }
  .liders .lider-item .lider-content {
    width: calc(100% - var(--image-size));
    padding-left: 1em; }
    .liders .lider-item .lider-content .lider-name {
      font-weight: 600;
      font-size: 17px;
      margin-bottom: 5px; }
    .liders .lider-item .lider-content .lider-status {
      font-size: 13px;
      color: #948A7B;
      margin-bottom: 5px;
      line-height: 1.4em; }
    .liders .lider-item .lider-content .lider-phone {
      font-size: 14px;
      font-weight: 300; }
      .liders .lider-item .lider-content .lider-phone span {
        color: #000;
        font-weight: 500; }

.liders .grid-item:last-child {
  margin-bottom: 0; }

.radio-box {
  width: 100%;
  min-height: auto;
  padding: 1em;
  padding-bottom: 40px;
  display: block;
  border-radius: 5px;
  box-sizing: border-box; }
  .radio-box .my_energy {
    background-image: none !important;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
    height: 50px; }
    .radio-box .my_energy .my_volumediv {
      display: none; }
    .radio-box .my_energy .my_listeners {
      position: absolute;
      font-size: 0;
      left: auto;
      top: auto;
      width: 110px;
      height: 40px;
      left: 1em; }
      .radio-box .my_energy .my_listeners::before {
        content: '';
        background: url(/local/templates/autonomy/dist/css/../img/logo-hayk.png) no-repeat left top;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: contain;
        display: block; }
    .radio-box .my_energy .my_song {
      top: calc(100% + 5px);
      width: 100%;
      display: block;
      left: 0;
      border-top: 1px solid #F0F0F0;
      padding-top: 8px;
      color: #000; }
      .radio-box .my_energy .my_song .my_marquee {
        animation: none;
        padding: 0;
        position: unset;
        color: #000;
        width: 100%;
        font-size: 12px; }
    .radio-box .my_energy .my_play {
      border-radius: 50%;
      width: 30px;
      height: 30px;
      cursor: pointer;
      right: 1em;
      top: 1em;
      left: auto;
      background: url(/local/templates/autonomy/dist/css/../img/svg/play.svg) no-repeat center !important;
      position: relative;
      right: 0;
      top: 0;
      position: absolute;
      right: 0;
      top: auto;
      background-position: center;
      background-size: contain; }
      .radio-box .my_energy .my_play.my_playing {
        background: url(/local/templates/autonomy/dist/css/../img/svg/pause.svg) no-repeat center !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 38px !important; }
    .radio-box .my_energy .my_timer {
      position: relative;
      top: auto;
      left: auto;
      width: auto;
      width: auto;
      right: 50px;
      position: absolute;
      color: #000 !important;
      font-size: 12px; }
    .radio-box .my_energy .my_loading {
      z-index: 1;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #ffffffd4;
      width: 100%;
      height: 100%;
      font-size: 0;
      display: none; }
      .radio-box .my_energy .my_loading:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        border-radius: 50%;
        border: 2px solid #ccc;
        border-top-color: #333;
        animation: spinner .6s linear infinite;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }

.pop-up {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  display: none; }
  .pop-up.pop-up__active {
    display: block; }
  .pop-up .pop-up__table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: auto;
    z-index: 6; }
  .pop-up .pop-up__table-cell {
    display: table-cell;
    overflow: auto;
    padding: 2em;
    height: 100%;
    display: block;
    overflow: auto; }
    @media screen and (max-width: 650px) {
      .pop-up .pop-up__table-cell {
        padding: 0; } }
  .pop-up .pop-up__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1; }
  .pop-up .pop-up__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 20px;
    height: 20px;
    display: block;
    background: transparent;
    outline: none;
    cursor: pointer;
    border: none;
    background: url(/local/templates/autonomy/dist/css/../img/svg/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

.f-form {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(19, 23, 39, 0.15);
  max-width: 630px;
  margin: 0 auto;
  text-align: left;
  padding: 2em 4em;
  display: block; }
  @media screen and (max-width: 650px) {
    .f-form {
      padding: 2em;
      border-radius: 0px;
      height: 100%; } }
  .f-form .f-text {
    font-weight: 300;
    font-size: 16px;
    color: #A0A0A4; }
  .f-form .f-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0; }
    .f-form .f-input:focus {
      outline: none;
      border: 1px solid #865B9A; }
  .f-form textarea.f-input {
    resize: vertical;
    min-height: 140px; }
  .f-form .f-box {
    display: block;
    margin-bottom: 1em; }
    .f-form .f-box label {
      display: block; }
    .f-form .f-box span {
      font-size: 16px;
      margin-bottom: 5px;
      color: #000; }
    .f-form .f-box small {
      margin-top: 0;
      font-size: 11px;
      color: #A0A0A4;
      line-height: 1.3em;
      display: block;
      margin-top: 4px; }
  .f-form .f-buttons .f-assept {
    font-size: 11px;
    color: #969696;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    line-height: 1em;
    margin-bottom: 8px;
    position: relative;
    padding-left: 26px;
    cursor: pointer; }
    .f-form .f-buttons .f-assept input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 21px;
      height: 21px;
      border: 1px solid #ddd;
      position: absolute;
      left: 0;
      outline: none;
      background-position: center;
      background-size: 12px;
      background-repeat: no-repeat; }
      .f-form .f-buttons .f-assept input:checked {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 405.3 405.3' fill='%23865B9A'%3E%3Cpath d='M393.4 124.4L179.6 338.2c-15.8 15.8-41.5 15.8-57.4 0L11.9 227.8c-15.8-15.8-15.8-41.5 0-57.4 15.8-15.8 41.5-15.8 57.4 0l81.7 81.7L336 67.1c15.8-15.8 41.5-15.8 57.4 0C409.2 82.9 409.2 108.6 393.4 124.4z'/%3E%3C/svg%3E"); }
  .f-form .f-form-success {
    text-align: center; }
    .f-form .f-form-success .f-form-success__img {
      max-width: 160px;
      display: block;
      margin: 0 auto 1em; }
    .f-form .f-form-success .f-form-success__title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px; }
    @media screen and (max-width: 650px) {
      .f-form .f-form-success {
        height: 100%;
        padding-top: 100px; } }

.map {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30; }
  .map .map-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008a; }
  .map .map-element {
    position: absolute;
    width: 80%;
    height: 80%;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    background: #fff; }
    .map .map-element > ymaps {
      border-radius: 10px;
      overflow: hidden; }
    @media screen and (max-width: 650px) {
      .map .map-element {
        width: calc(100% - 60px);
        height: calc(100% - 60px); } }
  .map .map-close {
    position: absolute;
    top: 0;
    left: calc(100% + 1em);
    width: 30px;
    height: 30px;
    background: white;
    cursor: pointer;
    background: url(/local/templates/autonomy/dist/css/../img/svg/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden; }

.page-404 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .page-404 .page-404__logo img {
    display: block; }
  .page-404 .page-404__text {
    max-width: 500px; }
    .page-404 .page-404__text h1 {
      font-size: 72px; }
    .page-404 .page-404__text p {
      font-size: 20px; }
    .page-404 .page-404__text .btn {
      padding: 14px 24px;
      border-radius: 5px; }
  .page-404__nav .page-404__nav-item {
    display: block; }
  .page-404__nav a {
    display: block; }
  .page-404__nav .page-404__nav-item {
    display: flex; }

.face {
  background: url("/local/templates/autonomy/dist/css/../img/cloud.png") repeat-x center top, url("/local/templates/autonomy/dist/css/../img/cloud2.png") repeat-x center top, url("/local/templates/autonomy/dist/css/../img/face-bg.jpg") no-repeat center top;
  background-size: cover;
  border-bottom: 1px solid #ddd; }
  .face .container {
    display: flex;
    align-items: center;
    padding-bottom: 0; }
  .face .face-image {
    width: 50%;
    position: relative;
    min-height: 400px; }
    .face .face-image img {
      display: block;
      position: relative;
      /* min-height: 400px; */
      width: auto;
      position: absolute;
      bottom: 0;
      min-width: 120%;
      left: -5%; }
    @media screen and (max-width: 910px) {
      .face .face-image {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: auto; }
        .face .face-image img {
          width: auto;
          position: relative;
          bottom: 0;
          min-width: auto;
          left: 0;
          margin: 0px auto;
          max-height: 200px; } }
  .face .face-body {
    width: 48%;
    color: #000;
    position: relative;
    max-width: 520px;
    z-index: 2;
    padding-left: 40px; }
    .face .face-body .face-herbs {
      display: flex;
      margin-bottom: 1em;
      justify-content: center; }
      .face .face-body .face-herbs img {
        margin-right: 10px;
        border-radius: 5px;
        height: 41px;
        width: 69px;
        -o-object-fit: cover;
           object-fit: cover;
        box-shadow: 0px 2px 5px 0px #00000040; }
    .face .face-body .face-title {
      font-weight: 600;
      margin-bottom: 10px;
      font-size: 28px;
      text-align: center; }
    .face .face-body .face-text {
      font-size: 18px;
      font-weight: 300;
      text-align: center; }
    @media screen and (max-width: 910px) {
      .face .face-body {
        min-height: 400px;
        width: 100%;
        max-width: 100%;
        max-width: 500px;
        margin: 0px auto;
        padding: 1em; }
        .face .face-body .face-herbs {
          justify-content: center; }
          .face .face-body .face-herbs img {
            width: 50px; }
        .face .face-body .face-title {
          text-align: center;
          font-size: 24px; }
        .face .face-body .face-text {
          text-align: center; } }
    @media screen and (max-width: 650px) {
      .face .face-body .face-herbs img {
        width: 50px; }
      .face .face-body .face-title {
        text-align: center;
        font-size: 20px; }
      .face .face-body .face-text {
        font-size: 16px; } }

.areas .area-item {
  display: block;
  color: #000;
  border: 0px solid #ddd;
  box-sizing: border-box;
  padding: 0em;
  border-radius: 8px;
  border-radius: 8px;
  background: #f7f7f9;
  padding: 0em;
  margin-top: 3em; }
  .areas .area-item__name {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-weight: 700;
    font-size: 16px; }
  .areas .area-item__director {
    margin-bottom: 10px;
    color: #865b9a; }
  .areas .area-item__address {
    display: block;
    margin-bottom: 10px;
    line-height: 1.5em;
    padding: 1em 0; }
  .areas .area-item__text {
    line-height: 1.5em;
    margin-bottom: 1em; }
  .areas .area-item__map {
    min-height: 300px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ddd; }

.left-nav {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: 200ms; }
  .left-nav .left-nav__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 20px;
    height: 20px;
    display: block;
    background: transparent;
    outline: none;
    cursor: pointer;
    border: none;
    background: url(/local/templates/autonomy/dist/css/../img/svg/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .left-nav .left-nav__bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #0000005c; }
  .left-nav .left-nav__container {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    border-right: 1px solid #606060;
    box-shadow: 2px 0px 5px 0px #0000002e;
    transform: translateX(-50%);
    transition: 200ms;
    overflow: auto; }
  .left-nav.--is-open {
    opacity: 1;
    visibility: visible; }
    .left-nav.--is-open .left-nav__container {
      transform: translateX(0); }

.contacts .contact-item {
  display: flex; }

.contacts .contact-content {
  width: 50%;
  padding-right: 1em; }
  .contacts .contact-content .h3 span {
    display: block; }
  .contacts .contact-content .s-contacts .s-contacts__item {
    border-bottom: 0px solid #E9E9E9;
    flex-wrap: wrap; }
    .contacts .contact-content .s-contacts .s-contacts__item .s-contacts__name {
      width: 100%;
      text-align: left;
      ont-weight: 700; }
    .contacts .contact-content .s-contacts .s-contacts__item .s-contacts__value {
      width: 100%;
      text-align: left; }
    .contacts .contact-content .s-contacts .s-contacts__item .s-soc {
      justify-content: left; }

.contacts .contact-map {
  width: 50%;
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ddd; }

.documents__folders {
  display: flex;
  flex-wrap: wrap; }
  .documents__folders .documents__folder-item {
    width: 100%;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    width: 100%;
    color: #000;
    text-decoration: none; }
    .documents__folders .documents__folder-item:hover {
      color: var(--color-a) !important; }
      .documents__folders .documents__folder-item:hover .documents__folder-icon svg {
        fill: var(--color-a) !important; }
    .documents__folders .documents__folder-item:last-child {
      margin-bottom: 0 !important; }
    .documents__folders .documents__folder-item .documents__folder-icon {
      width: 40px; }
      .documents__folders .documents__folder-item .documents__folder-icon svg {
        width: 100%;
        height: 100%;
        fill: var(--color-main); }
    .documents__folders .documents__folder-item .documents__folder-title {
      width: calc(100% - 40px);
      padding-left: 1em;
      box-sizing: border-box; }

.documents .document__item {
  --icon: 30px;
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-bottom: 15px;
  color: black; }
  .documents .document__item .document__icon {
    width: var(--icon);
    height: var(--icon);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .documents .document__item .document__name {
    width: calc(100% - var(--icon));
    padding-left: 10px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.markers {
  position: absolute;
  right: 1em;
  z-index: 1;
  top: 1em;
  display: block;
  text-align: right;
  font-size: 14px; }
  .markers .marker {
    display: inline-block;
    background: #c0a376;
    line-height: 1em;
    padding: 4px 6px 4px;
    border-radius: 4px; }
    .markers .marker.main {
      min-height: auto; }
    .markers .marker.actual {
      background: var(--color-a); }
    .markers .marker.photogallery {
      background: #ce6f2d; }

.requisits {
  border-collapse: collapse;
  border: 1px solid #ddd; }

.requisits td {
  padding: 8px 10px;
  border: 1px solid #ddd; }

.library {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 2rem 1rem; }
  .library-item {
    background: #fff;
    box-shadow: 0px 0px 5px 0px #d5d5d5;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    grid-template-rows: 300px 1fr;
    position: relative; }
    .library-item__image {
      display: block;
      width: 100%;
      position: relative;
      height: 325px;
      background: #fff; }
      .library-item__image img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .library-item__image-empty {
        position: absolute;
        width: 100%;
        height: 80%;
        z-index: 1;
        box-sizing: border-box;
        padding: 4rem;
        fill: #bdbdbd; }
      .library-item__image svg {
        width: 100%;
        height: 100%; }
    .library-item__age-restriction {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 30px;
      height: 30px;
      display: grid;
      justify-content: center;
      align-items: center;
      color: #fff;
      background: #000;
      border-radius: 50%;
      opacity: 0.8;
      font-size: 12px; }
    .library-item__content {
      display: block;
      box-sizing: border-box;
      padding: 1rem;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      color: #000;
      padding-top: 30%; }
    .library-item__title {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 0; }
    .library-item__publisher {
      font-size: 14px;
      margin-bottom: 5px;
      line-height: 1rem; }
    .library-item__download {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      align-items: center;
      display: none; }
      .library-item__download a {
        background: var(--color-a);
        color: #fff;
        font-size: 14px;
        box-sizing: border-box;
        padding: 3px 15px 4px;
        text-decoration: underline;
        display: inline-flex;
        border-radius: 4px;
        font-weight: 300; }

.vacancy-item {
  border-radius: 4px;
  box-shadow: 0 1px 0 0 rgba(4, 27, 38, 0.05), 0 0 0 1px rgba(4, 27, 38, 0.1);
  background: #fff;
  padding: 1em;
  margin-bottom: 1em;
  position: relative; }
  .vacancy-item .vacancy-number {
    position: absolute;
    right: 1em;
    top: 1em;
    font-weight: 300;
    font-size: 14px; }
    .vacancy-item .vacancy-number b {
      font-weight: 600; }
  .vacancy-item a.vacancy-name {
    color: var(--color-a);
    display: block;
    text-decoration: none;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    transition: color .25s ease; }
    .vacancy-item a.vacancy-name span {
      transition: border .25s ease;
      border-bottom: 1px solid transparent;
      margin-bottom: 8px; }
    .vacancy-item a.vacancy-name:hover {
      color: var(--color-a); }
      .vacancy-item a.vacancy-name:hover span {
        border-bottom: 1px solid var(--color-a); }
  .vacancy-item .vacancy-price {
    text-align: left;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000; }
  .vacancy-item .vacancy-description {
    display: block;
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 300; }
  .vacancy-item .vacancy-sex {
    color: #9097a3;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 10px; }
  .vacancy-item .vacancy-address {
    display: flex;
    color: #9097a3;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1em; }
    .vacancy-item .vacancy-address .vacancy-address__icon {
      width: 15px !important;
      height: 15px !important;
      position: relative;
      top: -1px;
      fill: #9097a3; }
    .vacancy-item .vacancy-address .vacancy-address__text {
      margin-left: 2px; }
  .vacancy-item .vacancy-btn {
    display: block;
    margin-top: 1em; }
    .vacancy-item .vacancy-btn .btn {
      box-sizing: border-box;
      padding: 0 10px;
      font-size: 14px;
      min-width: 124px;
      height: 34px;
      align-items: center;
      border-radius: 5px;
      margin-right: 10px;
      background: transparent;
      color: var(--color-a);
      font-weight: 500; }

.vacancy-detail .vacancy-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px; }

.vacancy-detail .vacancy-org {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.vacancy-detail .vacancy-address {
  font-size: 16px;
  margin-bottom: 24px; }

.vacancy-detail .vacancy-price {
  font-size: 20px;
  margin-bottom: 24px; }

.vacancy-detail .vacancy-table {
  margin-bottom: 2em;
  width: 100%; }
  .vacancy-detail .vacancy-table .table-cell {
    padding: 3px 0;
    border-bottom: 1px solid #ddd; }
  .vacancy-detail .vacancy-table .vacancy-table__title {
    color: #9097a3;
    max-width: 250px;
    padding: 10px 0px;
    padding-right: 10px;
    width: 60%; }

.vacancy-detail .vacancy-detail__box {
  display: block;
  margin-bottom: 1.5em; }
  .vacancy-detail .vacancy-detail__box .vacancy-detail__title {
    margin-bottom: 5px; }

.vacancy-detail .vacancy-detail__table {
  border-collapse: collapse;
  border: 1px solid #ddd; }
  .vacancy-detail .vacancy-detail__table .table-cell {
    border: 1px solid #ddd;
    padding: 10px;
    min-width: 145px; }
  .vacancy-detail .vacancy-detail__table .table-row:nth-child(1) .table-cell {
    font-weight: 600; }

.vacancy-notice {
  padding: 2em;
  display: flex;
  box-sizing: border-box;
  background: #F7F2EC;
  align-items: center;
  border-radius: 4px; }
  .vacancy-notice svg {
    width: 50px;
    height: 50px; }
  .vacancy-notice span {
    width: calc(100% - 50px);
    padding-left: 1em; }

.brief {
  border-radius: 4px; }
  .brief .brief-box {
    position: relative;
    margin-bottom: 2em; }
    .brief .brief-box.--disabled:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      opacity: 0.5;
      background: #fff; }
  .brief .brief-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1em; }
  .brief .brief-types {
    display: flex; }
    .brief .brief-types .brief-types__btn {
      width: calc(100% - 1em);
      box-sizing: border-box;
      padding: 1em;
      font-size: 16px;
      align-items: center;
      border-radius: 5px;
      margin-right: 10px;
      background: transparent;
      color: var(--color-a);
      font-weight: 500;
      font-size: 20px; }
      .brief .brief-types .brief-types__btn svg {
        margin-right: 10px;
        fill: var(--color-a);
        height: 38px; }
      .brief .brief-types .brief-types__btn:nth-child(1) {
        margin-right: 1em; }
      .brief .brief-types .brief-types__btn.--active {
        background: var(--color-a);
        color: #fff; }
        .brief .brief-types .brief-types__btn.--active svg {
          fill: #fff; }
  .brief .brief-fields .brief-field {
    display: flex;
    margin-bottom: 1em;
    position: relative; }
    @media screen and (max-width: 650px) {
      .brief .brief-fields .brief-field {
        flex-wrap: wrap; }
        .brief .brief-fields .brief-field .brief-field__title {
          width: 100%; }
        .brief .brief-fields .brief-field .brief-field__input {
          width: 100%; } }
  .brief .brief-fields .brief-field__input-checkbox {
    display: flex;
    width: 25%;
    margin-bottom: 1em;
    cursor: pointer; }
    .brief .brief-fields .brief-field__input-checkbox input[type=checkbox] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 22px;
      height: 22px;
      border: 1px solid #bfbfbf;
      min-width: auto;
      padding: 0;
      outline: none;
      cursor: pointer;
      background: #fff; }
      .brief .brief-fields .brief-field__input-checkbox input[type=checkbox]:checked {
        background: var(--color-a);
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78.4 78.4' fill='%23fff'%3E%3Cpath d='M78 19L29.5 67.6c-0.4 0.4-1.1 0.4-1.5 0L0.3 40c-0.4-0.4-0.4-1.1 0-1.5l6.7-6.7c0.4-0.4 1.1-0.4 1.5 0l20.1 20.1 41.1-41.1c0.4-0.4 1.1-0.4 1.5 0l6.7 6.7C78.5 17.9 78.5 18.6 78 19z'/%3E%3C/svg%3E");
        border: 1px solid var(--color-a);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center; }
    .brief .brief-fields .brief-field__input-checkbox span {
      width: calc(100% - 26px);
      padding-left: 5px; }
  .brief .brief-fields .brief-field__input.--is-empty input[type="text"],
  .brief .brief-fields .brief-field__input.--is-empty select,
  .brief .brief-fields .brief-field__input.--is-empty textarea {
    border-color: #ff4c4c;
    box-shadow: inset 0px 0px 0px 1px red; }
  .brief .brief-fields .brief-field__work {
    position: relative;
    box-sizing: border-box;
    padding: 2em;
    border: 2px solid #ddd;
    padding-right: calc(2em + 20px); }
    @media screen and (max-width: 650px) {
      .brief .brief-fields .brief-field__work {
        padding-right: 0;
        padding: 2em; } }
    .brief .brief-fields .brief-field__work .brief-field__remove {
      position: absolute;
      right: 1em;
      top: 1em;
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .brief .brief-fields .brief-field__work .brief-field__remove:before, .brief .brief-fields .brief-field__work .brief-field__remove:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #865B9A;
        position: absolute;
        top: 50%;
        transform: rotate(45deg); }
      .brief .brief-fields .brief-field__work .brief-field__remove:after {
        transform: rotate(-45deg); }
  .brief .brief-fields .brief-field__title {
    width: 200px;
    font-weight: 400;
    font-size: 15px;
    padding-right: 1em;
    box-sizing: border-box; }
    .brief .brief-fields .brief-field__title-b {
      font-weight: 600; }
  .brief .brief-fields .brief-field__input {
    width: calc(100% - 200px); }
    .brief .brief-fields .brief-field__input input,
    .brief .brief-fields .brief-field__input select,
    .brief .brief-fields .brief-field__input textarea {
      display: block;
      /* width: 100%; */
      color: #000000;
      border: 1px solid;
      border-color: #c5c5c5;
      font-size: 14px;
      line-height: 20px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 8px;
      border-radius: 3px;
      min-width: 60%; }
      @media screen and (max-width: 650px) {
        .brief .brief-fields .brief-field__input input,
        .brief .brief-fields .brief-field__input select,
        .brief .brief-fields .brief-field__input textarea {
          width: 100%; } }
    .brief .brief-fields .brief-field__input select {
      width: auto;
      min-width: 50%; }
      @media screen and (max-width: 650px) {
        .brief .brief-fields .brief-field__input select {
          max-width: 100%;
          width: 100%; } }
    .brief .brief-fields .brief-field__input textarea {
      resize: vertical;
      min-height: 120px;
      height: auto;
      width: 100%; }
    .brief .brief-fields .brief-field__input small {
      font-size: 14px;
      color: #868686;
      font-weight: 300;
      line-height: 1.3em;
      display: block;
      margin-top: 5px; }
  .brief .brief-field__input-table .brief-field__input-table-box {
    background: #f7f7f9;
    box-sizing: border-box;
    padding: 1em;
    border-radius: 5px; }
    .brief .brief-field__input-table .brief-field__input-table-box b {
      font-weight: 500;
      font-size: 14px;
      margin-bottom: 3px;
      display: block;
      line-height: 1.2em; }
    .brief .brief-field__input-table .brief-field__input-table-box textarea {
      resize: vertical;
      min-height: 100px; }
  .brief .brief-field__btn-a {
    position: relative;
    display: flex;
    cursor: pointer;
    background: transparent;
    border: none;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    color: #865B9A;
    outline: none; }
    .brief .brief-field__btn-a i {
      position: relative;
      width: 1em;
      height: 1em;
      margin-right: 8px; }
      .brief .brief-field__btn-a i:before, .brief .brief-field__btn-a i:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #865B9A;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%); }
      .brief .brief-field__btn-a i:before {
        transform: translate(-50%, -50%) rotate(90deg); }
  .brief .brief-success {
    display: flex;
    display: flex;
    align-items: center; }
    .brief .brief-success__icon {
      width: 100px;
      box-sizing: border-box;
      height: 100px;
      padding: 7px; }
      .brief .brief-success__icon svg {
        width: 100%;
        height: 100%; }
    .brief .brief-success__body {
      width: calc(100% - 100px);
      padding-left: 1em; }
    .brief .brief-success__title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px; }
  .brief .table__styled .table-cell {
    padding-left: 10px; }
    .brief .table__styled .table-cell:first-child {
      padding-left: 0 !important; }
    @media screen and (max-width: 650px) {
      .brief .table__styled .table-cell {
        padding-left: 0; } }
  .brief .brief-field__input-DISIRED_SALARY input {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239a9a9a'  width='72.5' height='100'%3E%3Cpath style='fill-rule: evenodd' d='M5 0h40a27.5 27.5 0 0 1 0 55h-30v6h38v10h-38v29h-10v-29h-5v-10h5v-6h-5v-10h5zM15 10h30a17.5 17.5 0 0 1 0 35h-30z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: calc(100% - 1em) center;
    width: 250px;
    min-width: auto !important;
    padding-right: 3em !important; }
  .brief .assept {
    align-items: flex-start !important;
    cursor: default; }
    .brief .assept input[type=checkbox] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 23px !important;
      height: 22px;
      border: 1px solid #bfbfbf;
      padding: 0;
      outline: none;
      cursor: pointer;
      background: #fff; }
      .brief .assept input[type=checkbox]:checked {
        background: var(--color-a);
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78.4 78.4' fill='%23fff'%3E%3Cpath d='M78 19L29.5 67.6c-0.4 0.4-1.1 0.4-1.5 0L0.3 40c-0.4-0.4-0.4-1.1 0-1.5l6.7-6.7c0.4-0.4 1.1-0.4 1.5 0l20.1 20.1 41.1-41.1c0.4-0.4 1.1-0.4 1.5 0l6.7 6.7C78.5 17.9 78.5 18.6 78 19z'/%3E%3C/svg%3E");
        border: 1px solid var(--color-a);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center; }
    .brief .assept span {
      width: calc(100% - 22px);
      padding-left: 10px; }

.swiper-horizontal-button-prev, .swiper-horizontal-button-next {
  --swiper-navigation-size:30px;
  --swiper-navigation-color: #000000;
  background: none; }

.swiper-horizontal-pagination .swiper-pagination-bullet {
  background: #A0A0A4; }
  .swiper-horizontal-pagination .swiper-pagination-bullet-active {
    background: #000; }


/*# sourceMappingURL=style.bundle.css.map*/
/* End */


/* Start:/local/templates/autonomy/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1673448195467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/autonomy/template_styles.css?17507658932156*/
.header-controlls{
    display: flex;
    margin-left: auto;
    gap: 10px;
}

.header-controlls-icon svg{
    aspect-ratio: 1;
    width: 14px;
}
.header-controlls-icon{
    display: flex;
    height: 32px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin: 0;
    box-sizing: border-box;
    /* text-transform: uppercase; */
    padding: 8px;
    outline: none;
    background: #fff;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
    color: #000;
    gap: 5px;
    font-size: 15px;
}

@media (max-width: 1200px) {
    a.logo{
        --logo-size:70px;
        font-size: 13px;
    }
    .header .s-soc .s-soc__item {
        width: 16px;
        height: 16px;
    }
    .header .header-contacts .phone {
        font-size: 16px;
    }
    .header .header-contacts .email{
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    a.logo {
        margin-left: auto;
    }
    .header .header-contacts {
        display: none;
    }
    .header-controlls-icon{
        display: none;
    }
}

.footer-line-container{
    display: flex;
    text-align: left;
    align-items: center;
}

.footer-line-container-right{
    margin-left: auto;
}

.footer-line-container-right img{
    width: 40px;
}

@media (max-width: 480px) {
    .footer-line-container{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .footer-line-container-right{
        margin-left: unset;
    }

}


.no-image{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/local/templates/autonomy/images/no-image.svg") no-repeat center;
    background-size: cover;
    border-radius: 5px;
    border: 1px solid #ddd;
    aspect-ratio: 1;
}

.booking{
    max-width: 500px;
    background: #fff;
    padding: 2rem;
}

.f-box-double{
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.f-box-double .f-box{
    width: 100%;
}

.f-form input.f-input:invalid {

}

.f-errors{
    color: red;
}

.f-errors li{
    list-style: none;
}
/* End */
/* /local/templates/autonomy/dist/css/style.bundle.css?1750765166158923 */
/* /local/templates/autonomy/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1673448195467 */
/* /local/templates/autonomy/template_styles.css?17507658932156 */