/* Start:/local/templates/main/css/swiper-bundle.min.css?173052939718470*/ /** * Swiper 11.1.12 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 1, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/css/jquery.fancybox.min.css?173052939612795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/form-components.css?173052939623990*/ @charset "utf-8"; /*CSS3*/ /* Template developer: Elesin Alexander Skype: virusanja */ .fc-component { --fComponent-select-main-color: white; --fComponent-select-bg-color: white; --fComponent-select-padding-v: 5px; --fComponent-select-padding-h: 10px; --fComponent-font-size: 16px; --fComponent-line-height: 1.3; --fComponent-input-height: 50px; --fComponent-error-color: red; --fComponent-placeholder-color: grey; --fComponent-scroll-bar-width: 3px; --fComponent-scroll-bar-track-bg: grey; --fComponent-scroll-bar-thumb-bg: black; --fc-input-fs: var(--fComponent-font-size, inherit); --fc-input-v-padding: 5px; --fc-em-border: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } /*custom select*/ .fc-select { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: black; font-size: var(--fComponent-font-size); position: relative; background-color: var(--fComponent-select-bg-color); min-width: 50px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; min-height: var(--fComponent-input-height); z-index: 1; vertical-align: middle; } .fc-select-title { -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; border: none; padding: var(--fComponent-select-padding-v) var(--fComponent-select-padding-h); text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; line-height: 1; width: 100%; text-align: left; background-color: var(--fComponent-select-bg-color); position: relative; } .fc-select-title-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .fc-select.fc-ready .fc-select-title-wrapper { opacity: 1; } .fc-selected-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; visibility: hidden; opacity: 0; } .fc-select.fc-ready .fc-selected-text { -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .fc-select-title-placeholder { position: absolute; top: auto; bottom: auto; left: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--fComponent-select-bg-color); visibility: visible; padding-left: var(--fComponent-select-padding-h); padding-right: var(--fComponent-select-padding-h); } .fc-select.fc-ready .fc-select-title-placeholder { -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .fc-select.selected .fc-select-title-placeholder { opacity: 0; visibility: hidden; } .fc-select.selected .fc-selected-text { opacity: 1; visibility: visible; } .fc-selected-text span { display: inline; } .fc-selected-text span:not(:first-child):before { content: ', '; } .fc-select-title:after { content: '\25BC'; -ms-flex-negative: 0; flex-shrink: 0; line-height: 1; -ms-flex-item-align: center; align-self: center; -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .fc-select.open .fc-select-title:after { -webkit-transform: scale(1, -1) translateZ(0); transform: scale(1, -1) translateZ(0); } .fc-select-drop-down { border: none; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; position: absolute; overflow: hidden; top: 100%; left: 0; right: 0; margin-top: -1px; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -webkit-transform-origin: center top; transform-origin: center top; visibility: hidden; opacity: 0; -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, transform 300ms; transition: opacity 300ms, visibility 300ms, transform 300ms, -webkit-transform 300ms; background-color: var(--fComponent-select-bg-color); z-index: -1; } .fc-select-scroll { max-height: 200px; overflow: hidden; overflow-y: auto; } .fc-select-list button { text-decoration: none; display: block; padding: var(--fComponent-select-padding-v) var(--fComponent-select-padding-h); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; border: none; width: 100%; text-align: left; background-color: transparent; } .fc-select-list button:hover { background-color: #eaeaea; } .fc-select-list > li.selected button { background-color: #d8d8d8; } .fc-select.open .fc-select-drop-down { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } .fc-select-drop-down .scrollbar-thumb { border-radius: 0 !important; } .fc-select-drop-down .scrollbar-track-y { width: var(--fComponent-scroll-bar-width) !important; background-color: var(--fComponent-scroll-bar-track-bg) !important; right: 0 !important; border-right: 0 solid white; } .fc-select-drop-down .scrollbar-thumb { width: var(--fComponent-scroll-bar-width) !important; background-color: var(--fComponent-scroll-bar-thumb-bg) !important; } /*textarea scroll */ .fc-textarea .text-autosize-container::-webkit-scrollbar, .fc-component textarea::-webkit-scrollbar { width: var(--fComponent-scroll-bar-width); /* width: 20px;*/ cursor: pointer; } .fc-textarea .text-autosize-container, .fc-component textarea { scrollbar-width: thin; scrollbar-color: var(--fComponent-scroll-bar-thumb-bg) var(--fComponent-scroll-bar-track-bg); } .fc-textarea .text-autosize-container::-webkit-scrollbar-track, .fc-component textarea::-webkit-scrollbar-track { background: var(--fComponent-scroll-bar-track-bg); cursor: pointer; } .fc-textarea .text-autosize-container::-webkit-scrollbar-thumb, .fc-component textarea::-webkit-scrollbar-thumb { background-color: var(--fComponent-scroll-bar-thumb-bg); border-radius: 0; border: 0 solid var(--fComponent-scroll-bar-track-bg); cursor: pointer; } /*tabs*/ .fc-tabs { --tab-arrow-size: 40px; --tab-items-offset: 10px; --tab-dc: 104px; } .fc-tabs ul.fc-tabs-title { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; margin-left: calc(-1 * (var(--tab-items-offset) / 2)); margin-right: calc(-1 * (var(--tab-items-offset) / 2)); } .fc-tabs ul.fc-tabs-title > li { padding-left: calc(var(--tab-items-offset) / 2); padding-right: calc(var(--tab-items-offset) / 2); } .fc-tabs-content { -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; position: relative; overflow: hidden; } .fc-tabs-content-inner { position: relative; } .fc-tab-box { width: 100%; display: block; } .fc-tabs-content-inner-js.animate>.fc-tab-box { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .fc-tabs-content-inner-js.animate>.fc-tab-box.current { opacity: 0; } .fc-ajax-loader { height: 2px; width: 100%; background-image: linear-gradient(to left, transparent 30%, blue 50%, transparent 70%); background-repeat: repeat-x; background-size: 200% 100%; background-position: 0% 0%; animation: fc-wave 1s linear infinite; margin: 10px 0; opacity: 0; transition: opacity 300ms; } @keyframes fc-wave { 0% { background-position: 200% 0%; } 100% { background-position: 0% 0%; } } .fc-tabs.load .fc-ajax-loader { opacity: 1; transition: opacity 200ms 500ms; } /*tab slider*/ .fc-tabs-title-slider-wrp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; margin-left: calc(-1 * var(--tab-items-offset)); padding-left: var(--tab-items-offset); } .fc-tabs-title-slider-wrp:after { content: ' '; position: absolute; top: 0; bottom: 0; right: 0; width: calc(var(--tab-arrow-size) + (var(--tab-items-offset) / 2) + var(--tab-dc)); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(white)); background-image: linear-gradient(to right, transparent 0, white var(--tab-dc)); z-index: 1; pointer-events: none; display: none; -webkit-transition: opacity 100ms, visibility 100ms; transition: opacity 100ms, visibility 100ms; } .fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-wrp:after { opacity: 0; visibility: hidden; } .fc-tabs-title-slider-wrp:before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; width: var(--tab-items-offset); z-index: 2; background-image: -webkit-gradient(linear, left top, right top, from(white), to(transparent)); background-image: linear-gradient(to right, white 0%, transparent 100%); } .fc-tabs-title-slider { margin-left: calc(-1 * (var(--tab-items-offset) / 2)); margin-right: calc(-1 * (var(--tab-items-offset) / 2)); overflow: visible; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .fc-tabs-title-slider .swiper-slide { width: auto; padding-left: calc(var(--tab-items-offset) / 2); padding-right: calc(var(--tab-items-offset) / 2); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .fc-tabs-title-slider-arr { position: relative; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2; margin-left: var(--tab-items-offset); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .fc-tabs-title-slider-button-next, .fc-tabs-title-slider-button-prev { width: var(--tab-arrow-size); height: var(--tab-arrow-size); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; border-radius: 50%; border: none; padding: 0; font-size: 20px; -webkit-transition: background-color 300ms, color 300ms, opacity 300ms, visibility 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, opacity 300ms, visibility 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, box-shadow 300ms, opacity 300ms, visibility 300ms; transition: background-color 300ms, color 300ms, box-shadow 300ms, opacity 300ms, visibility 300ms, -webkit-box-shadow 300ms; } .fc-tabs-title-slider-button-prev { position: absolute; top: 50%; left: 0; opacity: 0; visibility: hidden; margin-top: calc(-1 * (var(--tab-arrow-size) / 2)); } .fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-button-prev { opacity: 1; visibility: visible; } .fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-button-next { opacity: 0; visibility: hidden; } .fc-tabs-title-slider-button-next:not(.swiper-button-disabled):hover, .fc-tabs-title-slider-button-prev:not(.swiper-button-disabled):hover { background-color: black; color: white; -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; } .fc-tabs-title-slider-wrp.over .fc-tabs-title-slider-arr { display: -webkit-box; display: -ms-flexbox; display: flex; } .fc-tabs-title-slider-wrp.over:after { display: block; } .fc-tabs-title-slider-wrp.end:after { opacity: 0; visibility: hidden; } .fc-tabs-title-slider .swiper-slide a, ul.fc-tabs-title a { text-decoration: none; color: currentColor; display: block; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; padding: 10px; } .fc-tabs-title-slider .swiper-slide.active a, ul.fc-tabs-title > li.active a { background-color: lightgray; } /*//tab slider*/ /*input*/ .fc-input { display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--fComponent-input-height); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-family: Arial; font-size: var(--fc-input-fs); color: #636363; background-color: white; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; padding: var(--fc-em-border); } .fc-select.fc-placeholder-shift .fc-select-title-placeholder, .fc-in-paceholder { position: absolute; color: var(--fComponent-placeholder-color); top: 0; bottom: 0; left: var(--fComponent-select-padding-h); right: var(--fComponent-select-padding-h); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-transition: opacity 100ms; transition: opacity 100ms; z-index: 1; line-height: 1; } .fc-component.fc-ready .fc-in-paceholder { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .fc-in-paceholder > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fc-component.active .fc-in-paceholder { opacity: 0; } .fc-textarea .text-autosize-container, .fc-textarea textarea, .fc-input input { border: none; font-style: normal; line-height: 1; color: #000000; padding: var(--fc-input-v-padding) calc(var(--fComponent-select-padding-h) - var(--fc-em-border)); background-color: transparent; opacity: 0; height: auto; min-height: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .fc-textarea.fc-ready textarea, .fc-input.fc-ready input { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .fc-input input:auto-fill { background-color: red; } .fc-input input:-webkit-autofill, .fc-input input:-webkit-autofill:hover, .fc-input input:-webkit-autofill:focus { -webkit-text-fill-color: #00aae6; -webkit-box-shadow: 0 0 0px 40rem #ffff inset; } .fc-textarea.active textarea, .fc-input.active input { opacity: 1; } /*bottom-active-line*/ .fc-input.fc-bottom-active-line { -webkit-box-shadow: 0 2px 0 0 grey; box-shadow: 0 2px 0 0 grey; } .fc-input.fc-bottom-active-line:after { content: ' '; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: black; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; z-index: 1; } .fc-input.fc-bottom-active-line.active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .fc-input.fc-bottom-active-line:before { content: ' '; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: var(--fComponent-error-color); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; z-index: 2; } /*fc-placeholder-shift*/ .fc-select.fc-placeholder-shift .fc-selected-text, .fc-input.fc-placeholder-shift textarea, .fc-input.fc-placeholder-shift input { padding-top: 0; padding-bottom: 0; margin: var(--fc-em-border); margin-top: calc(0.9em + var(--fc-input-v-padding)); } .fc-textarea.fc-placeholder-shift { padding-top: calc((var(--fComponent-input-height) / 2.1) - var(--fc-em-border)); min-height: var(--fComponent-input-height); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .fc-textarea.fc-placeholder-shift[data-fs-type="textarea-autoheight"] textarea, .fc-textarea.fc-placeholder-shift[data-fs-type="textarea-autoheight"] .text-autosize-container, .fc-textarea .text-autosize-container, .fc-input.fc-placeholder-shift textarea { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; min-height: calc((var(--fComponent-input-height) / 1.9) - var(--fc-em-border)); padding-top: calc((((var(--fComponent-input-height) / 1.9) - var(--fc-em-border)) / 2) - ((1em * var(--fComponent-line-height)) / 2)); padding-bottom: calc((((var(--fComponent-input-height) / 1.9) - var(--fc-em-border)) / 2) - ((1em * var(--fComponent-line-height)) / 2)); } .fc-component.fc-placeholder-shift .fc-in-paceholder { top: calc((var(--fComponent-input-height) / 2) - 0.5em); bottom: auto; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: matrix3d(0.999, 0, 0.00, 0, 0, 0.999, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0.00, 0, 0, 0.999, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transition: opacity 100ms; transition: opacity 100ms; opacity: 0; } .fc-component.fc-ready.fc-placeholder-shift .fc-in-paceholder { -webkit-transition: opacity 100ms, -webkit-transform 300ms; transition: opacity 100ms, -webkit-transform 300ms; transition: transform 300ms, opacity 100ms; transition: transform 300ms, opacity 100ms, -webkit-transform 300ms; opacity: 1; } .fc-select.fc-placeholder-shift .fc-select-title-placeholder { bottom: auto; } .fc-component.fc-placeholder-shift.selected .fc-in-paceholder, .fc-component.fc-placeholder-shift.active .fc-in-paceholder { visibility: visible; opacity: 1; -webkit-transform: matrix3d(0.93, 0, 0.00, 0, 0, 0.93, 0.00, 0, 0, 0, 1, 0, 0, -10, 0, 1); transform: matrix3d(0.93, 0, 0.00, 0, 0, 0.93, 0.00, 0, 0, 0, 1, 0, 0, -10, 0, 1); } /*fc-placeholder-end*/ .fc-input.fc-placeholder-end { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .fc-input.fc-placeholder-end input { height: auto; } .fc-pl-active { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: calc(var(--fComponent-select-padding-h) - 1px); padding-top: var(--fc-input-v-padding); padding-bottom: var(--fc-input-v-padding); -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; max-width: 45%; text-align: right; pointer-events: none; opacity: 0; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .fc-input.fc-ready .fc-pl-active { opacity: 1; } .fc-pl-active u { text-decoration: none; -webkit-transform: translateY(calc((var(--fComponent-input-height) + 1em) / 2)); transform: translateY(calc((var(--fComponent-input-height) + 1em) / 2)); position: relative; opacity: 0; } .fc-input.fc-ready .fc-pl-active u { -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; } .fc-input.active .fc-pl-active u { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .fc-pl-active b, .fc-in-paceholder b { color: red; } .fc-no-horizontal-padding .text-autosize-container, .fc-no-horizontal-padding textarea, .fc-no-horizontal-padding input { padding-left: 0; padding-right: 0; } .fc-no-horizontal-padding.fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container { padding-left: var(--fc-em-border); padding-right: var(--fc-em-border); } .fc-no-horizontal-padding input + .fc-pl-active { padding-right: 0; padding-left: var(--fComponent-select-padding-h); } .fc-no-horizontal-padding .fc-in-paceholder { left: 0; } /*//input*/ /*textarea height*/ .fc-textarea { --fc-textarea-line-height: var(--fComponent-line-height, 1); position: relative; display: block; height: auto; /* overflow: hidden;*/ } .fc-textarea.fc-placeholder-shift .fc-in-paceholder {} .fc-textarea .text-autosize-container, .fc-textarea textarea { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; overflow-y: auto; resize: vertical; display: block; width: 100%; min-height: calc(var(--fComponent-input-height) - (var(--fc-em-border) * 2)); padding-top: calc((var(--fComponent-input-height) / 2) - ((1em * var(--fc-textarea-line-height)) / 2) - var(--fc-em-border)); padding-bottom: calc((var(--fComponent-input-height) / 2) - ((1em * var(--fc-textarea-line-height)) / 2) - var(--fc-em-border)); line-height: var(--fc-textarea-line-height); } .fc-textarea textarea, .fc-input.fc-placeholder-shift textarea { min-height: 200px; } .fc-textarea:not(.fc-placeholder-shift) .fc-in-paceholder { bottom: auto; height: var(--fComponent-input-height); } .fc-textarea .text-autosize-container { width: 100%; height: auto; position: absolute; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; background-color: white; overflow: hidden; overflow-y: auto; resize: none; z-index: -1; left: 0; pointer-events: none; opacity: 0; visibility: hidden; top: 0; padding-left: var(--fComponent-select-padding-h); padding-right: var(--fComponent-select-padding-h); } .fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container, .fc-textarea[data-fs-type="textarea-autoheight"] textarea { min-height: calc(var(--fComponent-input-height) - (var(--fc-em-border) * 2)); resize: none; overflow: hidden; -webkit-transition: height 100ms; transition: height 100ms; } .fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container { overflow-y: auto; } .fc-textarea[data-fs-type="textarea-autoheight"] textarea, .fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container { max-height: 200px; } /*//textarea height*/ .fc-select .fc-in-paceholder {} .fc-select .fc-select-title-wrapper { position: static; } /*errors*/ .fc-input.parsley-error:not(.fc-bottom-active-line) { -webkit-box-shadow: inset 0 0 0 1px var(--fComponent-error-color); box-shadow: inset 0 0 0 1px var(--fComponent-error-color); } .fc-input.fc-bottom-active-line.parsley-error:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /*disabled*/ .fs-disabled { opacity: 0.3; } .fc-component.fs-disabled > .fc-select-title { cursor: default; } /* End */ /* Start:/local/templates/main/css/plyr.css?173769639532499*/ @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /* End */ /* Start:/local/templates/main/css/main.css?1741207141119235*/ @charset "utf-8"; /*CSS3*/ /* Developer company: LLC "Akona" Template developer: Elesin Alexander */ :root { /*site ratio*/ --r: 20px; /*header size*/ --header-height: var(--js-header-height, 0px); /*margins*/ --m1: calc(var(--r) * 20/20); --m2: calc(var(--r) * 30/20); --m-df: calc(var(--r) * 130/20); --m-md: calc(var(--r) * 70/20); --m-sm: calc(var(--r) * 50/20); /*site-paddings*/ --content-offset-top: 0px; --content-offset-bottom: 0px; --site-padding: 40px; /*typography*/ --lh: 1.9; --fs: 20px; --fs13: calc(var(--fs) * 13/20); --fs16: calc(var(--fs) * 16/20); --fs18: calc(var(--fs) * 18/20); --fs20: calc(var(--fs) * 20/20); --fs22: calc(var(--fs) * 22/20); --fs24: calc(var(--fs) * 24/20); --fs26: calc(var(--fs) * 26/20); /*inputs*/ --input-height: 40px; --btn-height: calc(var(--r) * 65/20); /*other*/ --site-container: calc(var(--r) * 1660/20); --main-color: #1572A3; --border-radius: 15px; } @font-face { font-family: Roboto; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Roboto-Black.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Roboto-Black.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Roboto-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Roboto-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Roboto-Bold.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Roboto-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Roboto-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Roboto-Light.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Roboto-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Roboto-Medium.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Roboto-Regular.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Roboto-Regular.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: icomoon; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/main/css/../fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-marker:before { content: "\e90b"; } .icon-arr-b-sm:before { content: "\e90a"; } .icon-arr-r:before { content: "\e900"; } .icon-arr-l:before { content: "\e901"; } .icon-arr-t:before { content: "\e902"; } .icon-arr-b:before { content: "\e903"; } .icon-arr-t-r:before { content: "\e904"; } .icon-comma:before { content: "\e905"; } .icon-msg:before { content: "\e906"; } .icon-pdf:before { content: "\e907"; } .icon-play:before { content: "\e908"; } .icon-search:before { content: "\e909"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 10px; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: textfield; -moz-appearance: textfield; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; border-radius: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type='password'] { font-family: Verdana; letter-spacing: 0.125em; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; min-width: 0; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } a { text-decoration: underline; text-underline-offset: 0.1em; text-decoration-thickness: 1px; color: inherit; } a:hover { text-decoration: none; } mark { background-color: transparent; color: var(--main-color); } b { font-weight: 500; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: calc(var(--site-container) + (var(--site-padding) * 2)); margin: 0 auto; padding: 0 var(--site-padding); max-width: 100%; } ::-moz-selection { background-color: #393d46; color: white; } ::webkit-selection { background-color: #393d46; color: white; } ::-moz-selection { background-color: #393d46; color: white; } ::selection { background-color: #393d46; color: white; } .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; min-height: var(--btn-height); text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; z-index: 1; padding: 5px calc(var(--r) * 30/20); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-weight: 500; color: black; background-color: transparent; -webkit-box-shadow: inset 0 0 0 2px rgba(192, 192, 192, 0.5); box-shadow: inset 0 0 0 2px rgba(192, 192, 192, 0.5); -webkit-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; letter-spacing: 0.07em; line-height: 1; } .btn:hover { text-decoration: none; background-color: black; color: white; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 1); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 1); } .btn-md { letter-spacing: normal; font-size: 14px; font-weight: 400; min-height: calc(var(--btn-height) / 1.44); } .btn-lg { letter-spacing: normal; font-weight: 400; min-height: calc(var(--btn-height) / 1.17); } .btn-white { color: white; -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); } .btn-white:hover { text-decoration: none; background-color: white; color: black; -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1); } .btn-blue { color: white; background-color: var(--main-color); -webkit-box-shadow: inset 0 0 0 2px var(--main-color); box-shadow: inset 0 0 0 2px var(--main-color); } .btn-blue:hover { background-color: transparent; color: var(--main-color); -webkit-box-shadow: inset 0 0 0 2px var(--main-color); box-shadow: inset 0 0 0 2px var(--main-color); } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .slider-load { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .slider-load.slick-initialized { opacity: 1; } .slider-load:not(.slick-slider) { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .slider-load:not(.slick-slider) > * { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul:not(.custom) { margin: 0 0 var(--m1) 0; padding: 0; list-style: none; } ul:not(.custom) > li { margin: 0 0 calc(var(--r) * 17/20) 0; padding: 0 0 0 1.6em; position: relative; } ul:not(.custom) > li:before { content: '\e90b'; font-family: icomoon; position: absolute; left: -0.1em; top: 0.15em; color: var(--main-color); font-size: 0.9em; } ul:not(.custom) > li:last-child { margin-bottom: 0; } ul.custom { display: block; margin: 0; padding: 0; } ul.custom > li { display: block; list-style: none; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; margin: auto; padding: auto; } html body input[type="checkbox"], html body input[type="radio"] { width: auto; height: auto; padding: 0; } body { background: #F5F5F5; font-family: Roboto, sans-serif; min-width: 320px; font-size: var(--fs16); line-height: var(--lh); color: #6E6E6E; opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; overflow: hidden; } body.ready { opacity: 1; } .site-wrapper { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } body.compensate-for-scrollbar { overflow: hidden; overflow-y: visible; } body.compensate-for-scrollbar { margin-right: 0px; } .cover { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .cover:after { content: ' '; padding: 20% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .cover > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } /*screens*/ @media screen and (min-width: 992px) { .screen-pages { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: hidden; background-color: #F5F5F5; } .screen-item { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; visibility: hidden; background-color: #F5F5F5; overflow: hidden; } .screen-item:not(.main-content) { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .screen-item.current { -webkit-transform: none; transform: none; } .screen-item.visible-after-scroll, .op-animation .screen-item.previous-before, .op-animation .screen-item.previous-after { z-index: 3; visibility: visible; -webkit-transform: none; transform: none; } .screen-item.current { z-index: 4; visibility: visible; } .screen-item.height-auto { height: auto; top: auto; bottom: 0; max-height: 100%; } .screen-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .sc-scroll { width: 100%; height: 100%; overflow: hidden; overflow-y: auto; } } /*//screens*/ .site-wrapper { height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: hidden; } .content { height: 100%; } .site-scroll { height: 100%; } .screen-slider-wrp { width: 100%; height: 100%; } .screen-slider { width: 100%; height: 100%; } .site-scroll > .scrollbar-track, .sc-scroll > .scrollbar-track { background-color: #F5F5F5; } .site-scroll > .scrollbar-track > .scrollbar-thumb, .sc-scroll > .scrollbar-track > .scrollbar-thumb { width: 8px; border-radius: 0; background: black; cursor: pointer; } .site-scroll > .scrollbar-track > .scrollbar-track-y, .sc-scroll > .scrollbar-track > .scrollbar-track-y { width: 8px; background: transparent; z-index: 2; } .site-scroll[data-scrollbar="true"], .sc-scroll[data-scrollbar="true"] { margin-right: 0; padding-right: 0; } p { margin: 0 0 calc(var(--r) * 15/20) 0; padding: 0; } h1, h2, h3, h4, h5, h6, .heading, .heading2, .heading3, .heading4, .heading5, .heading6 { margin: 0; padding: 0; color: black; line-height: 1.3; font-weight: 400; margin-bottom: calc(var(--r) * 6/20); font-size: 3.4rem; } h1.bigger, .heading.bigger { font-size: 7rem; font-weight: 600; line-height: 1.14; margin-bottom: calc(var(--r) * 40/20); } h1, .heading { font-size: 5rem; line-height: 1.2; margin-bottom: calc(var(--r) * 30/20); } h2, .heading2 { font-size: 4rem; margin-bottom: calc(var(--r) * 20/20); } h4, .heading4 { font-size: 3rem; margin-bottom: calc(var(--r) * 20/20); } h5, .heading5 { font-weight: 600; font-size: var(--fs24); margin-bottom: calc(var(--r) * 14/20); } .grey { opacity: 0.6; } html body .m-df { margin-bottom: var(--m-df); } html body .m-md { margin-bottom: var(--m-md); } html body .m-sm { margin-bottom: var(--m-sm); } html body .m-sm-top { margin-top: var(--m-sm); } html body .p-df { padding-bottom: var(--m-df); } html body .p-md { padding-bottom: var(--m-md); } html body .p-sm { padding-bottom: var(--m-sm); } .content-inner { padding-top: var(--header-height); overflow: hidden; } .logo { color: #2B2B2B; display: block; width: 101px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .logo:after { content: ' '; padding: 29.71% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .logo > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .header { position: fixed; top: 0; left: 0; right: 8px; padding-left: 8px; z-index: 120; padding-top: calc(var(--r) * 15/20); padding-bottom: calc(var(--r) * 15/20); color: #393d46; line-height: 1.3; background-color: #F5F5F5; -webkit-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .header { background-color: transparent; color: white; } body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) ul.nav-list > li a.mark, body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .logo { color: inherit; } body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .qst-link i, body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .qst-link, body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .h-search-btn { color: white; } body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .qst-link:hover, body.transparent-header:not(.header-fixed):not(.category-open):not(.nav-open) .h-search-btn:hover { color: #a0a0a0; } .header:before { content: ' '; position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%; background-color: inherit; } .h-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .h-col-r, .h-col-l { -ms-flex-negative: 0; flex-shrink: 0; } .h-col-l { margin-right: calc(var(--r) * 89/20); } .h-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .h-col-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; /* padding-left: calc(var(--r) * 57/20);*/ margin-left: calc(var(--r) * 57/20); } /* .h-col-r:before { content: ' '; position: absolute; top: 5px; bottom: 5px; left: 0; width: 1px; background-color: #D9D9D9; } */ .h-tel { font-size: var(--fs16); font-weight: 600; text-decoration: none; } .h-tel:hover { text-decoration: none; } .qst-link { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; font-weight: 500; font-size: 13px; line-height: 1; color: #393d46; -webkit-transition: color 300ms; transition: color 300ms; } .qst-link:hover { text-decoration: none; color: var(--main-color); } .qst-link i { color: var(--main-color); -ms-flex-negative: 0; flex-shrink: 0; margin-right: calc(var(--r) * 7/20); -webkit-transition: color 300ms; transition: color 300ms; } .qst-link span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .h-col-r > *:not(:last-child) { margin-bottom: calc(var(--r) * 4/20); } .h-col-c { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ctg-wrp { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .ctg-btn { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 500; } .h-search { -ms-flex-negative: 0; flex-shrink: 0; } ul.nav-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ctg-btn, ul.nav-list > li { margin-right: calc(var(--r) * 50/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.nav-list > li a { display: block; text-decoration: none; font-weight: 500; position: relative; padding: 4px 0; overflow: hidden; } ul.nav-list > li a.mark { color: var(--main-color); } ul.nav-list > li a:after { content: ' '; position: absolute; right: 100%; width: 100%; height: 2px; background-color: currentColor; bottom: 0; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } ul.nav-list > li a:hover { text-decoration: none; } ul.nav-list > li a:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .nav-btn, .ctg-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-btn:hover, .ctg-btn:hover { text-decoration: none; } .nav-btn-ico, .ctg-btn-ico { display: block; width: 26px; height: 12px; margin-right: 0; position: relative; z-index: 10; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: calc(var(--r) * 20/20); } .nav-btn-ico:before, .nav-btn-ico:after, .ctg-btn-ico:before, .ctg-btn-ico:after { content: ' '; width: 100%; height: 2px; background-color: currentColor; position: relative; -webkit-transition: top 300ms, bottom 300ms, background-position 300ms, -webkit-transform 300ms; transition: top 300ms, bottom 300ms, background-position 300ms, -webkit-transform 300ms; transition: top 300ms, bottom 300ms, transform 300ms, background-position 300ms; transition: top 300ms, bottom 300ms, transform 300ms, background-position 300ms, -webkit-transform 300ms; -webkit-transition-delay: 300ms, 300ms, 0ms, 0ms; transition-delay: 300ms, 300ms, 0ms, 0ms; } .nav-btn-ico:before, .ctg-btn-ico:before { top: 0; } .nav-btn-ico:after, .ctg-btn-ico:after { bottom: 0; background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50.1%, transparent)); background-image: linear-gradient(to right, currentColor 50%, transparent 50.1%); background-position: 0% 100%; background-size: 200% 100%; } body:not(.nav-open) .nav-btn:hover .nav-btn-ico:after, body:not(.category-open) .ctg-btn:hover .ctg-btn-ico:after { background-position: 20% 100%; } body.nav-open .nav-btn-ico:before, body.category-open .ctg-btn-ico:before { top: calc(50% - 1px); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0ms, 0ms, 300ms, 0ms; transition-delay: 0ms, 0ms, 300ms, 0ms; } body.nav-open .nav-btn-ico:after, body.category-open .ctg-btn-ico:after { bottom: calc(50% - 1px); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0ms, 0ms, 300ms, 0ms; transition-delay: 0ms, 0ms, 300ms, 0ms; } .h-search-btn { margin: 0; padding: 0; border: none; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4px; background-color: transparent; -webkit-transition: color 300ms; transition: color 300ms; font-size: 16px; color: #393d46; } .h-search-btn:hover { color: var(--main-color); } .h-catalog-wrp { position: absolute; background-color: #F5F5F5; bottom: 100%; left: 0; width: 100%; z-index: -2; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .h-catalog-overlay { position: absolute; background-color: transparent; top: 100%; left: 0; width: 100%; height: calc(100vh - var(--header-height)); height: calc((var(--vh, 1vh) * 100) - var(--header-height)); z-index: -3; display: none; } body.category-open .h-catalog-wrp { -webkit-transform: translate3d(0, calc(100% + var(--header-height)), 0); transform: translate3d(0, calc(100% + var(--header-height)), 0); } body.category-open .h-catalog-overlay { display: block; } .rs-image { --base-width: 86; --base-height: 60; max-width: 100%; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; width: 100%; height: 100%; } .rs-image:after { content: ' '; padding: 36.29% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .rs-image .rs-image-inner { -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% / (var(--base-width) / var(--width))); height: calc(100% / (var(--base-height) / var(--height))); max-width: 100%; max-height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rs-image-inner img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .h-ctg-img { width: calc(var(--r) * 86/20); height: calc(var(--r) * 60/20); -ms-flex-negative: 0; flex-shrink: 0; margin-right: calc(var(--r) * 16/20); } .h-ctg-img .rs-image:after { display: none; } .h-ctg-box { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: var(--fs16); -webkit-transition: color 300ms; transition: color 300ms; } .h-ctg-box a, .h-ctg-box a:hover { text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } .h-ctg-box .subnav-list { font-size: 12px; font-weight: 400; } .h-ctg-box .subnav-list > li { margin-top: calc(var(--r) * 5/20); } .h-ctg-box .subnav-list a:hover, .h-ctg-box .h-ctg-title:hover { text-decoration: none; color: var(--main-color); } .h-ctg-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } ul.h-ctg-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * (var(--r) * 54/20)); margin-right: calc(-1 * (var(--r) * 54/20)); padding-bottom: calc(var(--r) * 30/20); } ul.h-ctg-list > li { width: 50%; padding-left: calc(var(--r) * 54/20); padding-right: calc(var(--r) * 54/20); margin-top: calc(var(--r) * 30/20); } .h-catalog-scroll-container { overflow: hidden; width: 100%; padding-left: calc(var(--r) * 214/20); padding-right: calc(var(--r) * 214/20); } .h-catalog-scroll { max-height: calc(100vh - var(--header-height)); max-height: calc((var(--vh, 1vh) * 100) - var(--header-height)); } .nav .scrollbar-thumb, .h-catalog-scroll .scrollbar-thumb { width: 4px; border-radius: 0; background: black; cursor: pointer; } .nav .scrollbar-track-y, .h-catalog-scroll .scrollbar-track-y { width: 4px; background: transparent; z-index: 2; } .nav[data-scrollbar="true"], .h-catalog-scroll[data-scrollbar="true"] { padding-right: 10px; } .df-section { margin-bottom: var(--m-df); } .df-section > *:last-child { margin-bottom: 0; } .banner-slider-wrp { --banner-slider-padding-top: calc(var(--r) * 50/20); --banner-slider-padding-x: calc(var(--r) * 50/20); --banner-slider-padding-y: calc(var(--r) * 30/20); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-slider { background-color: black; border-radius: var(--border-radius); overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner-slider-wrp .btn { margin-top: calc(var(--r) * 14/20); } .banner-slider-wrp .swiper-pagination-lock > * { display: none; } .banner-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: #dedede; } .banner-wr { position: relative; z-index: 2; color: white; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; padding: 0 var(--banner-slider-padding-x); padding-top: var(--banner-slider-padding-top); padding-bottom: 1px; } .banner-wr a { pointer-events: auto; } .banner-slider-content { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .banner-wr .heading, .banner-wr h1 { color: inherit; margin-bottom: calc(var(--r) * 14/20); } .banner-wr p { max-width: calc(var(--r) * 930/20); line-height: 1.79; } .banner-wr > *:last-child { margin-bottom: 0; } .banner-slider .swiper-slide > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .banner-slider .swiper-slide:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(57deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background-position: center; background-size: 100% 100%; } .banner-slider-content .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: auto; } .banner-slider-content .swiper-slide:after { content: ' '; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; padding: 11.9% 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { top: auto; right: auto; bottom: auto; left: auto; } .df-dot-wr { --dot-offset: calc(var(--r) * 20/20); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * var(--dot-offset)); margin-top: calc(var(--r) * 24/20); position: relative; z-index: 1; top: auto; right: auto; bottom: auto; left: auto; pointer-events: none; } .banner-slider-wrp .df-dot-wr { padding: 0 var(--banner-slider-padding-x); padding-bottom: var(--banner-slider-padding-y); width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .banner-slider-wrp + .breadcrumb { margin-top: 0; } .sw-dot { margin: 0; padding: 0; border: none; width: 10px; height: 10px; margin-left: var(--dot-offset); border-radius: 50%; background-color: rgba(255, 255, 255, 0); border: 2px solid rgba(255, 255, 255, 0.2); -webkit-transition: background-color 300ms; transition: background-color 300ms; -ms-flex-negative: 0; flex-shrink: 0; margin-top: var(--dot-offset); position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: auto; } .sw-dot:before { content: ' '; position: absolute; background-color: transparent; top: calc(-1 * (var(--dot-offset) / 2)); right: calc(-1 * (var(--dot-offset) / 2)); bottom: calc(-1 * (var(--dot-offset) / 2)); left: calc(-1 * (var(--dot-offset) / 2)); -webkit-box-sizing: border-box; box-sizing: border-box; } .sw-dot:hover, .sw-dot.sw-dot-active { background-color: rgba(255, 255, 255, 0.3); } .banner-slider-wrp.one-text .banner-slider-content { pointer-events: none; } body.hide-scroll .sc-scroll > .scrollbar-track, body.hide-scroll .site-scroll > .scrollbar-track { pointer-events: none !important; } .carousel-slider-wrp { overflow: hidden; margin-bottom: calc(var(--r) * 50/20); } .carousel-slider { margin-left: calc(-1 * (var(--r) * 10/20)); margin-right: calc(-1 * (var(--r) * 10/20)); } .carousel-slider .swiper-slide { width: 33.3333%; -ms-flex-negative: 0; flex-shrink: 0; padding-left: calc(var(--r) * 10/20); padding-right: calc(var(--r) * 10/20); height: auto; } .carousel-img { --base-width: 540; --base-height: 380; background-color: white; border-radius: 7px; overflow: hidden; } .carousel-img:after { content: ' '; padding: 35.188% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .df-arrow-wr { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: calc(-1 * (var(--r) * 20/20)); } .fc-tabs-title-slider-button-prev, .fc-tabs-title-slider-button-next, .df-arrow { width: calc(var(--r) * 45/20); height: calc(var(--r) * 45/20); border: none; background-color: white; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: calc(var(--r) * 20/20); margin-top: calc(var(--r) * 30/20); color: #262626; font-size: calc(var(--r) * 21/20); -webkit-transition: color 300ms, opacity 300ms; transition: color 300ms, opacity 300ms; } .df-arrow:not(.swiper-button-disabled):hover { color: var(--main-color); } .df-arrow.swiper-button-disabled { opacity: 0.5; cursor: not-allowed; } .df-arrow.swiper-button-lock { display: none; } .bg-section { background-color: var(--main-color); color: white; position: relative; z-index: 1; padding-top: calc(var(--r) * 75/20); padding-bottom: calc(var(--r) * 75/20); } .bg-section:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 50%; background-color: inherit; width: 100vw; margin-left: -50vw; z-index: -1; } .bg-section .fc-input input:-webkit-autofill, .bg-section .fc-input input:-webkit-autofill:hover, .bg-section .fc-input input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 40rem var(--main-color) inset; -webkit-text-fill-color: white; } .clbk-sc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .clbk-sc-col-l, .clbk-sc-col-r { padding-top: calc(var(--r) * 40/20); padding-bottom: calc(var(--r) * 40/20); -ms-flex-negative: 0; flex-shrink: 0; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .clbk-sc-col-l { border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: calc(var(--r) * 114/20); } .clbk-sc-col-r { padding-left: calc(var(--r) * 114/20); } .clbk-sc-col-r .heading3 { color: inherit; } .clbk-sc-col-l > *:last-child, .clbk-sc-col-r > *:last-child { margin-bottom: 0; } .clbk-tel { text-decoration: none; display: block; font-weight: 600; font-size: 5rem; line-height: 0.75; margin-bottom: calc(var(--r) * 56/20); } .clbk-tel:hover { text-decoration: none; } .clbk-sc-flex .btn { min-width: calc(var(--r) * 276/20); } .dw-link { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; margin-bottom: calc(var(--r) * 20/20); } .dw-link:hover { text-decoration: none; } .dw-link > i { font-size: calc(var(--r) * 59/20); display: block; margin-left: calc(-1 * (var(--r) * 6/20)); -ms-flex-negative: 0; flex-shrink: 0; margin-right: calc(var(--r) * 18/20); opacity: 0.6; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .dw-link-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; padding-top: 2px; } .dw-link-name { font-weight: 500; font-size: var(--fs18); margin-bottom: calc(var(--r) * 5/20); } .dw-link-dw { font-weight: 400; font-size: 13px; line-height: 185%; text-decoration: underline; opacity: 0.6; } .dw-link-main > *:last-child { margin-bottom: 0; } .dw-link:hover .dw-link-dw { text-decoration: none; } .clbk-sc-col-r .dw-link { margin-top: calc(var(--r) * 23/20); } .content-inner > .container > *:last-child { margin-bottom: 0; } .clbk-sc-flex .heading3 { color: inherit; } .bg-section .fc-input { background-color: transparent; } .bg-section .fc-textarea .text-autosize-container, .bg-section .fc-textarea textarea, .bg-section .fc-input input { color: white; } .bg-section .fc-input.fc-bottom-active-line:after { background-color: white; } .bg-section .fc-component { --fComponent-placeholder-color: rgba(255, 255, 255, 0.5); } .bg-section .fc-input { color: white; } .bg-section .fc-input.fc-bottom-active-line { -webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.5); } .bg-section .fr-flex { padding-top: calc(var(--r) * 6/20); max-width: 614px; } .bg-section .fr-item.fr-btn-wr .btn { min-width: 0; color: #1572a3; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: white; } .bg-section .fr-item.fr-btn-wr .btn:hover { color: white; background-color: transparent; } .bg-section .fr-btn-ot { color: rgba(255, 255, 255, 0.5); } .hidden-content-wr {} .hidden-content-show { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--main-color); font-size: var(--fs13); } .hidden-content-show > span { -ms-flex-negative: 0; flex-shrink: 0; } .hidden-content-wr.show .hidden-content-show > span:last-child, .hidden-content-show > span:first-child { display: block; } .hidden-content-wr.show .hidden-content-show > span:first-child, .hidden-content-show > span:last-child { display: none; } .hidden-content { padding-bottom: 1px; display: none; } .footer { --f-ot-width: calc(var(--r) * 189/20); background-color: #E4E6EA; padding-top: calc(var(--r) * 55/20); padding-bottom: 1px; } .f-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-col-nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .f-col-ot { -ms-flex-negative: 0; flex-shrink: 0; width: var(--f-ot-width); } ul.f-nav-list { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0px; column-gap: 0px; } ul.f-nav-list > li { display: block; padding-bottom: calc(var(--r) * 5/20); padding-right: calc(var(--r) * 20/20); } ul.f-nav-list > li > a { text-decoration: none; font-weight: 500; font-size: var(--fs18); line-height: 1.4; color: #393d46; display: block; margin-bottom: calc(var(--r) * 20/20); } ul.f-nav-list > li > a:hover { text-decoration: underline; } ul.f-nav-list ul { margin-bottom: calc(var(--r) * 55/20); } ul.f-nav-list ul a { font-weight: 400; font-size: 15px; line-height: 1.4; color: #393d46; text-decoration: none; display: block; margin-bottom: calc(var(--r) * 15/20); } ul.f-nav-list ul a:hover { text-decoration: underline; } .f-tel { display: block; text-decoration: none; color: black; font-weight: 600; font-size: var(--fs20); line-height: 1; margin-bottom: calc(var(--r) * 15/20); } .f-tel:hover { text-decoration: none; } .footer .qst-link { color: black; } .footer .qst-link i { color: inherit; } .footer .qst-link:hover { color: var(--main-color); } .f-box { margin-top: calc(var(--r) * 47/20); } .f-box-title { font-size: 13px; margin-bottom: calc(var(--r) * 14/20); line-height: 1.3; } .f-box-img img { display: block; } .f-box > *:last-child { margin-bottom: 0; } .f-bottom-wr { border-top: 1px solid #d9d9d9; margin-top: calc(var(--r) * 5/20); padding-top: calc(var(--r) * 36/20); padding-bottom: calc(var(--r) * 36/20); } .f-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 13px; line-height: 1; color: #858585; } .dev-col { width: var(--f-ot-width); -ms-flex-negative: 0; flex-shrink: 0; } .f-bottom-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; } .f-bottom-main > * { width: 50%; } .dev { text-decoration: none; } .dev span { text-decoration: underline; } .dev:hover { text-decoration: none; } .dev:hover span { text-decoration: none; } .nav-btn { font-weight: 600; margin-right: calc(var(--r) * 30/20); } .cover-img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .cover-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .heading-hidden { position: absolute; right: 1000vw; bottom: 10000vh; opacity: 0; visibility: hidden; z-index: -1; } ul.pr-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1 * (var(--r) * 30/20)); margin-left: calc(-1 * (var(--r) * 10/20)); margin-right: calc(-1 * (var(--r) * 10/20)); } ul.pr-list > li { -ms-flex-negative: 0; flex-shrink: 0; margin-top: calc(var(--r) * 30/20); padding-left: calc(var(--r) * 10/20); padding-right: calc(var(--r) * 10/20); width: 25%; } .pr-box { line-height: 1.5; position: relative; color: #393D46; } .pr-box-img { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: white; border-radius: 7px; overflow: hidden; } .pr-box-img:after { content: ' '; padding: 47.5% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .pr-box-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .pr-box:hover .pr-box-img img { -webkit-transform: scale(1.05); transform: scale(1.05); } .pr-box-main { padding-top: calc(var(--r) * 20/20); padding-bottom: calc(var(--r) * 20/20); } .pr-box-name { -webkit-transition: color 300ms; transition: color 300ms; } .pr-box-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-decoration: none; } .pr-box-link:hover { text-decoration: none; } .pr-box:hover .pr-box-name { color: var(--main-color); } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: calc(var(--r) * 30/20); } .top-screen { background-color: black; color: white; padding-right: 8px; -webkit-box-shadow: inset -8px 0 0 0 #F5F5F5; box-shadow: inset -8px 0 0 0 #F5F5F5; } .category-screen { padding-right: 8px; } .top-slider-wrp { width: 100%; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: calc(var(--r) * 50/20); } .top-img-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.45; } .top-main-slider { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; position: relative; z-index: 2; } .container.type-2 { width: 1355px; } .screen-slider, .top-main-slider .swiper-slide { padding-top: calc(var(--header-height) + calc(var(--r) * 20/20)); } .top-main-wrapper .heading { color: white; } .top-main-wrapper p { max-width: 870px; } .top-main-wrapper-content > *:last-child, .top-main-wrapper > *:last-child { margin-bottom: 0; } .top-main-slider .swiper-slide > .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .top-main-wrapper { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-height: 100%; } .ts-ctrl-wr { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; z-index: 2; padding-top: calc(var(--r) * 30/20); } .ts-ctrl-wr .df-dot-wr { margin-top: 0; } .ts-ctrl-wr > .container { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ts-ctrl-wr > .container:before { content: ' '; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; max-width: calc(var(--r) * 59/20); } .ts-ctrl-ot { -ms-flex-negative: 0; flex-shrink: 0; width: calc(var(--r) * 59/20); } .mouse-ico { color: inherit; width: 22px; height: 30px; display: block; border: 2px solid currentColor; border-radius: 50px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .mouse-ico:before { content: ' '; position: absolute; top: 3px; left: 50%; width: 2px; height: 8px; background-color: currentColor; margin-left: -1px; border-radius: 50px; -webkit-animation: scroll 2s ease infinite; animation: scroll 2s ease infinite; } @-webkit-keyframes scroll { 60%, 0% { -webkit-transform: translateX(0); transform: translateX(0); } 30% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @keyframes scroll { 60%, 0% { -webkit-transform: translateX(0); transform: translateX(0); } 30% { -webkit-transform: translateY(4px); transform: translateY(4px); } } .top-img-slider .swiper-slide { position: relative; } .top-img-slider .swiper-slide > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .ss-scroll .scrollbar-thumb, .top-main-scroll .scrollbar-thumb { width: 2px; border-radius: 0; background: white; cursor: pointer; } .ss-scroll .scrollbar-track-y, .top-main-scroll .scrollbar-track-y { width: 2px; background: transparent; z-index: 2; } .top-main-scroll[data-scrollbar="true"] { margin-right: -10px; padding-right: 10px; } .ss-scroll.scroll-active, .top-main-scroll.scroll-active { --hidden-offset: calc(var(--r) * 20/20); -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black var(--hidden-offset)), linear-gradient(to top, transparent 0px, black var(--hidden-offset)), linear-gradient(to right, black calc(var(--r) * 20/20), black calc(var(--r) * 20/20)); mask-image: linear-gradient(to bottom, transparent 0px, black var(--hidden-offset)), linear-gradient(to top, transparent 0px, black var(--hidden-offset)), linear-gradient(to right, black calc(var(--r) * 20/20), black calc(var(--r) * 20/20)); -webkit-mask-size: 100% calc(100% - var(--hidden-offset)), 100% calc(100% - var(--hidden-offset)), 2px 100%; mask-size: 100% calc(100% - var(--hidden-offset)), 100% calc(100% - var(--hidden-offset)), 2px 100%; -webkit-mask-position: left 0%, left bottom, right bottom; mask-position: left 0%, left bottom, right bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-transition: -webkit-mask-position 300ms; transition: -webkit-mask-position 300ms; transition: mask-position 300ms; transition: mask-position 300ms, -webkit-mask-position 300ms; } .ss-scroll.scroll-active:not(.start), .top-main-scroll.scroll-active:not(.start) { -webkit-mask-position: left -100%, left bottom, right bottom; mask-position: left -100%, left bottom, right bottom; } .ss-scroll.scroll-active.end, .top-main-scroll.scroll-active.end { -webkit-mask-position: left 0%, left 200%, right bottom; mask-position: left 0%, left 200%, right bottom; } .screen-slider-wrp > .container { height: 100%; } .container.type-3 { width: 1530px; } .screen-slider { padding-bottom: calc(var(--r) * 53/20); overflow: visible; } .ss-outer { background-color: #e4e6ea; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; max-height: 100%; } .ss-outer:after { content: ' '; padding: 24.311% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .screen-slider .swiper-slide:nth-child(odd) .ss-outer { background-color: #3e3e3e; color: white; } .screen-slider .swiper-slide:nth-child(even) .ss-outer .sw-dot { border-color: rgba(108, 108, 108, 0.3); } .screen-slider .swiper-slide:nth-child(even) .ss-outer .sw-dot:hover, .screen-slider .swiper-slide:nth-child(even) .ss-outer .sw-dot.sw-dot-active { border-color: rgba(21, 114, 163, 0.3); background-color: rgba(21, 114, 163, 0.3); } .screen-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ss-outer { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .ss-scroll { width: 100%; } .screen-slider { --ss-offset: calc(var(--r) * 50/20); } @media screen and (min-width: 992px) { .screen-slider .swiper-slide.ss-prev .ss-outer { -webkit-transform: translate3d(calc(-1 * (((100vw - 100%) / 2) - var(--ss-offset))), 0, 0); transform: translate3d(calc(-1 * (((100vw - 100%) / 2) - var(--ss-offset))), 0, 0); } .screen-slider .swiper-slide.ss-next .ss-outer { -webkit-transform: translate3d(calc(((100vw - 100%) / 2) - var(--ss-offset)), 0, 0); transform: translate3d(calc(((100vw - 100%) / 2) - var(--ss-offset)), 0, 0); } } .ss-img { position: absolute; top: 0; right: 0; width: 47.48%; height: 80.853%; padding-top: calc(var(--r) * 30/20); padding-right: calc(var(--r) * 20/20); } .ss-img .rs-image { --base-width: 668; --base-height: 548; width: 100%; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ss-img .rs-image .rs-image-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ss-img .rs-image:after { display: none; } .ss-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ss-inner-main { padding: calc(var(--r) * 55/20); padding-bottom: calc(var(--r) * 29/20); position: relative; z-index: 2; max-width: 64%; } .ss-inner-main .df-dot-wr { margin-top: calc(var(--r) * 14/20); } .ss-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; } .ss-scroll .scroll-content { min-height: 99.9%; display: -webkit-box; display: -ms-flexbox; display: flex; } .screen-slider .swiper-slide .heading2 { max-width: 86%; } .screen-slider .swiper-slide:nth-child(odd) .heading2 { color: white; } .screen-slider .swiper-slide:nth-child(even) .ss-scroll .scrollbar-thumb { background: black; } .link { text-decoration: none; font-weight: 400; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.4; } .link:hover { text-decoration: none; } .link span { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .link:hover span { opacity: 0.7; } .link:after { content: '\e904'; font-family: icomoon; font-size: 0.7em; margin-left: 1.3em; color: var(--main-color); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .link:hover:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ss-inner-main > *:last-child { margin-bottom: 0; } .ss-inner-main .link { margin-top: calc(var(--r) * 17/20); color: black; } .screen-slider .swiper-slide:nth-child(odd) .ss-inner-main .link { color: white; } .screen-slider .heading2 { margin-bottom: calc(var(--r) * 16/20); line-height: 1.1; } .ss-group { margin-bottom: calc(var(--r) * 15/20); } .container.type-4 { width: 1092px; } .sc-map-wr { margin-right: calc(-1 * (((100vw - 100%) / 2) + 50px)); } @media screen and (min-width: 1921px) { .sc-map-wr { margin-right: -504px; } } .sc-map { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .sc-map:after { content: ' '; padding: 28.62% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .sc-map img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .sc-map-wr { margin-bottom: calc(var(--r) * 27/20); } .sc-map-content p { max-width: 730px; } ul.ed-counters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1223px; max-width: calc(100% - calc(var(--r) * 40/20)); margin-left: calc(-1 * (var(--r) * 20/20)); margin-right: calc(-1 * (var(--r) * 20/20)); } ul.ed-counters > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: calc(var(--r) * 20/20); padding-right: calc(var(--r) * 20/20); } .ed-counter-box { margin-top: calc(var(--r) * 30/20); } .ed-counter { font-weight: 400; font-size: 14rem; line-height: 1; color: #000; margin-bottom: calc(var(--r) * 7/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ed-counter b { font-weight: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: right; } .ed-counter sub { bottom: auto; font-weight: 300; font-size: 0.63em; line-height: 1.19; } .ed-counter-name { color: #393d46; } .count { position: relative; } [data-count-to] { position: relative; } [data-count-to]:before { content: attr(data-count-to); display: block; position: relative; opacity: 0; } ul.catalog-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * (var(--r) * 10/20)); margin-right: calc(-1 * (var(--r) * 10/20)); margin-top: calc(-1 * (var(--r) * 20/20)); } ul.catalog-list > li { width: 33.3333%; -ms-flex-negative: 0; flex-shrink: 0; padding-left: calc(var(--r) * 10/20); padding-right: calc(var(--r) * 10/20); margin-top: calc(var(--r) * 20/20); } .catalog-box { background-color: #e4e6ea; height: 100%; border-radius: 7px; padding: calc(var(--r) * 20/20) calc(var(--r) * 25/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; overflow: hidden; } .catalog-img { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .catalog-box:hover .catalog-img { -webkit-transform: scale(1.05); transform: scale(1.05); } .catalog-img.rs-image { --base-width: 490; --base-height: 264; height: auto; } .catalog-img.rs-image:after { padding: 26.9% 0; } .catalog-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; margin-top: calc(var(--r) * 20/20); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-main > *:last-child { margin-bottom: 0; } .catalog-name { font-weight: 600; font-size: var(--fs18); line-height: 1.56; text-align: center; color: #393d46; margin-left: auto; margin-right: auto; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; -webkit-transition: color 300ms; transition: color 300ms; } .catalog-box:hover .catalog-name { color: var(--main-color); } .catalog-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .catalog-section ul.catalog-list { margin-top: calc(-1 * (var(--r) * 10/20)); } .heading-wr { display: -webkit-box; display: -ms-flexbox; display: flex; } .heading-wr > *:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .heading-ot { -ms-flex-negative: 0; flex-shrink: 0; margin-left: calc(var(--r) * 20/20); -ms-flex-item-align: end; align-self: flex-end; } .heading-ot .link { position: relative; bottom: 1.4rem; color: black; } .heading-wr > * { margin-bottom: calc(var(--r) * 40/20); } .carousel-slider-wrp.type-2 .carousel-slider .swiper-slide { width: 25%; -ms-flex-negative: 0; flex-shrink: 0; } .completed-projects-box { --completed-projects-padding: calc(var(--r) * 20/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; border-radius: 7px; background-color: white; overflow: hidden; } .cmpl-prj-img { background-color: #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; overflow: hidden; } .cmpl-prj-img:after { content: ' '; padding: 36.9% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .cmpl-prj-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; z-index: -1; } .cmpl-prj-imgs-wr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: var(--completed-projects-padding); padding-left: calc(var(--completed-projects-padding) - 5px); width: 100%; position: relative; z-index: 1; } .cmpl-prj-img-btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: none; margin: 0; padding: 0; display: block; background-color: transparent; margin-left: 5px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); position: static; -webkit-transition: border-bottom-color 300ms; transition: border-bottom-color 300ms; cursor: default; } .cmpl-prj-img-btn.active { border-bottom-color: rgba(255, 255, 255, 1); } .cmpl-prj-img-btn.active img { opacity: 1; visibility: visible; } .cmpl-prj-main { padding: var(--completed-projects-padding); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 1.5; position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #393d46; } .cmpl-prj-top { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cmpl-prj-top > *:last-child { margin-bottom: 0; } .cmpl-prj-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: var(--completed-projects-padding); padding-bottom: calc(var(--r) * 4/20); } .cmpl-prj-bottom > *:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .cmpl-prj-bottom > *:first-child + * { margin-left: calc(var(--r) * 15/20); } .cmpl-heading { font-weight: 600; font-size: var(--fs20); line-height: 1.5; color: #393d46; margin-bottom: calc(var(--r) * 10/20); } .cmpl-prj-bottom time { font-size: 12px; font-weight: 400; color: #888b90; line-height: 1.1; } .cmpl-prj-bottom .link { font-size: 14px; font-weight: 500; line-height: 1.1; position: relative; z-index: 3; color: black; } .cmpl-prj-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .srv-flex { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #e4e6ea; border-radius: 7px; padding: calc(var(--r) * 50/20); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .srv-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: calc(var(--r) * 20/20); } .srv-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 44.2%; } .srv-img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .srv-img:after { content: ' '; padding: 20.3% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .srv-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .srv-main { max-width: 680px; } .srv-col-l > *:last-child, .srv-main > *:last-child { margin-bottom: 0; } .srv-main .heading3 { margin-bottom: calc(var(--r) * 16/20); } .srv-main .link { margin-top: calc(var(--r) * 29/20); color: black; } blockquote { margin: 0; padding: 0; text-align: center; font-weight: 400; font-size: 3rem; line-height: 1.47; color: black; padding-left: 4%; padding-right: 4%; padding-top: var(--m-df); padding-bottom: var(--m-df); } blockquote:before { content: '\e905'; font-family: icomoon; display: block; font-size: 5rem; line-height: 0.92; margin-bottom: calc(var(--r) * 50/20); } blockquote > *:last-child { margin-bottom: 0; } .container.no-padding { padding-left: 0; padding-right: 0; } .container.type-5 { width: 1280px; } .ar-section { color: white; position: relative; z-index: 2; } .ar-section:before { content: ' '; position: absolute; top: calc(-1 * var(--header-height)); height: 100%; left: 50%; background-color: #17262E; width: 100vw; margin-left: -50vw; z-index: -1; } .ar-main-wr { color: #6E6E6E; } ul.breadcrumb { margin: calc(-1 * (var(--r) * 15/20)) 0 calc(var(--r) * 10/20) 0; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; } .breadcrumb > li { display: block; margin-top: calc(var(--r) * 15/20); } .breadcrumb > li > span, .breadcrumb > li > a { display: block; font-weight: 400; font-size: 13px; line-height: 100%; color: #939090; text-decoration: underline; } .ar-section .breadcrumb > li > span, .ar-section .breadcrumb > li > a { color: rgba(255, 255, 255, 0.4); } .breadcrumb > li > a { padding-right: 12px; position: relative; text-decoration: none; } .breadcrumb > li > a:hover { text-decoration: underline; } .breadcrumb > li > a:before { content: '/'; position: absolute; right: 3px; top: 0; background-color: transparent; } .breadcrumb > li > span { text-decoration: none; cursor: default; } .pr-slider-wrp { position: relative; } .pr-slider { background-color: white; border-radius: 7px; overflow: hidden; } .pr-slider .swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-slider .swiper-slide:after { content: ' '; padding: 24.6% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .pr-slider .swiper-slide > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; font-family: 'object-fit: scale-down; object-position: center;'; } .pr-slider-wrp .df-dot-wr { --dot-offset: calc(var(--r)* 14 / 20); position: absolute; bottom: calc(var(--r) * 23/20); left: 0; right: 0; width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; } .pr-slider-wrp .df-dot-wr .sw-dot { background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: none; box-shadow: none; border: none; width: 7px; height: 7px; -webkit-box-shadow: 0 0 0 1px white; box-shadow: 0 0 0 1px white; } .pr-slider-wrp .df-dot-wr .sw-dot.sw-dot-active { background-color: var(--main-color); } .pr-ot-wr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pr-ot-col-l { -ms-flex-negative: 0; flex-shrink: 0; padding-right: calc(var(--r) * 20/20); } .pr-ot-col-r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; overflow: hidden; -ms-flex-item-align: center; align-self: center; } .pr-ot-wr .btn { min-width: calc(var(--r) * 200/20); } ul.pr-props { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-right: calc(-1 * ((var(--r) * 25/20) + 1px)); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: calc(-1 * (var(--r) * 30/20)); } ul.pr-props > li { border-right: 1px solid #d9d9d9; padding-left: calc(var(--r) * 25/20); padding-right: calc(var(--r) * 25/20); margin-top: calc(var(--r) * 30/20); } .pr-props-content { font-weight: 400; font-size: var(--fs18); line-height: 1.3; color: #000; } .pr-props-name { font-weight: 400; font-size: 13px; line-height: 1.3; color: #9f9f9f; } .pr-props-box > * { margin-bottom: calc(var(--r) * 5/20); } .pr-props-box > *:last-child { margin-bottom: 0; } .fc-tabs-title-slider-wrp { position: relative; z-index: 2; margin-bottom: -2px; } .fc-tabs-title-slider .swiper-slide a, ul.fc-tabs-title a { text-decoration: none; color: currentColor; display: block; -webkit-box-shadow: none; box-shadow: none; padding: 0; font-weight: 400; font-size: var(--fs22); line-height: 1.3; color: #9f9f9f; position: relative; overflow: hidden; -webkit-transition: color 300ms; transition: color 300ms; padding-top: calc(var(--r) * 9/20); padding-bottom: calc(var(--r) * 9/20); } .fc-tabs-title-slider .swiper-slide a:after, ul.fc-tabs-title a:after { content: ' '; position: absolute; bottom: 0; right: 100%; width: 100%; height: 2px; background-color: currentColor; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .fc-tabs-title-slider .swiper-slide.active a, ul.fc-tabs-title > li.active a { background-color: transparent; color: black; } .fc-tabs-title-slider .swiper-slide a:hover, ul.fc-tabs-title a:hover { color: black; } .fc-tabs-title-slider .swiper-slide.active a:after, ul.fc-tabs-title > li.active a:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .fc-tabs-content { -webkit-box-shadow: none; box-shadow: none; background-color: white; border-radius: 7px; border-top: 1px solid #d9d9d9; } .fc-tab-box { border-radius: 7px; padding: calc(var(--r) * 30/20); } .fc-tabs { --tab-arrow-size: 40px; --tab-items-offset: 41px; --tab-dc: 104px; } .fc-tabs-title-slider-wrp:after { bottom: 2px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#F5F5F5)); background-image: linear-gradient(to right, transparent 0, #F5F5F5 var(--tab-dc)); } .fc-tabs-title-slider-wrp:before { background-image: -webkit-gradient(linear, left top, right top, from(#F5F5F5), to(transparent)); background-image: linear-gradient(to right, #F5F5F5 0%, transparent 100%); } .fc-tabs-title-slider-wrp.over .fc-tabs-title-slider-arr { margin-bottom: 2px; } .fc-tabs-title-slider-button-next, .fc-tabs-title-slider-button-prev { width: var(--tab-arrow-size); height: var(--tab-arrow-size); -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; background-color: #F5F5F5; margin-top: 0; -webkit-transition: opacity 300ms, background-color 300ms, color 300ms; transition: opacity 300ms, background-color 300ms, color 300ms; } .fc-tabs .fc-tabs-title-slider-button-next:hover, .fc-tabs .fc-tabs-title-slider-button-prev:hover { -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; } .fc-tabs-title-slider-button-prev { margin-top: calc(-1*(var(--tab-arrow-size) / 2)); } .fc-tab-box-inner > *:last-child { margin-bottom: 0; } .fc-tab-box-inner ul:not(.custom) { line-height: calc(var(--lh) / 1.2); } .tables-container { width: 100%; max-width: 840px; } table { width: 100%; color: #000; font-weight: 400; font-size: 15px; margin-bottom: calc(var(--r) * 46/20); } .table-scroll { margin-bottom: calc(var(--r) * 46/20); overflow: hidden; overflow-x: auto; } .tables-container > *:last-child, .table-scroll > *:last-child { margin-bottom: 0; } .table-scroll table { min-width: 538px; } th, td { padding-right: calc(var(--r) * 20/20); text-align: left; padding-top: 5px; padding-bottom: 5px; vertical-align: top; } th { font-weight: 500; padding-top: 0; padding-bottom: 3px; } th:last-child, td:last-child { padding-right: 0; } thead { border-bottom: 1px solid #000; } tbody tr:first-child td { padding-top: 28px; } tbody tr:last-child td { padding-bottom: 0; } .x-separator { text-align: left; color: #afafaf; width: 9%; } .ss-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; z-index: 6; } .ss-bottom .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ss-bottom .mouse-ico { bottom: calc(var(--r) * 49/20); pointer-events: auto; color: #C4C4C4; } .ss-bottom .mouse-ico:after { content: ' '; position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; background-color: #F5F5F5; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } .modal { max-width: 100%; width: 506px; padding: calc(var(--r) * 30/20); border-radius: 7px; overflow: visible; } .modal p { line-height: 1.4; margin-bottom: calc(var(--r) * 23/20); } .fr-flex > *:last-child { margin-bottom: 0; } .fr-item { -ms-flex-negative: 0; flex-shrink: 0; display: block; margin-bottom: calc(var(--r) * 24/20); } .m-heading {} .fc-component { --fComponent-select-padding-h: 0px; --fComponent-input-height: var(--input-height); --fComponent-font-size: 14px; --fComponent-placeholder-color: #9f9f9f; } .fc-input.active input { padding-right: calc(var(--r) * 10/20); } .fc-input { font-family: "Roboto"; color: #393d46; } .fc-input.fc-bottom-active-line { -webkit-box-shadow: 0 2px 0 0 #dadada; box-shadow: 0 2px 0 0 #dadada; } .fr-item.fr-btn-wr { padding-top: calc(var(--r) * 8/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fr-item.fr-btn-wr .btn { padding-left: calc(var(--r) * 20/20); padding-right: calc(var(--r) * 20/20); margin-right: calc(var(--r) * 20/20); -ms-flex-negative: 0; flex-shrink: 0; } .fc-input input:-webkit-autofill, .fc-input input:-webkit-autofill:hover, .fc-input input:-webkit-autofill:focus { -webkit-text-fill-color: #393d46; } .fr-btn-ot { line-height: 1.55; font-size: 11px; -ms-flex-item-align: center; align-self: center; color: #9F9F9F; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .fr-btn-ot a { color: var(--main-color); display: inline-block; } .bg-section .fr-btn-ot a { color: inherit; } .fancybox-navigation .fancybox-button, .fancybox-button.fancybox-button--close, .fancybox-slide--html .fancybox-close-small, .fancybox-close-small { width: calc(var(--r) * 45/20); height: calc(var(--r) * 45/20); background-color: white; border-radius: 50%; padding: calc(var(--r) * 12/20); opacity: 1; color: black; -webkit-transition: color 300ms; transition: color 300ms; } .fancybox-slide--html .fancybox-close-small, .fancybox-close-small { right: auto; left: 100%; top: 0; margin-left: calc(var(--r) * 20/20); } .fancybox-slide--html { padding-left: calc(var(--r) * 90/20); padding-right: calc(var(--r) * 90/20); } .fancybox-button.fancybox-button--close:hover, .fancybox-close-small:hover { color: var(--main-color); } .fancybox-button.fancybox-button--close { left: auto; top: var(--site-padding); right: var(--site-padding); -webkit-box-shadow: 0 0 3px 0 grey; box-shadow: 0 0 3px 0 grey; } .fancybox-bg { background: black; } .fancybox-is-open .fancybox-bg { opacity: 0.5; } .sc-item { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .sc-item:hover { opacity: 0.8; } .sc-item.vk { color: #1572a3; } ul.social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * (var(--r) * 15/20)); margin-top: calc(-1 * (var(--r) * 10/20)); } ul.social-list > li { margin-left: calc(var(--r) * 15/20); margin-top: calc(var(--r) * 10/20); } ul.social-list .sc-item { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(var(--r) * 20/20); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.social-list .sc-item svg { display: block; } html body .fancybox-container .fancybox-infobar, html body .fancybox-container .fancybox-navigation .fancybox-button, html body .fancybox-container .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } html body .fancybox-container .fancybox-navigation .fancybox-button { padding: 0; margin-top: calc(-1 * (var(--r) * 22/20)); top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; font-size: 23px; color: black; -webkit-box-shadow: 0 0 3px 0 grey; box-shadow: 0 0 3px 0 grey; -webkit-transition: color 300ms, opacity 300ms; transition: color 300ms, opacity 300ms; } .fancybox-navigation .fancybox-button:not(:disabled):hover { color: var(--main-color); } .fancybox-navigation .fancybox-button div { padding: 0; height: auto; } .fancybox-navigation .fancybox-button--arrow_left { left: var(--site-padding); } .fancybox-navigation .fancybox-button--arrow_right { right: var(--site-padding); } html body .fancybox-container .fancybox-navigation .fancybox-button:disabled { opacity: 0.5; cursor: not-allowed; } .fancybox-navigation { display: none; } .fancybox-ajax-modals .fancybox-navigation, .fancybox-gallery .fancybox-navigation { display: block; } .ancybox-ajax-modals .modal { display: inline; } .tg-check-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -5px; margin-bottom: calc(var(--r) * 20/20); margin-left: -5px; } .tg-check { position: relative; margin-top: 5px; margin-left: 5px; line-height: 1; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; max-width: calc(100% + 5px); } .tg-check > input { position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; } .tg-check-inner { font-weight: 500; font-size: 12px; text-transform: uppercase; color: #000; background-color: white; border-radius: 5px; padding: calc(var(--r) * 12/20) calc(var(--r) * 14/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; height: 100%; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .tg-check > input:checked + .tg-check-inner { background-color: var(--main-color); color: white; } .df { color: var(--main-color); } .ab-flex { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: calc(var(--r) * 147/20) } .ab-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: calc(var(--r) * 50/20); -ms-flex-item-align: center; align-self: center; } .ab-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 43%; } .ab-flex p { max-width: 750px; margin-bottom: calc(var(--r) * 18/20); } .ab-img { position: relative; z-index: 2; } .ab-img-secondary, .ab-img-primary { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: black; } .ab-img-secondary { position: absolute; bottom: 0; right: -17.1%; z-index: -1; width: 88%; margin-bottom: calc(-1 * (var(--r) * 147/20)); } .ab-img-secondary:after, .ab-img-primary:after { content: ' '; padding: 58.1% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .ab-img-secondary:after { padding: 66% 0; } .ab-img-secondary > img, .ab-img-primary > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } @media screen and (max-width: 1928px) { .ab-img-text { --ab-text-size: calc(100vw / 1928); } } @media screen and (min-width: 1929px) { .ab-img-text { --ab-text-size: 1px; } } .ab-img-text { position: absolute; bottom: calc(var(--ab-text-size) * 63); left: calc(var(--ab-text-size) * 125); z-index: 2; font-weight: 900; font-size: 31rem; font-size: calc(var(--ab-text-size) * 310); line-height: 1; color: transparent; -webkit-text-stroke: 2px white; text-stroke: 2px white; } .timeline-slider-wrp { width: 100%; padding-top: calc(var(--r) * 112/20); } .timeline-slider { overflow: visible; position: relative; } .timeline-slider .swiper-slide { width: 50%; } .timeline-box { padding-right: calc(var(--r) * 120/20); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; cursor: default; } .tml-year { font-weight: 900; font-size: 14rem; color: #F5F5F5; line-height: 1; text-shadow: -2px -2px 0 var(--main-color), 2px -2px 0 var(--main-color), -2px 2px 0 var(--main-color), 2px 2px 0 var(--main-color); margin-bottom: calc(var(--r) * 36/20); position: relative; -ms-flex-item-align: start; align-self: flex-start; min-width: 42.5rem; background-color: #F5F5F5; margin-left: -2rem; padding-left: 2rem; } .tml-year:before { content: ' '; width: 15px; height: 15px; background-color: var(--main-color); display: block; position: absolute; top: 50%; right: 0; border-radius: 50%; right: 100%; margin-top: -7px; } .tml-line { width: 15px; height: 15px; background-color: var(--main-color); display: block; position: absolute; top: 50%; border-radius: 50%; left: 100%; margin-top: -7px; } .tml-line:before { content: ' '; width: 100vw; height: 2px; background-color: #e4e6ea; display: block; position: absolute; top: 50%; right: 0; left: 100%; margin-top: -1px; } .timeline-slider .swiper-slide:last-child .tml-line:before, .timeline-slider .swiper-slide:first-child .tml-year:before { display: none; } .timeline-slider .swiper-slide:last-child .tml-line { background-color: #F5F5F5; border-radius: 0; width: 100vw; } .tml-main { width: calc(var(--r) * 540/20); max-width: 100%; } .tml-main p { margin-bottom: calc(var(--r) * 10/20); } .tml-main > *:last-child { margin-bottom: 0; } .timeline-slider-wrp { position: relative; } .timeline-arrow-wr { display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; position: absolute; top: calc(14rem / 2); z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14rem; } .timeline-arrow-wr > * { margin-top: 0; } .timeline-slider .swiper-slide { width: 50%; } .timeline-slider .swiper-slide > * { -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .doc-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: white; border-radius: 7px; } .doc-box:after { content: ' '; padding: 71.3% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .doc-box img { position: absolute; top: calc(var(--r) * 10/20); left: calc(var(--r) * 10/20); width: calc(100% - (var(--r) * 20/20)); height: calc(100% - (var(--r) * 20/20)); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; border-radius: 7px; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .doc-box.type-2:after { content: ' '; padding: 29.6% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .doc-box:before { content: ' '; position: absolute; top: calc(var(--r) * 10/20); right: calc(var(--r) * 10/20); bottom: calc(var(--r) * 10/20); left: calc(var(--r) * 10/20); background-color: var(--main-color); z-index: 0; border-radius: 7px; opacity: 1; } .doc-box:hover img { opacity: 0.7; } .contacts-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: calc(var(--r) * 85/20); padding-bottom: calc(var(--r) * 85/20); } .contacts-col-top { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; } .contacts-col-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: calc(var(--r) * 30/20); } @media screen and (max-width: 1928px) { .contacts-col-top .heading { --ab-text-size: calc(100vw / 1928); } } @media screen and (min-width: 1929px) { .contacts-col-top .heading { --ab-text-size: 1px; } } .contacts-col-top .heading { font-weight: 900; font-size: calc(var(--ab-text-size) * 205); line-height: 1; color: #e3e3e3; } .contacts-col-main h2 { font-size: 4.5rem; font-weight: 500; } .contacts-col-top > *:last-child, .contacts-col-main > *:last-child { margin-bottom: 0; } .ct-info-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * (var(--r) * 50/20)); margin-top: calc(-1 * (var(--r) * 50/20)); } .ct-info-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: calc(var(--r) * 50/20); margin-top: calc(var(--r) * 50/20); color: #393d46; font-weight: 500; max-width: 35%; } .ct-info-box:first-child { -webkit-box-flex: 1.4; -ms-flex-positive: 1.4; flex-grow: 1.4; } .ct-email, .ct-tel { font-weight: 300; font-size: 4rem; line-height: 1; color: #000; text-decoration: none; display: block; margin-bottom: calc(var(--r) * 26/20); } .ct-email:hover, .ct-tel:hover { text-decoration: none; } .ct-info-box > *:last-child { margin-bottom: 0; } .map-wr { height: 100%; border-radius: var(--border-radius); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: #d8d8d8; } .map-wr:after { content: ' '; padding: 19.88% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .ymap_ctrl_display { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); color: white; padding: calc(var(--r) * 20/20); pointer-events: none; } .ym_div { font-size: 1.5em; text-align: center; line-height: 1.3; } .map { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .ya-icon { width: 40px; height: 40px; margin-left: -20px; background-color: transparent; color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; position: relative; -webkit-transition: background-color 300ms; transition: background-color 300ms; margin-top: -56px; } .ya-icon svg:first-child { -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 1; width: 100%; position: absolute; top: 0; left: 0; } .ya-icon svg:last-child { color: white; position: relative; z-index: 4; display: block; } .ya-ballon { font-weight: 500; font-size: 13px; line-height: 1.3; color: #000; padding: calc(var(--r) * 6/20) calc(var(--r) * 8/20); max-width: 350px; } .ya-ballon > *:last-child { margin-bottom: 0; } .ya-worktime { margin-top: calc(var(--r) * 8/20); } .ya-address { font-weight: 500; font-size: 13px; margin-bottom: calc(var(--r) * 4/20); } .ya-tel { text-decoration: none; display: inline-block; } .ya-tel:hover { text-decoration: none; } .rq-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .rq-requisite { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: calc(var(--r) * 40/20); color: black; } .rq-form { -ms-flex-negative: 0; flex-shrink: 0; width: calc(var(--r) * 715/20); } .rq-form-wr { background-color: white; border-radius: 7px; padding: calc(var(--r) * 50/20); } .rq-requisite h2 { margin-bottom: calc(var(--r) * 30/20); } ul.rq-content { padding-top: calc(var(--r) * 5/20); } ul.rq-content > li { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.37; margin-bottom: calc(var(--r) * 8/20); } ul.rq-content > li:last-child { margin-bottom: 0; } ul.rq-content > li > div:first-child { -ms-flex-negative: 0; flex-shrink: 0; width: calc(var(--r) * 312/20); padding-right: calc(var(--r) * 20/20); } ul.rq-content > li > div:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } ul.rq-content a[href^="mailto:"]:hover, ul.rq-content a[href^="mailto:"] { text-decoration: none; } .rq-form-wr p { max-width: 450px; line-height: 1.5; } .modal.pr-completed { width: 1240px; color: #393d46; } .modal.pr-completed > *:nth-last-child(2), .modal.pr-completed > *:last-child { margin-bottom: 0; } .modal.pr-completed, .modal.pr-completed > p { line-height: 1.5; } .modal.pr-completed > p { margin-bottom: calc(var(--r) * 20/20); } .m-caption { font-weight: 600; font-size: var(--fs24); margin-bottom: calc(var(--r) * 14/20); line-height: 1.2; } .carousel-slider-wrp.type-3 .swiper-slide { width: 50%; } .doc-box.type-3:after { padding: 29.8% 0; } .doc-box.type-3 img { left: 0; top: 0; width: 100%; height: 100%; } .doc-box.type-3:before { top: 0; left: 0; width: 100%; height: 100%; } .modal.pr-completed .fc-tabs-title-slider-button-prev, .modal.pr-completed .fc-tabs-title-slider-button-next, .modal.pr-completed .df-arrow { background-color: #f5f5f5; } .fancybox-ajax-modals > .fancybox-inner > .fancybox-infobar { display: none !important; } .fancybox-ajax-modals .fancybox-close-small { display: none; } .plyr { width: 100%; max-width: 730px; margin-left: auto; margin-right: auto; margin-bottom: calc(var(--r)* 20 / 20); } .plyr--full-ui input[type=range] { color: var(--main-color); } .plyr__control--overlaid { background: var(--main-color); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: var(--main-color); } .plyr__control.plyr__tab-focus { -webkit-box-shadow: 0 0 0 5px var(--main-color); box-shadow: 0 0 0 5px var(--main-color); } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: var(--main-color); } ul.prv-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1*(var(--r)* 20 / 20)); margin-left: calc(-1*(var(--r)* 10 / 20)); margin-right: calc(-1*(var(--r)* 10 / 20)); } ul.prv-list > li { width: 33.3333%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: calc(var(--r)* 20 / 20); padding-left: calc(var(--r)* 10 / 20); padding-right: calc(var(--r)* 10 / 20); } .prv-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: white; overflow: hidden; border-radius: 7px; min-height: calc(var(--r) * 380 / 20); height: 100%; } .prv-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .prv-box:hover > img { -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } .prv-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .prv-inner { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; z-index: 2; padding: calc(var(--r) * 30 / 20); } .prv-inner > *:last-child { margin-bottom: 0; } .prv-caption { color: inherit; font-size: var(--fs26); line-height: 1.4; } .prv-box:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(57deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background-position: center; background-size: 100% 100%; } .pr-status { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #777777; } .pr-status:before { content: ' '; display: block; width: 8px; height: 8px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 5px; background-color: currentColor; border-radius: 50%; } .pr-status.available { color: #369833; } .toggle { display: none; padding-bottom: var(--m1); } .toggle > *:last-child { margin-bottom: 0; } [data-show-text], [data-hide-text] { border: none; background-color: transparent; margin: 0; padding: 0; display: inline-block; color: var(--main-color); margin-bottom: var(--m1); } [data-show-text]:before { content: attr(data-show-text); } .toggle[style*="display: block"] + [data-hide-text]:before { content: attr(data-hide-text); } @supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) { [data-show-text]:hover, [data-hide-text]:hover, .df:hover, .breadcrumb > li > a:hover, ul.f-nav-list ul a:hover, ul.f-nav-list > li > a:hover, .dev span, .policy:hover, .dw-link .dw-link-dw, a { text-decoration: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: -webkit-text-decoration-color 300ms; transition: -webkit-text-decoration-color 300ms; transition: text-decoration-color 300ms; transition: text-decoration-color 300ms, -webkit-text-decoration-color 300ms; } .df, .breadcrumb > li > a, ul.f-nav-list ul a, ul.f-nav-list > li > a, .dev:hover span, .policy, .dw-link:hover .dw-link-dw, a:hover { text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } [data-show-text], [data-hide-text] { -webkit-transition: -webkit-text-decoration-color 300ms; transition: -webkit-text-decoration-color 300ms; transition: text-decoration-color 300ms; transition: text-decoration-color 300ms, -webkit-text-decoration-color 300ms; } a { text-underline-offset: 0.3em; text-decoration-thickness: 1px; } } @media screen and (max-width: 1699px) { :root { --r: 18px; } .h-col-r { /* padding-left: calc(var(--r)* 40 / 20);*/ margin-left: calc(var(--r)* 40 / 20); } .h-col-l { margin-right: calc(var(--r)* 50 / 20); } .ctg-btn, ul.nav-list > li { margin-right: calc(var(--r)* 40 / 20); } .h-catalog-scroll-container { padding-left: calc(var(--r) * 174/20); padding-right: calc(var(--r) * 174/20); } .container.type-3 { width: 1350px; } .ss-inner-main { padding: calc(var(--r)* 35 / 20); } .ss-inner-main .df-dot-wr { margin-top: 0; } .fancybox-slide--html .fancybox-close-small, .fancybox-close-small { padding: calc(var(--r) * 10/20); } html body .fancybox-container .fancybox-navigation .fancybox-button { font-size: 18px; } .ab-img { width: 96%; } .tml-year { margin-left: -1rem; padding-left: 1rem; } .tml-main { width: calc(var(--r)* 690 / 20); } } @media screen and (max-width: 1499px) { :root { --r: 16px; --fs: 18px; --site-padding: 25px; --m-df: calc(var(--r)* 100 / 20); --m-md: calc(var(--r)* 60 / 20); } html { font-size: 8px; } .ctg-btn, ul.nav-list > li { margin-right: calc(var(--r)* 30 / 20); } .bg-section { padding-top: calc(var(--r)* 50 / 20); padding-bottom: calc(var(--r)* 50 / 20); } .clbk-sc-col-l { padding-right: calc(var(--r)* 100 / 20); } .clbk-sc-col-r { padding-left: calc(var(--r)* 100 / 20); } .footer { --f-ot-width: calc(var(--r)* 230 / 20); } .container.type-3 { width: 1160px; } .container.type-4 { width: 700px; } .fc-tabs { --tab-arrow-size: 34px; --tab-items-offset: 30px; --tab-dc: 100px; } html body .fancybox-container .fancybox-navigation .fancybox-button { font-size: 17px; } .ab-img { width: 97%; } .tml-year { margin-left: 15px; padding-left: 2rem; } .timeline-slider .swiper-slide:first-child .tml-year:before { display: block; } .rq-form { width: calc(var(--r)* 630 / 20); } } @media screen and (max-width: 1299px) { .h-col-r { /* padding-left: calc(var(--r)* 20 / 20);*/ margin-left: calc(var(--r)* 20 / 20); } .h-col-l { margin-right: calc(var(--r)* 30 / 20); } .ctg-btn, ul.nav-list > li { margin-right: calc(var(--r)* 25 / 20); } .screen-slider { --ss-offset: calc(var(--r)* 25 / 20); } .container.type-3 { width: 940px; } .carousel-slider-wrp.type-2 .carousel-slider .swiper-slide { width: 33.3333%; } .ab-img { width: 89%; } } @media screen and (min-width: 1200px) { .nav-overlay, .nav-btn { display: none; } } @media screen and (max-width: 1199px) { .clbk-tel { font-size: 4.5rem; } .clbk-sc-col-r { padding-left: calc(var(--r)* 50 / 20); } .clbk-sc-col-l { padding-right: calc(var(--r)* 50 / 20); } .nav[data-scrollbar], .nav { position: fixed; background-color: #F5F5F5; border-top: 1px solid #e3e3e3; top: var(--header-height); right: 100%; bottom: 0; width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; overflow-y: auto; padding-left: var(--site-padding); padding-right: var(--site-padding); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; -webkit-box-shadow: 0 300px 0 0 #F5F5F5; box-shadow: 0 300px 0 0 #F5F5F5; } body.nav-open .nav { -webkit-transform: translateX(100%); transform: translateX(100%); } .nav::-webkit-scrollbar { width: 4px; } .nav::-webkit-scrollbar-track { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .nav::-webkit-scrollbar-thumb { background-color: black; outline: none; } .h-catalog-overlay { display: none; } .h-catalog-wrp { position: relative; background-color: #F5F5F5; bottom: auto; left: auto; right: auto; top: auto; width: auto; z-index: 1; -webkit-transition: none; transition: none; } .ctg-wrp { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul.nav-list { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ctg-btn-ico { display: none; } .ctg-wrp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .h-catalog-scroll-container { padding-left: 0; padding-right: 0; } .h-catalog-wrp .container { padding-left: 0; padding-right: 0; width: 100%; } ul.h-ctg-list { margin-left: 0; margin-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.h-ctg-list > li { width: 100%; padding-left: 0; padding-right: 0; } body.category-open .h-catalog-wrp { -webkit-transform: none; transform: none; visibility: visible; opacity: 1; } .h-catalog-scroll { max-height: none; } .h-catalog-overlay, body.category-open .h-catalog-overlay { display: none; } .h-col-c { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ctg-btn, ul.nav-list > li { margin-right: 0; font-size: var(--fs20); } .ctg-btn > span, ul.nav-list > li a { padding-top: calc(var(--r) * 5/20); padding-bottom: calc(var(--r) * 5/20); position: relative; } .ctg-btn, ul.nav-list > li a { width: auto; margin-top: calc(var(--r) * 10/20); margin-bottom: calc(var(--r) * 10/20); position: relative; overflow: hidden; } .ctg-btn > span:after { content: ' '; position: absolute; right: 100%; width: 100%; height: 2px; background-color: currentColor; bottom: 0; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .ctg-btn:hover > span:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .ctg-btn:before { content: '\e90a'; font-family: icomoon; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; -ms-flex-item-align: center; align-self: center; color: black; position: relative; z-index: 1; font-size: 10px; } body.category-open .ctg-btn:before { -webkit-transform: scale(1, -1); transform: scale(1, -1); } ul.h-ctg-list { padding-top: 1px; } ul.h-ctg-list > li { margin-top: calc(var(--r) * 20/20); } .nav > .scroll-content { padding-top: calc(var(--r) * 20/20); padding-bottom: calc(var(--r) * 20/20); } .h-catalog-wrp { display: none; } .nav-overlay { position: fixed; top: 0; right: 100%; width: 100%; height: calc(100% + 300px); z-index: -2; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } body.nav-open .nav-overlay { -webkit-transform: translateX(100%); transform: translateX(100%); } ul.f-nav-list ul a { font-size: 13px; } .footer { --f-ot-width: calc(var(--r)* 210 / 20); } .header { padding-top: calc(var(--r)* 10 / 20); padding-bottom: calc(var(--r)* 10 / 20); } .banner-slider-wrp { --banner-slider-padding-top: calc(var(--r)* 50 / 20); --banner-slider-padding-x: calc(var(--r)* 30 / 20); --banner-slider-padding-y: calc(var(--r)* 30 / 20); } .banner-slider-content .swiper-slide:after { padding: 13% 0; } .banner-wr p { max-width: calc(var(--r)* 860 / 20); } .df-dot-wr { margin-top: calc(var(--r)* 15 / 20); } ul.pr-list > li { width: 33.3333%; } h1.bigger, .heading.bigger { font-size: 6.5rem; } .container.type-4 { width: 600px; } .ed-counter { font-size: 10rem; } ul.catalog-list > li { width: 50%; } .ss-inner-main { max-width: 72%; } .fc-tabs-title-slider .swiper-slide a, ul.fc-tabs-title a { font-size: var(--fs18); } .fc-tabs { --tab-arrow-size: 30px; --tab-items-offset: 25px; --tab-dc: 90px; } table { font-size: 14px; } .pr-ot-wr { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .pr-ot-col-l { width: 100%; padding-left: 0; padding-right: 0; } .pr-ot-col-r { width: 100%; margin-bottom: var(--m-sm); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } ul.pr-props { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } ul.pr-props { margin-right: 0; margin-left: calc(-1*((var(--r)* 25 / 20) + 1px)); } ul.pr-props > li { border-right: none; border-left: 1px solid #d9d9d9; } body { overflow-y: auto; } .contacts-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: calc(var(--r)* 85 / 20); padding-bottom: calc(var(--r)* 85 / 20); } .contacts-col-top { width: 100%; margin-bottom: calc(var(--r) * 20/20); } .contacts-col-main { width: 100%; padding-right: 0; } .rq-form { width: 100%; } .rq-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rq-requisite { width: 100%; margin-bottom: calc(var(--r) * 40/20); padding-right: 0; } ul.rq-content > li > div:first-child { width: calc(var(--r)* 372 / 20); } ul.prv-list > li { width: 50%; } .prv-box { min-height: calc(var(--r)* 300 / 20); } .prv-inner { padding: calc(var(--r)* 20 / 20); } .h-ctg-box .subnav-list > li { margin-top: calc(var(--r)* 10 / 20); } } @media screen and (max-width: 991px) { :root { --r: 15px; --fs: 16px; --site-padding: 15px; --btn-height: calc(var(--r)* 55 / 20); } html { font-size: 6px; } ul.f-nav-list ul a { font-size: 12px; } .footer { --f-ot-width: calc(var(--r)* 230 / 20); } .clbk-sc-col-l, .clbk-sc-col-r { padding-top: calc(var(--r)* 20 / 20); padding-bottom: calc(var(--r)* 20 / 20); } .bg-section { padding-top: calc(var(--r)* 30 / 20); padding-bottom: calc(var(--r)* 30 / 20); } .clbk-sc-flex .btn { min-width: calc(var(--r)* 226 / 20); } .nav[data-scrollbar], .nav { width: 280px; } .clbk-sc-col-r { padding-left: calc(var(--r)* 30 / 20); } .clbk-sc-col-l { padding-right: calc(var(--r)* 30 / 20); } /*default scroll*/ .site-wrapper { height: auto; } .header { right: 0; padding-left: 0; } /*//default scroll*/ .ts-ctrl-ot { display: none; } .top-screen { padding-right: 0; -webkit-box-shadow: none; box-shadow: none; } .top-slider-wrp { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .top-main-slider { display: -webkit-box; display: -ms-flexbox; display: flex; } .top-main-slider .swiper-wrapper { height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .screen-slider .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .screen-slider .swiper-slide:not(:last-child) { margin-bottom: var(--m-md); } .sc-scroll .content-inner { padding-top: 0; } .ss-img { width: 38%; } .ss-inner-main { max-width: 62%; } .carousel-slider-wrp.type-2 .carousel-slider .swiper-slide { width: 50%; } .srv-flex { padding: calc(var(--r)* 25 / 20); } blockquote:before { margin-bottom: calc(var(--r) * 30/20); } .category-screen { padding-right: 0; } ul:not(.custom) > li:before { top: 0.1em; } .fc-tabs-title-slider .swiper-slide a, ul.fc-tabs-title a { padding-top: calc(var(--r)* 13 / 20); padding-bottom: calc(var(--r)* 13 / 20); } .df-dot-wr { display: none; } .top-slider-wrp .df-dot-wr { display: -webkit-box; display: -ms-flexbox; display: flex; } .ss-bottom { display: none; } .pr-slider-wrp .df-dot-wr { display: -webkit-box; display: -ms-flexbox; display: flex; } .ab-flex { padding-bottom: 0; } .ab-img-secondary { width: 88%; margin-bottom: calc(-1*(var(--r)* 70 / 20)); } .ab-img-text { left: calc(var(--ab-text-size)* 65); } .ab-col-l { padding-right: calc(var(--r)* 30 / 20); } .timeline-slider .swiper-slide { width: 100%; } .tml-main { width: 100%; } .carousel-slider-wrp.type-2.certificates-slider .swiper-slide { width: 33.3333%; } .ct-info-box { width: 50%; max-width: none; } .ct-info-box:first-child { width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .ct-email, .ct-tel { margin-bottom: calc(var(--r) * 15/20); } .btn-md { min-height: calc(var(--btn-height) / 1.15); } } @media screen and (min-width: 768px) { .modal-pagination { display: none; } .modal.pr-completed > *:nth-last-child(3) { margin-bottom: 0; } } @media screen and (max-width: 767px) { .carousel-slider .swiper-slide { width: 50%; } .logo { width: 90px; } .clbk-sc-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clbk-sc-col-l { padding-top: 0; width: 100%; border-right: none; padding-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: calc(var(--r) * 45/20); margin-bottom: calc(var(--r) * 30/20); } .clbk-sc-col-r { padding-left: 0; width: 100%; padding-top: 0; padding-bottom: 0; } .bg-section { padding-top: calc(var(--r)* 50 / 20); padding-bottom: calc(var(--r)* 50 / 20); } .footer { --f-ot-width: calc(var(--r)* 190 / 20); } .banner-slider-content .swiper-slide:after { padding: 17% 0; } ul.pr-list > li { width: 50%; } .ss-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ss-img, .ss-inner-main { padding: calc(var(--r)* 25 / 20); } .ss-img { width: 100%; position: relative; top: auto; right: auto; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .ss-img:after { content: ' '; padding: 25% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .ss-img .rs-image .rs-image-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ss-img .rs-image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ss-inner-main { padding-top: 0; width: 100%; max-width: none; } .catalog-name { line-height: 1.3; font-size: var(--fs16); } .cmpl-prj-bottom .link { font-size: 13px; margin-top: -3px; } blockquote { padding-left: 0; padding-right: 0; } .fc-tabs { --tab-items-offset: 16px; --tab-dc: 50px; } .x-separator { width: 6%; } .fancybox-slide--html .fancybox-close-small, .fancybox-close-small { margin-left: 0; left: auto; right: 0; padding: calc(var(--r) * 5/20); background-color: transparent; } .fancybox-slide--html { padding: 6px; } .bg-section .fr-flex { max-width: 100%; width: 100%; } .ab-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ab-col-l { width: 100%; padding-right: 0; margin-bottom: calc(var(--r) * 60/20); } .ab-col-r { width: 100%; } .ab-img { width: 50%; margin-left: auto; margin-right: auto; margin-bottom: calc(var(--r)* 70 / 20); } .ab-flex { padding-top: calc(var(--r) * 30/20); } .map-wr { min-height: 300px; } .rq-form-wr { padding: calc(var(--r)* 35 / 20); } ul.rq-content > li { margin-bottom: calc(var(--r)* 12 / 20); } .fancybox-ajax-modals .fancybox-close-small { display: block; } .fancybox-ajax-modals .fancybox-navigation, .fancybox-ajax-modals .fancybox-button.fancybox-button--close { display: none; } .modal-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal-pagination a { text-decoration: none; font-size: calc(var(--r) * 20/20); } .modal-pagination a:hover { text-decoration: none; color: var(--main-color); } .fs-button-next { text-align: right; } .fs-button-prev.disable, .fs-button-next.disable { visibility: hidden; pointer-events: none; } .fs-button-prev { margin-right: calc(var(--r) * 20/20); } } @media screen and (max-width: 629px) { :root { --lh: 1.7; } .df-dot-wr { margin-top: calc(var(--r)* 15 / 20); } .banner-slider-content .swiper-slide:after { display: none; } .banner-slider-content .swiper-slide { min-height: 230px; } .banner-slider-wrp { --banner-slider-padding-top: calc(var(--r)* 50 / 20); --banner-slider-padding-x: calc(var(--r)* 20 / 20); --banner-slider-padding-y: calc(var(--r)* 30 / 20); } .sw-dot { width: 8px; height: 8px; } .carousel-slider .swiper-slide { width: calc(var(--r) * 430/20); max-width: 100%; } .f-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .f-col-nav { width: 100%; } .f-col-ot { width: 100%; padding-top: calc(var(--r) * 35/20); padding-bottom: calc(var(--r) * 30/20); margin-top: calc(var(--r) * 20/20); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; border-top: 1px solid #d9d9d9; } .f-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .f-bottom-main { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .f-bottom-main > * { margin-bottom: calc(var(--r) * 25/20); width: 100%; } .pr-box { line-height: 1.3; } .pr-box-main { padding-top: calc(var(--r)* 10 / 20); padding-bottom: calc(var(--r)* 10 / 20); } h1.bigger, .heading.bigger { font-size: 6rem; } ul.ed-counters { width: auto; max-width: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .carousel-slider-wrp.type-2 .carousel-slider .swiper-slide { width: calc(var(--r)* 430 / 20); max-width: 100%; } .heading-wr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .heading-wr > *:first-child { width: 100%; } .heading-ot { width: 100%; -ms-flex-item-align: start; align-self: flex-start; margin-left: 0; } .srv-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .srv-col-l { width: 100%; } .srv-col-r { width: 100%; margin-top: calc(var(--r) * 30/20); } .srv-img { max-width: 400px; margin-left: auto; margin-right: auto; } .srv-main .link { margin-top: calc(var(--r) * 10/20); } ul.social-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ab-img { width: 291px; max-width: 100%; } .ab-img-text { font-size: 19.7rem; } .tml-main { width: auto; margin-right: calc(-1 * (var(--r) * 120/20)); max-width: none; } .carousel-slider-wrp.type-2.certificates-slider .swiper-slide { width: calc(var(--r)* 340 / 20); } ul.rq-content > li > div:first-child { width: calc(var(--r)* 270 / 20); } .rq-form-wr { padding: calc(var(--r)* 25 / 20); } .carousel-slider-wrp.type-3 .swiper-slide { width: 285px; max-width: 100%; } ul.prv-list > li { width: 100%; } .prv-box { min-height: calc(var(--r)* 240 / 20); } } @media screen and (max-width: 479px) { :root { --site-padding: 10px; --m-df: calc(var(--r)* 70 / 20); --m-md: calc(var(--r)* 50 / 20); --m-sm: calc(var(--r)* 40 / 20); --border-radius: 10px; --lh: 1.6; } html { font-size: 5px; } .logo { width: 70px; } .h-col-l { margin-right: calc(var(--r)* 20 / 20); } .nav-btn { margin-right: calc(var(--r)* 20 / 20); } .h-col-r { /* padding-left: calc(var(--r)* 15 / 20);*/ margin-left: calc(var(--r)* 10 / 20); } h1, .heading { font-size: 4.2rem; line-height: 1.2; margin-bottom: calc(var(--r) * 30/20); } h2, .heading2 { font-size: 3.8rem; margin-bottom: calc(var(--r) * 20/20); } ul.f-nav-list { -webkit-column-count: 1; column-count: 1; } ul.f-nav-list ul { margin-bottom: calc(var(--r)* 40 / 20); } .banner-wr p { line-height: 1.5; } .nav-btn-ico { margin-right: calc(var(--r)* 13 / 20); } .df-dot-wr { margin-top: calc(var(--r) * 5/20); } .banner-slider-content .swiper-slide { min-height: 260px; } ul.pr-list > li { width: 100%; } .top-slider-wrp { padding-bottom: calc(var(--r) * 25/20); } .ts-ctrl-wr { padding-top: calc(var(--r) * 20/20); } h1.bigger, .heading.bigger { margin-bottom: calc(var(--r) * 30/20); } .ss-img, .ss-inner-main { padding: calc(var(--r)* 15 / 20); } .ss-inner-main { padding-bottom: calc(var(--r)* 25 / 20); } .ss-img:after { padding: 38% 0; } ul.catalog-list > li { width: 100%; } .catalog-name { font-size: var(--fs18); } h1.bigger, .heading.bigger { font-size: 5rem; } .srv-flex { padding: calc(var(--r)* 20 / 20); } .ctg-btn:before { font-size: 8px; } ul:not(.custom) > li:before { top: 0.1em; } ul:not(.custom) > li { padding: 0 0 0 1.2em; } .fc-tab-box { padding: calc(var(--r)* 25 / 20) calc(var(--r)* 15 / 20); } table { font-size: 13px; } .pr-ot-col-r { overflow: hidden; } ul.pr-props { margin-left: 0; margin-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: calc(-1 * (var(--r)* 60 / 20)); } ul.pr-props > li { border-top: 1px solid #d9d9d9; border-right: none; border-left: none; padding-top: calc(var(--r)* 30 / 20); margin-top: calc(var(--r)* 30 / 20); padding-left: 0; padding-right: 0; } .pr-slider .swiper-slide:after { padding: 46% 0; } .fr-item.fr-btn-wr { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fr-btn-ot { width: 100%; margin-bottom: calc(var(--r) * 18/20); } .ab-img-text { font-size: 24.7rem; } .tml-year { min-width: 0; padding-right: 2rem; } .tml-year { font-size: 12rem; } .timeline-arrow-wr { top: calc(12rem / 2); } .tml-year:before, .tml-line { width: 10px; height: 10px; } .carousel-slider-wrp.type-2.certificates-slider .swiper-slide { width: calc(var(--r)* 430 / 20); } .contacts-col-main h2 { font-size: 3.8rem; } .contacts-flex { padding-top: calc(var(--r)* 40 / 20); padding-bottom: calc(var(--r)* 20 / 20); } .ct-info-box { width: 100%; } .ct-info-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 0; margin-top: calc(var(--r)* 30 / 20); } .ct-info-flex { margin-left: 0; margin-top: calc(-1*(var(--r)* 30 / 20)); } .map-wr { min-height: 320px; } ul.rq-content > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.rq-content > li > div:first-child { width: 100%; padding-right: 0; } ul.rq-content > li > div:last-child { width: 100%; opacity: 0.6; } .rq-form-wr { padding: calc(var(--r)* 20 / 20); } .modal { padding: calc(var(--r) * 15 / 20); padding-top: calc(var(--r) * 35 / 20); } .modal-pagination a { font-size: calc(var(--r)* 18 / 20); } .carousel-slider-wrp.type-3 .swiper-slide { width: 250px; } .plyr__volume input[type=range] { max-width: 50px; min-width: 50px; } } @media screen and (max-width: 349px) { .nav-btn > span { display: none; } .nav-btn-ico { margin-right: 0; } } /* End */ /* Start:/local/templates/main/css/custom.css?1750848323481*/ .bx-core-adm-dialog button, .bx-core-adm-dialog input, .bx-core-adm-dialog optgroup, .bx-core-adm-dialog select, .bx-core-adm-dialog textarea { -webkit-appearance: auto !important; } .cs-invbl { display: none; } .cs-invbl_imp { display: none!important; } .cs-err { color: red; } .df-arrow-wr { justify-content: flex-end; } .parsley-error [type=checkbox] { border: red solid 1px; width: 15px; height: 15px; appearance: none; } /* End */ /* /local/templates/main/css/swiper-bundle.min.css?173052939718470 */ /* /local/templates/main/css/jquery.fancybox.min.css?173052939612795 */ /* /local/templates/main/css/form-components.css?173052939623990 */ /* /local/templates/main/css/plyr.css?173769639532499 */ /* /local/templates/main/css/main.css?1741207141119235 */ /* /local/templates/main/css/custom.css?1750848323481 */