/* 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?1766741679166119*/ @charset "UTF-8"; @font-face { font-family: 'Main'; src: url('/local/templates/autonomy/fonts/main-900.woff2') format('woff2'), url('/local/templates/autonomy/fonts/main-900.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Main'; src: url('/local/templates/autonomy/fonts/main-500.woff2') format('woff2'), url('/local/templates/autonomy/fonts/main-500.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Main'; src: url('/local/templates/autonomy/fonts/main-300.woff2') format('woff2'), url('/local/templates/autonomy/fonts/main-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Main'; src: url('/local/templates/autonomy/fonts/main-700.woff2') format('woff2'), url('/local/templates/autonomy/fonts/main-700.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Main'; src: url('/local/templates/autonomy/fonts/main-100.woff2') format('woff2'), url('/local/templates/autonomy/fonts/main-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"); } /*! 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: 'Main'; --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: 'Main'; 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: 'Main'; 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/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/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/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-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/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/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/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: "Main"; 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/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; display: block; width: 100%; height: 100%; } .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/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/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/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/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/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/img/icon-b-phone.svg); } .h-box.h-box__small .h-box__icons .h-box__icon-mail { background-image: url(/local/templates/autonomy/img/icon-b-mail.png); } .h-box.h-box__small .h-box__icons .h-box__icon-book { background-image: url(/local/templates/autonomy/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/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/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/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/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/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: 10px; padding-top: 1rem; text-indent: 15px; } .s-body .s-body__text p { text-indent: 15px; margin-bottom: 10px; } .s-body .s-body__text b { font-weight: 600} .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; } .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; padding: 0em 2em 0em; } .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 a { -webkit-text-decoration-skip: ink; -webkit-text-decoration: underline; text-decoration: underline; text-decoration-color: transparent; text-decoration-skip-ink: auto; text-decoration-style: solid; text-decoration-thickness: .5px; text-underline-offset: 4px; transition: .2s; } .s-body .s-body__content a:hover{ text-decoration-color: inherit; } .s-body .s-body__content ul { list-style-type: none; margin: 5px 0 0; padding: 0 1rem; } .s-body .s-body__content ul li { margin-bottom: 10px; padding-left: 20px; position: relative; } .s-body .s-body__content ul li::before { background: #865b9a; border-radius: 10px; content: ""; display: block; font-size: 1.5em; height: 2px; left: 0; position: absolute; top: 11px; width: 10px } .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/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/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/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/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/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/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/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/img/cloud.png") repeat-x center top, url("/local/templates/autonomy/img/cloud2.png") repeat-x center top, url("/local/templates/autonomy/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/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; } .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; } .header-contacts{ text-align: right; } .header__booking{ color: #fff; border: none; line-height: 1; margin-top: 5px; font-size: 14px; padding: 8px 10px; border-radius: 5px; display: inline-block; background: var(--color-a); text-decoration: none !important; } .btn.--is-loading{ position: relative; } .btn.--is-loading span{ opacity: 0; } .btn.--is-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; } /* End */ /* /local/templates/autonomy/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1673448195467 */ /* /local/templates/autonomy/template_styles.css?1766741679166119 */