/* Start:/local/templates/fssr/css/swiper-bundle.min.css?179386008817907*/ /** * Swiper 9.2.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 17, 2023 */ @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}.swiper,swiper-container{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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.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,:host(.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;-ms-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,swiper-container .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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/fssr/css/fancybox.css?179386008824052*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-zoomInUp{animation:.2s ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:.2s ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-fadeIn{animation:.2s ease both f-fadeIn;z-index:2}.f-fadeOut{animation:.2s ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:.5s ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:.5s ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:.2s ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:.2s ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:.2s ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:.1s linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-hidden{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/fssr/css/overlayscrollbars.min.css?179386008813551*/ /*! * OverlayScrollbars * Version: 2.2.0 * * Copyright (c) Rene Haas | KingSora. * https://github.com/KingSora * * Released under the MIT license. */.os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;visibility:hidden}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}.os-size-observer{border:inherit;bottom:0;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;transform:scale(.1);z-index:-1}.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:content-box;display:block;flex:auto;padding:inherit;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}.os-environment{--os-custom-prop:-1;height:200px;opacity:0;overflow:scroll;position:fixed;visibility:hidden;width:200px;z-index:var(--os-custom-prop)}.os-environment div{height:200%;margin:10px 0;width:200%}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;min-height:200px;min-width:200px;width:auto}.os-environment.os-environment-flexbox-glue div{flex:auto;height:auto;margin:0;max-height:100%;max-width:100%;width:auto}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}.os-scrollbar-hidden.os-environment,[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden],[data-overlayscrollbars~=scrollbarHidden]{scrollbar-width:none!important}.os-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;height:0!important;width:0!important}[data-overlayscrollbars-initialize]{overflow:auto}html.os-scrollbar-hidden,html.os-scrollbar-hidden>body,html[data-overlayscrollbars]{box-sizing:border-box;height:100%;margin:0;width:100%}html[data-overlayscrollbars]>body{overflow:visible}[data-overlayscrollbars~=host]{position:relative}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{display:flex;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{border:none;box-sizing:inherit;flex:auto!important;height:auto;margin:0;padding:0;position:relative;width:100%;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw:0;--os-vah:0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport],[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden}[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible],[data-overlayscrollbars~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{border:none!important;direction:ltr!important;padding:0!important;position:relative}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-interaction.os-scrollbar-visible,.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hidden{opacity:0;visibility:hidden}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar .os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}.os-scrollbar .os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}.os-scrollbar .os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}.os-scrollbar .os-scrollbar-handle:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.os-scrollbar .os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar .os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;box-sizing:border-box}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track{border-radius:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal{height:10px;padding:2px;right:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl{left:10px;right:0}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle{max-width:none;min-width:33px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:-2px;top:-6px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,.os-no-css-vars.os-theme-light.os-scrollbar-vertical{bottom:10px;padding:2px;width:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle{max-height:none;min-height:33px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:-2px;right:-6px}.os-no-css-vars.os-theme-dark .os-scrollbar-handle{background:rgba(0,0,0,.44)}.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle{background:rgba(0,0,0,.66)}.os-no-css-vars.os-theme-light .os-scrollbar-handle{background:hsla(0,0%,100%,.44)}.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle{background:hsla(0,0%,100%,.55)}.os-no-css-vars.os-theme-light:active .os-scrollbar-handle{background:hsla(0,0%,100%,.66)} /* End */ /* Start:/local/templates/fssr/css/video-js.css?179386008849682*/ .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10a"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10b"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-downloading { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-downloading:before { content: "\f10f"; } .vjs-icon-file-download { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download:before { content: "\f110"; } .vjs-icon-file-download-done { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-done:before { content: "\f111"; } .vjs-icon-file-download-off { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-off:before { content: "\f112"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f113"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f114"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f115"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f116"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f117"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f118"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f119"; } .vjs-icon-repeat { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-repeat:before { content: "\f11a"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f11b"; } .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before { content: "\f11c"; } .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before { content: "\f11f"; } .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before { content: "\f120"; } .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f122"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f123"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f124"; } .vjs-icon-shuffle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-shuffle:before { content: "\f125"; } .vjs-icon-cast { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cast:before { content: "\f126"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f127"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f128"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f129"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f12a"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f12b"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f12c"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f12d"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f12e"; } .video-js { display: inline-block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 { width: 100%; max-width: 100%; } .video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) { height: 0; } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75%; } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.7777777778%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100%; } .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js.vjs-audio-only-mode .vjs-tech { display: none; } body.vjs-full-window, body.vjs-pip-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-pip-container .vjs-pip-text { position: absolute; bottom: 10%; font-size: 2em; background-color: rgba(0, 0, 0, 0.7); padding: 0.5em; text-align: center; width: 100%; } .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text { bottom: 0; font-size: 1.4em; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; padding: 0; margin-top: -0.81666em; margin-left: -1.5em; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { background: none; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-pip-window .vjs-menu-button-popup .vjs-menu { left: unset; right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js *:not(.vjs-visible-text) > .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; line-height: 0.35em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { line-height: 0.35em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster { display: block; } .vjs-poster img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control { display: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control { display: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: rgb(255, 255, 255); animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10c"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f12e"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover { width: auto; width: initial; } .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control { display: none; } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { flex: auto; display: block; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 10px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; padding: 0 6px 8px; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; font-weight: bold; font-size: 14px; } .vjs-text-track-settings .vjs-label { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: 0 5px 5px 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } .vjs-title-bar { background: rgba(0, 0, 0, 0.9); background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%); font-size: 1.2em; line-height: 1.5; transition: opacity 0.1s; padding: 0.666em 1.333em 4em; pointer-events: none; position: absolute; top: 0; width: 100%; } .vjs-title-bar-title, .vjs-title-bar-description { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vjs-title-bar-title { font-weight: bold; margin-bottom: 0.333em; } .vjs-playing.vjs-user-inactive .vjs-title-bar { opacity: 0; transition: opacity 1s; } .video-js .vjs-skip-forward-5 { cursor: pointer; } .video-js .vjs-skip-forward-10 { cursor: pointer; } .video-js .vjs-skip-forward-30 { cursor: pointer; } .video-js .vjs-skip-backward-5 { cursor: pointer; } .video-js .vjs-skip-backward-10 { cursor: pointer; } .video-js .vjs-skip-backward-30 { cursor: pointer; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; } .video-js *:focus:not(:focus-visible) { outline: none; } /* End */ /* Start:/local/templates/fssr/css/styles.css?1793860088150454*/ @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-Bold.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-Bold.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-Bold.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-Black.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-Black.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-Black.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } */ @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-ExtraBold.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-ExtraBold.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-ExtraBold.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-Light.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-Light.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-Light.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-Medium.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-Medium.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-Medium.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-Regular.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-Regular.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-Regular.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } /* @font-face { font-family: "Onest"; src: url("/local/templates/fssr/css/../fonts/Onest-Thin.eot"); src: url("/local/templates/fssr/css/../fonts/Onest-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/fssr/css/../fonts/Onest-Thin.woff2") format("woff2"), url("/local/templates/fssr/css/../fonts/Onest-Thin.woff") format("woff"), url("/local/templates/fssr/css/../fonts/Onest-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } */ @font-face { font-family: "icomoon"; src: url("/local/templates/fssr/css/../fonts/icomoon.ttf?h63t3l") format("truetype"), url("/local/templates/fssr/css/../fonts/icomoon.woff?h63t3l") format("woff"), url("/local/templates/fssr/css/../fonts/icomoon.svg?h63t3l#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="ico-"], [class*=" ico-"] { font-family: "icomoon" !important; } [class^="ico-"], [class*=" ico-"] { speak: never; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico-arrow:before { content: "\e900"; } .ico-chevron-bold:before { content: "\e901"; } .ico-chevron-frame:before { content: "\e902"; } .ico-chevron:before { content: "\e903"; } .ico-plus:before { content: "\e904"; } .ico-close:before { content: "\e905"; } .ico-download:before { content: "\e906"; } .ico-video:before { content: "\e907"; } .ico-load:before { content: "\e908"; } .ico-location:before { content: "\e909"; } .ico-photo:before { content: "\e90a"; } .ico-phone:before { content: "\e90b"; } .ico-mail:before { content: "\e90c"; } .ico-share:before { content: "\e90d"; } .ico-luge-couple:before { content: "\e90e"; } .ico-luge-fly:before { content: "\e90f"; } .ico-luge:before { content: "\e910"; } .ico-naturban:before { content: "\e911"; } .ico-pdf:before { content: "\e912"; } .ico-play:before { content: "\e913"; } .ico-search:before { content: "\e914"; } .ico-telegram:before { content: "\e915"; } .ico-facebook:before { content: "\e916"; } .ico-vk:before { content: "\e917"; } .ico-instagram:before { content: "\e918"; } .ico-youtube:before { content: "\e919"; } .ico-view:before { content: "\e91a"; } body { font-family: "Onest"; font-weight: 400; } :root { --container-width: 1200px; --main-outer-width: 2560px; --container-padding: 40px; --calculated-padding: calc((100% - var(--container-width)) / 2); --width-full: calc(var(--container-width) + (var(--container-padding) * 2)); --color-red: #ff284f; --color-red-darken: #e0251f; --color-green: #66c264; --color-green-darken: #4da94b; --color-blue: #004081; --color-dark-blue: #232428; --color-koamaru: #323b5c; --color-orange: #f2994a; --padding-banner: 82px; } @media (max-width: 900px) { :root { --container-padding: 30px; } } @media (max-width: 576px) { :root { --container-padding: 20px; } } @media (max-width: 1100px) { :root { --padding-banner: 41px; } } *, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } a { -webkit-text-decoration: none; text-decoration: none; } input, button, textarea { padding: 0; background: none; border: none; outline: none; font-family: inherit; } html, body { height: 100%; margin: 0; padding: 0; } body.noscroll { overflow: hidden; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } ul, ol { list-style-type: none; margin: 0; padding: 0; } dl, dt, dd { margin: 0; padding: 0; } hr { margin: 0; } .preload *, .preload *::after, .preload *::before { -webkit-transition: none !important; transition: none !important; } .disable-hover *, .disable-hover *::after, .disable-hover *::before { pointer-events: none; -webkit-transition: none !important; transition: none !important; } .main-wrapper-clipper { width: 100%; height: 100%; position: relative; } .main-wrapper-outer { width: 100%; min-height: 100%; max-width: 2560px; max-width: var(--main-outer-width); margin-left: auto; margin-right: auto; 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; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .footer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .container { padding-left: max(calc((100% - 1200px) / 2), 40px); padding-left: max(var(--calculated-padding), var(--container-padding)); padding-right: max(calc((100% - 1200px) / 2), 40px); padding-right: max(var(--calculated-padding), var(--container-padding)); } .container__inner { width: 100%; position: relative; } .container__inner_clip { overflow: hidden; } .container.container_extract-l { padding-left: 0; } .container.container_extract-lp { padding-left: 40px; padding-left: var(--container-padding); } .container.container_extract-r { padding-right: 0; } .container.container_extract-rp { padding-right: 40px; padding-right: var(--container-padding); } .container.container_extract-lr { padding-left: 0; padding-right: 0; } .container.container_extract-lrp { padding-left: 40px; padding-left: var(--container-padding); padding-right: 40px; padding-right: var(--container-padding); } .searchbox { width: 100%; height: 100%; } .searchbox__btn { font-size: 20px; color: #30387e; width: 100%; 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; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .searchbox__btn:hover { color: #ff284f; color: var(--color-red); } .heading1 { font-size: 40px; line-height: 1.275; text-transform: uppercase; color: rgba(0, 64, 129, 0.5); } @media (max-width: 1280px) { .heading1 { font-size: 37px; } } @media (max-width: 1000px) { .heading1 { font-size: 34px; } } @media (max-width: 767px) { .heading1 { font-size: 31px; } } .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px 14px; } .social__item { width: 44px; height: 44px; border-radius: 50%; background-color: #fff; border: 1px #f0f0f0 solid; color: rgba(0, 64, 129, 0.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; font-size: 20px; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .social__item.ico-youtube { font-size: 15px; } .social__item:hover { color: rgb(0, 64, 129); } .logo-fssr { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 25px; -webkit-text-decoration: none; text-decoration: none; } .logo-fssr__pic { width: 100%; max-width: 64px; } .logo-fssr__label-big { font-size: 14px; font-weight: 700; line-height: 1.3; display: block; text-transform: uppercase; color: #ff284f; color: var(--color-red); max-width: 180px; margin: 0 0 1px 0; } .logo-fssr__label-small { font-size: 12px; font-weight: 400; line-height: 1.25; display: block; color: rgba(255, 255, 255, 0.8); } .text-up { text-transform: uppercase; } body:not(.mainpage) .main { padding-top: 75px; background-image: url(/local/templates/fssr/css/../img/pages-bg.png); background-position: right top; background-repeat: no-repeat; background-attachment: fixed; } body.main_page .main { background-image: unset; } @media (max-width: 1600px) { body:not(.mainpage) .main { background-size: 60% auto; } } @media (max-width: 767px) { body:not(.mainpage) .main { padding-top: 58px; } } @media (max-width: 460px) { body:not(.mainpage) .main { padding-top: 53px; } } body .main_nobg.main { background-image: none; } .popup-menu { z-index: 20; position: fixed; top: 75px; right: 0; width: 100%; max-width: 500px; background-color: #fff; height: calc(100% - 75px); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translate(110%, 0); transform: translate(110%, 0); -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "transform", "transform"; transition-property: "transform", "transform"; transition-property: "transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; background-image: url(/local/templates/fssr/css/../img/menu-bg-1.svg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } .popup-menu .container { padding-top: 40px; padding-top: var(--container-padding); padding-bottom: 40px; padding-bottom: var(--container-padding); } .popup-menu[data-active="true"] { -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (max-width: 767px) { .popup-menu { top: 58px; height: calc(100% - 58px); } } @media (max-width: 460px) { .popup-menu { top: 53px; height: calc(100% - 53px); } } .menu-popup__item { text-align: right; font-size: 22px; } .menu-popup__item:not(:last-child) { margin-bottom: 2vh; } .menu-popup__item a { color: #004081; color: var(--color-blue); } .btn-menu__line1, .btn-menu__line2, .btn-menu__line3 { -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .btn-menu[data-active="true"] .btn-menu__line2 { opacity: 0; } .btn-menu[data-active="true"] .btn-menu__line1 { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(45deg) translateY(-12px); transform: rotate(45deg) translateY(-12px); } .btn-menu[data-active="true"] .btn-menu__line3 { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg) translateY(12px); transform: rotate(-45deg) translateY(12px); } .header { width: 100%; position: fixed; top: 0; left: 0; /* background: rgba(0, 64, 129, 0.2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); */ background-color: #004081; background-color: var(--color-blue); padding: 7px 0; z-index: 30; height: 75px; } body:not(.mainpage) .header { background-color: #004081; background-color: var(--color-blue); } .header__btn-menu { display: none; } .header::after { display: none; content: ""; width: 20%; height: 70px; position: absolute; right: 0; top: 0; background: red; opacity: 0.5; } .header__container { display: grid; grid-template-columns: 250px 1fr; grid-template-rows: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 0 50px; gap: 0 50px; min-height: 56px; } .header__search { position: absolute; right: 0; top: 0; width: auto; height: 100%; aspect-ratio: 1; background-color: #fff; } .header__logo .logo-fssr__pic { max-width: 56px; } .header .bx_horizontal_menu_advaced .bx_hma_one_lvl { float: none; } .header .bx_horizontal_menu_advaced ul { gap: 10px 10px; } @media (max-width: 1400px) { .header__nav { padding-right: 50px; } .header .bx_horizontal_menu_advaced { padding-right: 50px; } } @media (max-width: 1180px) { .header .menu-main { display: grid; grid-template-columns: repeat(5, -webkit-min-content); grid-template-columns: repeat(5, min-content); grid-template-rows: auto; } .header .bx_horizontal_menu_advaced ul { display: grid; grid-template-columns: repeat(5, -webkit-min-content); grid-template-columns: repeat(5, min-content); grid-template-rows: auto; } } @media (max-width: 900px) { .header__nav { display: none; } .header .bx_horizontal_menu_advaced { display: none; } .header__btn-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 74px; } } @media (max-width: 767px) { .header { padding: 5px 0; height: 58px; } .header__container { min-height: 42px; } .header .logo-fssr { gap: 0 15px; } .header__logo .logo-fssr__pic { max-width: 42px; } .header .logo-fssr__label-big { font-size: 12px; } .header .logo-fssr__label-small { font-size: 10px; } } @media (max-width: 460px) { .header { padding: 3px 0; height: 53px; } .header .logo-fssr__text { display: none; } .header__container { grid-template-columns: 45px 1fr; } .header__btn-menu { padding-right: 54px; } } .footer { background-color: #323b5c; background-color: var(--color-koamaru); padding: 44px 0 30px 0; } .footer__row1 { display: grid; grid-template-columns: 400px 1fr; grid-template-rows: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 50px 0; gap: 50px 0; margin: 0 0 25px 0; } .footer__row2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 19px 0; } .footer__copyright { border-top: 1px rgba(255, 255, 255, 0.1) solid; padding-top: 18px; font-size: 12px; color: rgba(255, 255, 255, 0.2); } .footer__copyright-inner { max-width: 360px; } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 28px 28px; } .footer__social-label { font-size: 12px; color: rgba(255, 255, 255, 1); } .footer__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 10px; } .footer__nav .bx_horizontal_menu_advaced ul { flex-wrap: wrap; gap: 10px 10px; } .footer__nav .bx_horizontal_menu_advaced .bx_hma_one_lvl { float: none; } @media (max-width: 1280px) { .footer__nav .bx_horizontal_menu_advaced ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px 15px; } .footer .menu-main { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px 15px; } } @media (max-width: 900px) { .footer__row1 { grid-template-columns: 300px 1fr; } .footer__social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px 0; } .footer__social .social { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__social-label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; width: 100%; } } @media (max-width: 767px) { .footer { padding-top: 30px; } .footer__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px 0; } .footer .menu-main { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__nav .bx_horizontal_menu_advaced ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__row1 { display: block; } .footer__copyright { text-align: center; } .footer__copyright-inner { margin-left: auto; margin-right: auto; } } @media (max-width: 700px) { .footer__row2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__social { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__social-label { text-align: center; } .footer__bar { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 20px 0; } } @media (max-width: 400px) { .footer__bar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .footer__bar .btn-flat { width: 100%; max-width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; } } .menu-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 10px; } .menu-main__item { font-size: 12px; font-weight: 500; text-transform: uppercase; color: #fff; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 100ms; transition-duration: 100ms; } .menu-main__item:hover { color: #ff284f; color: var(--color-red); } .big-links { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; margin: 0 0 90px 0; } @media (max-width: 1280px) { .big-links { margin: 0 0 70px 0; } } @media (max-width: 1000px) { .big-links { margin: 0 0 50px 0; } } @media (max-width: 767px) { .big-links { margin: 0 0 30px 0; } } .big-links__item { width: 100%; aspect-ratio: 720/430; max-height: 430px; min-height: 150px; position: relative; -webkit-text-decoration: none; text-decoration: none; overflow: hidden; } .big-links__item::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(48, 56, 126, 0.2); -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 150ms; transition-duration: 150ms; } @media (max-width: 767px) { .big-links__item::after { background-color: rgba(48, 56, 126, 0.5); } } .big-links__item:hover::after { background-color: rgba(48, 56, 126, 0.7); } .big-links__item:hover .big-links__icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff; } .big-links__item:hover .big-links__photo { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-filter: blur(4px); filter: blur(4px); } .big-links__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0 20px; z-index: 1; left: 0; width: 100%; height: 100%; position: absolute; padding: 6% 10%; } @media (max-width: 640px) { .big-links__content { padding-right: 10px; padding-left: 40px; padding-left: var(--container-padding); gap: 0 10px; } } .big-links__photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-property: "transform", "transform"; transition-property: "transform", "transform"; transition-property: "transform"; -webkit-transition-duration: 150ms; transition-duration: 150ms; } .big-links__icon { color: #ff284f; color: var(--color-red); font-size: 63px; z-index: 1; position: relative; top: 0.15em; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "transform, color"; transition-property: "transform, color"; -webkit-transition-duration: 150ms; transition-duration: 150ms; } @media (max-width: 1400px) { .big-links__icon { font-size: max(20px, min(5vw, 63px)); } } .big-links__name { font-size: 80px; font-weight: 700; line-height: 1; letter-spacing: -0.045em; text-transform: uppercase; color: #fff; } @media (max-width: 1400px) { .big-links__name { font-size: max(24px, min(7vw, 80px)); } } .mp-intro { position: relative; width: 100%; aspect-ratio: 1440/840; /*max-height: 840px;*/ min-height: 400px; height: calc(100vh - 75px); background-color: #323b5c; background-color: var(--color-koamaru); margin: 0 0 100px 0; } /* @media (max-width: 1440px) { .mp-intro { aspect-ratio: 1440/700; } } @media (max-width: 1366px) { .mp-intro { aspect-ratio: 1440/600; } } */ @media (max-width: 1280px) { .mp-intro { margin: 0 0 80px 0; } } @media (max-width: 1000px) { .mp-intro { margin: 0 0 45px 0; } } @media (max-width: 767px) { .mp-intro { margin: 0 0 20px 0; height: calc(100vh - 58px); } } @media (max-width: 550px) { .mp-intro { height: 400px; } } .mp-intro__container { height: 100%; position: relative; z-index: 1; padding-top: 17.26%; padding-top: 4.88%; padding-bottom: 4.88%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1440px) { .mp-intro__container { padding-top: 13%; padding-bottom: 4.88%; } } @media (max-width: 1366px) { .mp-intro__container { padding-top: 5%; padding-bottom: 4.88%; } } @media (max-width: 1000px) { .mp-intro__container { padding-top: 75px; padding-bottom: 41px; } } .mp-intro__btn-play { width: 100px; height: 100px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); border: 1px rgba(255, 255, 255, 0.5) solid; cursor: pointer; margin-bottom: 49px; color: #fff; font-size: 26px; 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-left: 4px; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "background-color, transform"; transition-property: "background-color, transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; position: relative; } @media (max-width: 1000px) { .mp-intro__btn-play { margin-bottom: 25px; width: 60px; height: 60px; font-size: 15px; } } .mp-intro__btn-play-label1 { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0) scale(0.7, 0.8); transform: translate(-50%, 0) scale(0.7, 0.8); opacity: 0; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "opacity, transform"; transition-property: "opacity, transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; } @media (max-width: 1000px) { .mp-intro__btn-play-label1 { display: none; } } .mp-intro__btn-play-label2 { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0) scale(0.7, 0.7); transform: translate(-50%, 0) scale(0.7, 0.7); opacity: 0; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "opacity, transform"; transition-property: "opacity, transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; } @media (max-width: 1000px) { .mp-intro__btn-play-label2 { display: none; } } .mp-intro__btn-play:hover { background-color: rgba(255, 40, 79, 0.2); -webkit-transform: scale(1.05); transform: scale(1.05); } .mp-intro__btn-play:hover .mp-intro__btn-play-label1 { -webkit-transform: translate(-50%, -70%) scale(1, 1); transform: translate(-50%, -70%) scale(1, 1); opacity: 1; } .mp-intro__btn-play:hover .mp-intro__btn-play-label2 { -webkit-transform: translate(-50%, 85%) scale(1, 1); transform: translate(-50%, 85%) scale(1, 1); opacity: 1; } .mp-intro__title { font-size: 90px; line-height: 0.9; letter-spacing: -0.07em; color: #fff; max-width: 79%; margin-bottom: 0.16em; } .mp-intro__title::before { content: ""; width: 30%; max-width: 256px; border-top: 12px #fff solid; display: block; margin: 0 0 25px 0; } @media (max-width: 1000px) { .mp-intro__title::before { border-top: 6px #fff solid; } } @media (max-width: 640px) { .mp-intro__title::before { border-top: 3px #fff solid; } } @media (max-width: 1280px) { .mp-intro__title { font-size: max(26px, min(7vw, 90px)); } } @media (max-width: 640px) { .mp-intro__title { max-width: calc(100% - 60px); } } .mp-intro__subtitle { font-size: 30px; line-height: 1; font-weight: 300; color: #fff; } @media (max-width: 1280px) { .mp-intro__subtitle { font-size: max(18px, min(2.5vw, 30px)); } } .mp-intro__photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mp-intro__buttons { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; } @media (max-width: 375px) { .mp-intro__buttons { width: 100%; } } .mp-intro__buttons .btn-flat { font-weight: 500; } .mp-intro__buttons .btn-flat_red:hover { background-color: #fff; } @media (max-width: 375px) { .mp-intro__buttons .btn-flat { width: 50%; } } .mp-intro__inner { width: 100%; } .sidefloat { position: absolute; right: 0; top: 40%; z-index: 6; background-color: #fff; -webkit-transform: translateY(-45%); transform: translateY(-45%); } .sidefloat__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 70px; height: 70px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(0, 64, 129, 0.2); border: 1px #f8f8f8 solid; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } @media (max-width: 1000px) { .sidefloat__item { width: 40px; height: 40px; } } .sidefloat__item-social { font-size: 19px; } @media (max-width: 1000px) { .sidefloat__item-social { font-size: 15px; } } .sidefloat__item-social.ico-youtube { font-size: 15px; } @media (max-width: 1000px) { .sidefloat__item-social.ico-youtube { font-size: 11px; } } .sidefloat__item-broadcast { font-size: 14px; font-weight: 700; position: relative; color: rgba(0, 64, 129, 0.3); } @media (max-width: 1000px) { .sidefloat__item-broadcast { font-size: 10px; } } .sidefloat__item-broadcast_active::after { content: ""; position: absolute; top: 9px; right: 9px; width: 8px; height: 8px; border: 1px #ff284f solid; border: 1px var(--color-red) solid; border-radius: 50%; } @media (max-width: 1000px) { .sidefloat__item-broadcast_active::after { top: 3px; right: 3px; } } .sidefloat__item:hover { color: rgb(0, 64, 129); } .sidefloat__item:hover.sidefloat__item-broadcast_active::after { background-color: #ff284f; background-color: var(--color-red); -webkit-box-shadow: 0px 0px 8px rgba(255, 40, 79, 0.54); box-shadow: 0px 0px 8px rgba(255, 40, 79, 0.54); } .heading-decor { position: absolute; top: 0; right: -1%; font-size: 170px; font-weight: 800; line-height: 0.88; letter-spacing: -0.08em; color: #fff; pointer-events: none; opacity: 0.1; } @media (max-width: 1280px) { .heading-decor { font-size: max(30px, min(13vw, 170px)); } } @media (max-width: 1000px) { .heading-decor { display: none; } } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 17px; padding: 64px 0; } @media (max-width: 1280px) { .breadcrumbs { padding: 48px 0; } } @media (max-width: 1000px) { .breadcrumbs { padding: 30px 0; } } @media (max-width: 767px) { .breadcrumbs { gap: 9px; padding: 32px 0; } } @media (max-width: 460px) { .breadcrumbs { padding: 20px 0; } } .breadcrumbs__item { font-weight: 400; font-size: 16px; line-height: 1.25; color: rgba(0, 65, 129, 0.5); } @media (max-width: 767px) { .breadcrumbs__item { font-size: 14px; } } @media (max-width: 460px) { .breadcrumbs__item { font-size: 12px; } } .breadcrumbs__item:not(.breadcrumbs__item_active) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 17px; } @media (max-width: 500px) { .breadcrumbs__item:not(.breadcrumbs__item_active) { gap: 9px; } } .breadcrumbs__item:not(.breadcrumbs__item_active) .ico-chevron-bold { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item:not(.breadcrumbs__item_active) .ico-chevron-bold::before { font-size: 8px; color: #004081; color: var(--color-blue); } .breadcrumbs__item_active { color: #004081; color: var(--color-blue); } .breadcrumbs__link { color: inherit; } .title-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .title-row__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px 54px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .title-row__links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .title-row__link { font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #004081; color: var(--color-blue); border: 2px solid transparent; padding: 6px 10px; display: inline-block; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .title-row__link_active { color: #ff284f; color: var(--color-red); border-color: #ff284f; border-color: var(--color-red); } .title-row__link .ico-photo { font-size: 14px; } .title-row__link .ico-video { font-size: 14px; } .h1-page { font-weight: 700; font-size: 40px; line-height: 1.275; text-transform: uppercase; color: rgba(0, 65, 129, 0.5); } @media (max-width: 500px) { .h1-page { font-size: 34px; } } .h2-page { font-weight: 700; font-size: 30px; line-height: 1.27; text-transform: uppercase; color: #004081; color: var(--color-blue); } @media (max-width: 500px) { .h2-page { font-size: 25px; } } .regular-text { font-weight: 400; font-size: 16px; line-height: 1.25; color: #232428; color: var(--color-dark-blue); } .regular-text p { margin-bottom: 10px; } .page-block { padding: 0 0 164px; } @media (max-width: 500px) { .page-block { padding: 0 0 82px; } } .page-block .title-row { margin: 0 0 54px; } @media (max-width: 991px) { .page-block .title-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 500px) { .page-block .title-row { margin: 0 0 27px; } } .page-block__row { display: grid; grid-template-columns: 1fr minmax(305px, 20%); grid-gap: 82px; gap: 82px; } @media (max-width: 991px) { .page-block__row { gap: 41px; } } @media (max-width: 767px) { .page-block__row { grid-template-columns: 1fr; } } .filters-keeper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .filters-keeper { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .filters-keeper .custom-select { width: 250px; } @media (max-width: 640px) { .filters-keeper .custom-select { width: 100%; } } .table-block { overflow-x: auto; } .table { width: 100%; border-spacing: 0; } .table-body { vertical-align: baseline; } .table td { padding-top: 30px; padding-bottom: 30px; } .table tr { position: relative; } .table tr::after { content: ""; position: absolute; width: 100%; height: 1px; border-radius: 3px; left: 0; bottom: 0; background: rgba(0, 64, 129, 0.3); } .table tr.active::after { opacity: 0; } .table tr.active .table-data_title { color: #ff284f; color: var(--color-red); } .table-data { text-align: left; color: #232428; color: var(--color-dark-blue); font-size: 16px; line-height: 1.25; text-transform: uppercase; } .table-data_sport { font-weight: 700; min-width: 183px; } .table-data_title { min-width: 387px; padding-right: 20px; } @media (max-width: 767px) { .table-data_title { min-width: 300px; } } .table-data_date { min-width: 203px; } .table-data_date-title { display: none; font-size: 16px; color: var(--color-dark-blue); line-height: 1.75; text-transform: uppercase; font-weight: 700; } .table-data_type { min-width: 102px; } .table-data_location { min-width: 305px; } .table-data_person { min-width: 203px; } .table-data_large { font-weight: 700; font-size: 20px; line-height: 1.33; } .table-data_small { font-size: 14px; line-height: 1.28; } .table-data_lower-case { text-transform: none; text-transform: initial; } .table-data_blue { color: #004081; color: var(--color-blue); } .table-data_red { color: #ff284f; color: var(--color-red); } .table-data_orange { color: #f2994a; color: var(--color-orange); } .table th { padding: 0 0 22px; font-weight: 700; position: relative; } .table th .tip { border-radius: 50%; background: rgba(0, 65, 129, 0.2); width: 16px; height: 16px; 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; font-weight: 400; font-size: 11px; line-height: 1.27; color: #232428; color: var(--color-dark-blue); position: absolute; left: 38px; top: 1px; cursor: pointer; } .table-dblock { display: block; } .table-dblock * { display: block; } .table-dblock .table-head { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .table-dblock .table-head { display: none; } } .table-dblock tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } @media (max-width: 767px) { .table-dblock tr { -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; gap: 30px; padding-bottom: 30px; } } .table-dblock tr:not(.table-dblock tr:last-child) { margin: 0 0 30px; } @media (max-width: 767px) { .table-dblock .table-data { padding: 0; } } .table-dblock .table-data_sm { font-weight: 700; text-transform: uppercase; color: #232428; color: var(--color-dark-blue); display: none; } @media (max-width: 767px) { .table-dblock .table-data_sm { display: block; margin: 0 0 10px; } } .border-card { background: #ffffff; border: 1px solid rgba(0, 64, 129, 0.3); border-radius: 10px; } .heading-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .heading-cols .swiper-navigation { min-height: 51px; } @media (max-width: 1280px) { .heading-cols .swiper-navigation { min-height: 45px; } } @media (max-width: 1000px) { .heading-cols .swiper-navigation { min-height: 40px; } } .swiper { width: 100%; } .swiper-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 35px; } .swiper-slide { height: auto; } .swiper-nav { width: 24px; height: 24px; font-size: 20px; color: #004081; color: var(--color-blue); cursor: pointer; 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; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "opacity, color, transform"; transition-property: "opacity, color, transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .swiper-nav:not(.swiper-nav_disabled):hover { color: #ff284f; color: var(--color-red); } .swiper-nav_prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .swiper-nav_prev:not(.swiper-nav_disabled):hover { -webkit-transform: translateX(-10%) rotate(180deg); transform: translateX(-10%) rotate(180deg); } .swiper-nav_next:not(.swiper-nav_disabled):hover { -webkit-transform: translateX(10%); transform: translateX(10%); } .swiper-nav_disabled { opacity: 0.3; cursor: default; } .event-card { background-color: #e2f1ff; border-radius: 8px; 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: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px 0; padding: 38px; min-height: 386px; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "background-color, box-shadow"; transition-property: "background-color, box-shadow"; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .event-card:hover { background-color: #fff; -webkit-box-shadow: 0px 40px 40px -10px rgba(50, 59, 92, 0.25); box-shadow: 0px 40px 40px -10px rgba(50, 59, 92, 0.25); } @media (max-width: 1100px) { .event-card { padding: 28px; } } @media (max-width: 640px) { .event-card { min-height: 320px; } } .event-card__bottom { 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: end; -ms-flex-pack: end; justify-content: flex-end; } .event-card__type { font-size: 14px; font-weight: 700; line-height: 1.25; text-transform: uppercase; } .event-card__date { font-size: 16px; font-weight: 700; line-height: 1.25; text-transform: uppercase; color: #004081; color: var(--color-blue); } .event-card__location { font-size: 26px; font-weight: 300; line-height: 1.272; text-transform: uppercase; color: #004081; color: var(--color-blue); margin: 0 0 45px 0; max-height: 100px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } @media (max-width: 1100px) { .event-card__location { font-size: 24px; margin: 0 0 40px 0; } } @media (max-width: 767px) { .event-card__location { font-size: 22px; margin: 0 0 35px 0; } } .event-card__name { font-size: 16px; font-weight: 500; line-height: 1.25; text-transform: uppercase; color: #004081; color: var(--color-blue); min-height: 60px; max-height: 60px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .event-card__name a { color: #004081; color: var(--color-blue); } .event-card__name a::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .event-card__type { margin: 0 0 14px; } .event-card__type_red { color: #ff284f; color: var(--color-red); } .event-card__type_orange { color: #f2994a; color: var(--color-orange); } .event-card__icon { position: absolute; right: 41px; top: 37px; color: #004081; color: var(--color-blue); } @media (max-width: 991px) { .event-card__icon { right: 20px; top: 20px; } } .event-card__icon.ico-luge, .event-card__icon .ico-luge { font-size: 18px; } .event-card__icon.ico-luge-couple, .event-card__icon .ico-luge-couple { font-size: 23px; } .event-card__icon.ico-luge-fly, .event-card__icon .ico-luge-fly { font-size: 23px; } .sportsman-card { position: relative; } .sportsman-card__top { width: 100%; position: relative; aspect-ratio: 285/344; margin: 0 0 20px 0; overflow: hidden; } .sportsman-card__photo { position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 15px); -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: height; transition-property: height; -webkit-transition-duration: 200ms; transition-duration: 200ms; -o-object-fit: cover; object-fit: cover; border-radius: 5px; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .sportsman-card:hover .sportsman-card__photo { height: 100%; } .sportsman-card__name { font-size: 16px; font-weight: 700; line-height: 1.2; color: #232428; text-transform: uppercase; margin: 0 0 25px 0; } .sportsman-card__name a { color: #232428; } .sportsman-card__name a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sportsman-card__metrics { margin: 0 0 30px 0; } .sportsman-card__type { font-size: 14px; font-weight: 700; line-height: 1.2; color: #232428; text-transform: uppercase; } .sportsman-card__type_red { color: #ff284f; color: var(--color-red); } .sportsman-card__type_orange { color: #f2994a; color: var(--color-orange); } .media-card { width: 100%; } .media-card__play { width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.3); border: 1px rgba(255, 255, 255, 0.5) solid; 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; position: absolute; top: 50%; left: 50%; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 15px; padding: 0 0 0 2px; cursor: pointer; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "background-color, transform"; transition-property: "background-color, transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .media-card__label-live { position: absolute; top: 10px; left: 12px; height: 30px; border-radius: 15px; background-color: #fff; padding: 0 10px 0 24px; 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; font-size: 14px; line-height: 14px; font-weight: 700; text-transform: uppercase; color: #004081; color: var(--color-blue); } .media-card__label-live::before { content: ""; position: absolute; left: 9px; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255, 40, 79, 0.4); -webkit-animation: 750ms linear 0ms infinite alternate label-live-pulsation; animation: 750ms linear 0ms infinite alternate label-live-pulsation; } @-webkit-keyframes label-live-pulsation { from { background-color: rgba(255, 40, 79, 0.4); } to { background-color: rgb(255, 40, 79); -webkit-box-shadow: 0px 0px 8px rgba(255, 40, 79, 0.99); box-shadow: 0px 0px 8px rgba(255, 40, 79, 0.99); } } @keyframes label-live-pulsation { from { background-color: rgba(255, 40, 79, 0.4); } to { background-color: rgb(255, 40, 79); -webkit-box-shadow: 0px 0px 8px rgba(255, 40, 79, 0.99); box-shadow: 0px 0px 8px rgba(255, 40, 79, 0.99); } } .media-card__top { width: 100%; position: relative; aspect-ratio: 1; margin: 0 0 15px 0; overflow: hidden; border-radius: 8px; display: block; } .media-card__photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "transform", "transform"; transition-property: "transform", "transform"; transition-property: "transform"; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .media-card__date { font-size: 12px; letter-spacing: 0.1em; color: rgba(35, 36, 40, 0.5); margin: 0 0 15px 0; min-height: 15px; } .media-card__preview { font-size: 16px; font-weight: 400; line-height: 1.25; -webkit-text-decoration: none; text-decoration: none; color: #232428; z-index: 2; } .media-card__preview a { -webkit-text-decoration: none; text-decoration: none; color: #232428; } .media-card__preview a::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .media-card:hover .media-card__play { background-color: rgba(255, 40, 79, 0.4); } .media-card:hover .media-card__photo { -webkit-transform: scale(1.1); transform: scale(1.1); } .swiper-free.swiper { overflow: visible; } .swiper-free .swiper-slide { width: 285px; } @media (max-width: 767px) { .swiper-free .swiper-slide { width: 250px; } } .swiper-free .swiper-slide.swiper-slide-active .news-card { width: 387px; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 300ms; transition-duration: 300ms; } @media (max-width: 767px) { .swiper-free .swiper-slide.swiper-slide-active .news-card { width: 300px; } } .swiper-free .swiper-slide.swiper-slide-next { margin-left: 102px; } @media (max-width: 767px) { .swiper-free .swiper-slide.swiper-slide-next { margin-left: 50px; } } .swiper-4-1-wrapper { width: 100%; max-width: calc(1200px + 40px); max-width: calc(var(--container-width) + var(--container-padding)); padding-right: 40px; padding-right: var(--container-padding); } .swiper-4-1.swiper { overflow: visible; } .swiper-4-1 .media-card__top { aspect-ratio: 285/200; } .swiper-4-1 .media-card__preview { max-height: 80px; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .swiper-3-1.swiper { overflow: visible; } .swiper-3-1 .swiper-slide { -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .swiper-3-1 .swiper-slide:not(.swiper-slide-visible) { opacity: 0.4; pointer-events: none; } .partners-list { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; } @media (max-width: 767px) { .partners-list { grid-template-columns: repeat(2, 1fr); } } .partners-list__item { 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; } .partners-list__item:not(:last-child)::after { content: ""; width: 1px; height: 102px; border-right: 1px rgba(0, 64, 129, 0.1) solid; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .partners-list__item:not(:last-child)::after { height: 70%; } .partners-list__item:nth-child(2)::after { display: none; } } .partners-list__logo { display: block; max-width: 80%; max-height: 160px; } .partners-item { 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; width: 100%; height: 100%; } .partners .swiper-slide:not(:last-child) .partners-item::after { content: ""; width: 1px; height: 102px; border-right: 1px rgba(0, 64, 129, 0.1) solid; position: absolute; right: -10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .partners-item__logo { display: block; max-width: 80%; max-height: 160px; } .medals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; position: relative; z-index: 20; } .medals .achiev { margin-right: 4px; } .medal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-weight: 700; font-size: 16px; line-height: 1; color: rgba(0, 65, 129, 0.5); cursor: pointer; } .medal__icon { width: 25px; height: 21px; background-repeat: no-repeat; background-size: cover; } .medal_gold .medal__icon { background-image: url(/local/templates/fssr/css/../img/gold-medal.svg); } .medal_silver .medal__icon { background-image: url(/local/templates/fssr/css/../img/silver-medal.svg); } .medal_bronze .medal__icon { background-image: url(/local/templates/fssr/css/../img/bronze-medal.svg); } .achiev { cursor: pointer; } .achiev__icon { display: block; width: 33px; height: 55px; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/fssr/css/../img/cup-icon.png); } .person-card { padding: 30px 25px; text-align: center; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .person-card_photo { padding-left: 15px; padding-right: 15px; } .person-card__image { border-radius: 50%; width: 170px; aspect-ratio: 1/1; overflow: hidden; margin: 0 0 24px; } .person-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .person-card__name { color: #232428; color: var(--color-dark-blue); font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; margin: 0 0 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 500px) { .person-card__name br { display: none; } } .person-card__place { font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -0.08em; color: rgba(35, 36, 40, 0.5); } .person-card1 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; } @media (max-width: 1100px) { .person-card1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .person-card1__info { padding: 25px 20px 26px 30px; -ms-flex-negative: 6; flex-shrink: 6; position: relative; z-index: 1; border-radius: 5px; margin-left: -10px; background: #ffffff; border: 1px solid rgba(0, 64, 129, 0.3); } @media (max-width: 1100px) { .person-card1__info { padding: 30px 20px 26px; margin-left: 0; margin-top: -10px; height: 100%; } } @media (max-width: 500px) { .person-card1__info { height: auto; } } .person-card1__image { width: 285px; min-width: 285px; aspect-ratio: 285/360; overflow: hidden; border-radius: 5px; -ms-flex-negative: 1; flex-shrink: 1; position: relative; z-index: 2; display: block; } @media (max-width: 1100px) { .person-card1__image { width: 100%; aspect-ratio: 285/275; min-width: auto; } } .person-card1__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .person-card1__title { font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #232428; } .person-card1__subtitle { font-size: 14px; line-height: 1.5; color: rgba(35, 36, 40, 0.4); margin: 16px 0 21px; } .fame-page .person-card1__subtitle { margin: 10px 0 20px 0; } .person-card1__accent { font-weight: 700; font-size: 14px; line-height: 1.285; text-transform: uppercase; margin: 0 0 20px; } .person-card1__accent_red { color: #ff284f; color: var(--color-red); } .person-card1__accent_orange { color: #f2994a; color: var(--color-orange); } .person-card1 .medals { margin: 0 0 15px; } .person-card1 .regular-text { max-height: 180px; -webkit-line-clamp: 9; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .doc-card { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 14px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; height: 100%; } .doc-card:hover { color: #ff284f; color: var(--color-red); } .doc-card .ico-pdf { position: relative; padding-left: 41px; height: 29px; } .doc-card .ico-pdf::before { position: absolute; left: 0; top: -4px; color: #ff284f; color: var(--color-red); font-size: 29px; } .information-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: stretch; gap: 82px; } @media (max-width: 991px) { .information-row { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; } } .information-row__image { width: 50.88%; /*aspect-ratio: 610/505;*/ overflow: hidden; border-radius: 8px; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 610px; flex-basis: 610px; } @media (max-width: 991px) { .information-row__image { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } } .information-row__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .information-row__desc { max-width: 508px; position: relative; padding: 0 0 50px; -ms-flex-negative: 3; flex-shrink: 3; } @media (max-width: 991px) { .information-row__desc { max-width: 100%; } } .information-row__desc::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(0, 65, 129, 0.3); border-radius: 3px; } .information-row__subtitle { font-size: 16px; line-height: 1.25; color: rgba(35, 36, 40, 0.5); } .information-col { max-width: 508px; } .information-col_big { max-width: 610px; } @media (max-width: 991px) { .information-col { max-width: 100%; } } .information-image { width: 100%; overflow: hidden; } .information-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .link-card { padding: 34px 44px 33px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; position: relative; height: 100%; } @media (max-width: 1199px) { .link-card { -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; } } @media (max-width: 500px) { .link-card { -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; gap: 15px; padding: 15px; } } .link-card__image { width: 173px; min-width: 173px; height: 110px; } @media (max-width: 500px) { .link-card__image { width: 130px; min-width: auto; } } .link-card__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .link-card__info { font-size: 16px; line-height: 1.5; 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; gap: 26px; } @media (max-width: 1199px) { .link-card__info { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (max-width: 500px) { .link-card__info { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; gap: 13px; font-size: 14px; } } .link-card__title { font-weight: 700; color: #232428; color: var(--color-dark-blue); text-transform: uppercase; } .link-card__link { text-decoration-line: underline; color: #004081; color: var(--color-blue); } .link-card__link::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .table-card { padding: 30px 20px 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; position: relative; } .table-card:last-child { padding-bottom: 0; } @media (max-width: 500px) { .table-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 0; } } .table-card::after, .table-card::before { content: ""; background: rgba(0, 65, 129, 0.3); border-radius: 3px; position: absolute; left: 0; width: 100%; height: 1px; opacity: 0; } .table-card:not(.table-card:last-child)::after { bottom: 0; opacity: 1; } .table-card:first-child::before { top: 0; opacity: 1; } .table-card__col { min-width: 163px; width: 163px; } @media (max-width: 500px) { .table-card__col { width: 100%; } } .table-card__col_long { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .table-card__col_long .regular-text { line-height: 1.5; margin: 20px 0 0; } .table-card__title { font-weight: 700; font-size: 20px; line-height: 1.3; text-transform: uppercase; color: #004081; color: var(--color-blue); } .table-card__tag { margin: 0 0 12px; } .table-card__tag a { font-weight: 700; color: #004081; color: var(--color-blue); } .article__grid { display: grid; grid-template-columns: minmax(400px, 712px) minmax(250px, 407px); grid-gap: 81px; gap: 81px; } @media (max-width: 991px) { .article__grid { gap: 40px; } } @media (max-width: 767px) { .article__grid { grid-template-columns: 1fr; } } @media (max-width: 500px) { .article__grid { gap: 20px; } } .article-title { font-weight: 700; font-size: 30px; line-height: 1.27; text-transform: uppercase; color: #004081; color: var(--color-blue); margin: 0 0 32px; } @media (max-width: 1100px) { .article-title br { display: none; } } @media (max-width: 500px) { .article-title { font-size: 25px; margin: 0 0 16px; } } .article-title_lg { font-size: 40px; } @media (max-width: 500px) { .article-title_lg { font-size: 34px; } } .article-section:not(.article-section:last-child) { margin: 0 0 100px; } @media (max-width: 500px) { .article-section:not(.article-section:last-child) { margin: 0 0 50px; } } .article-section_lonely-img { aspect-ratio: 1200/400; width: 100%; overflow: hidden; } .article-section_lonely-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-section__col { max-width: 508px; -ms-flex-negative: 2; flex-shrink: 2; } @media (max-width: 1100px) { .article-section__col { -ms-flex-negative: initial; flex-shrink: initial; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .article-section__col_big { max-width: 610px; -ms-flex-negative: 1; flex-shrink: 1; } @media (max-width: 1100px) { .article-section__col_big { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .article-section__col_long { max-width: 712px; -ms-flex-negative: 1; flex-shrink: 1; } @media (max-width: 1100px) { .article-section__col_long { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .article-section__col_short { max-width: 407px; } @media (max-width: 1100px) { .article-section__col { max-width: 100%; } } .article-section__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 82px; } @media (max-width: 1100px) { .article-section__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .article-section__row { gap: 41px; } } .article-section__image { width: 100%; overflow: hidden; } .article-section__image_xs { aspect-ratio: 610/342; } .article-section__image_md { aspect-ratio: 610/350; } .article-section__image_lg { aspect-ratio: 610/400; } .article-section__image_long { aspect-ratio: 712/374; } .article-section__image_narrow { aspect-ratio: 508/479; } .article-section__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-section .regular-text { line-height: 1.5; } .article-section .regular-text strong { text-transform: uppercase; } .article-frame { padding: 54px 82px; } @media (max-width: 767px) { .article-frame { padding: 27px 41px; } } .article-frame .article-title { margin: 0; } .article-fill-frame { padding: 59px 54px; background: #004081; background: var(--color-blue); color: #fff; } @media (max-width: 767px) { .article-fill-frame { padding: 29px 27px; } } .article-border { border-radius: 10px; } .article-banner { position: relative; aspect-ratio: 1200/400; overflow: hidden; } @media (max-width: 991px) { .article-banner { aspect-ratio: 1200/800; } } @media (max-width: 767px) { .article-banner { overflow: visible; overflow: initial; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 41px; } } .article-banner__image { overflow: hidden; position: absolute; width: 100%; height: 100%; } @media (max-width: 767px) { .article-banner__image { position: relative; border-radius: 10px; } } .article-banner__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-banner__image::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(48, 56, 126, 0.9)), color-stop(116.9%, rgba(48, 56, 126, 0)) ), -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)) ); background: linear-gradient( 180deg, rgba(48, 56, 126, 0.9) 0%, rgba(48, 56, 126, 0) 116.9% ), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); z-index: 1; } .article-banner__content { position: absolute; left: 82px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 508px; z-index: 2; color: #fff; } @media (max-width: 767px) { .article-banner__content { position: static; position: initial; -webkit-transform: none; transform: none; max-width: 100%; color: #232428; color: var(--color-dark-blue); } } .article-banner__desc { margin: 20px 0 0; font-size: 16px; line-height: 1.5; } @media (max-width: 500px) { .article-banner__desc { margin: 16px 0 0; } } .article-banner .article-title { color: #fff; margin: 0; } @media (max-width: 767px) { .article-banner .article-title { color: #004081; color: var(--color-blue); } } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-size: 13px; line-height: 1.3; } @media (max-width: 359px) { .pagination { font-size: 12px; } } .pagination__control { color: #004081; color: var(--color-blue); -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .pagination__control_disabled { color: rgba(0, 64, 129, 0.5); } .pagination__control:not(.pagination__control_disabled):hover { color: #ff284f; color: var(--color-red); } .pagination__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .pagination__item { width: 32px; height: 32px; 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; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "background-color, border-color"; transition-property: "background-color, border-color"; -webkit-transition-duration: 200ms; transition-duration: 200ms; } @media (max-width: 359px) { .pagination__item { width: 28px; height: 28px; } } .pagination__item a { color: #004081; color: var(--color-blue); width: 100%; height: 100%; 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; } .pagination__item:not(.pagination__item_rest) { background: #ffffff; border: 1px solid rgba(0, 64, 129, 0.2); border-radius: 8px; } .pagination__item_current:not(.pagination__item_current_rest) { background: #004081; background: var(--color-blue); } .pagination__item_current a { color: #fff; } .pagination__item:not(.pagination__item_current):not( .pagination__item_rest ):hover { background-color: rgba(0, 64, 129, 0.2); border-color: transparent; } .controls-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .controls-page__item { font-weight: 700; font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .controls-page__item .ico-chevron-frame { font-size: 20px; } .controls-page__item_back { color: #ff284f; color: var(--color-red); } .controls-page__item_back .ico-chevron-frame { display: block; -webkit-transform: rotate(180deg); transform: rotate(180deg); position: relative; top: -1px; } .controls-page__item_forward { color: #004081; color: var(--color-blue); } .controls-page__item_forward .ico-chevron-frame { position: relative; top: -1px; } .profile { 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; gap: 40px; } .profile-header__top { background: rgba(0, 65, 129, 0.05); min-height: 86px; position: absolute; top: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profile-header__top .container { width: 100%; } .profile-header__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 81px; } @media (max-width: 1200px) { .profile-header__row { gap: 40px; } } @media (max-width: 767px) { .profile-header__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .profile-header__image { width: 407px; min-width: 407px; aspect-ratio: 407/496; border-radius: 5px; overflow: hidden; position: relative; z-index: 1; } @media (max-width: 1200px) { .profile-header__image { width: 300px; min-width: 300px; } } @media (max-width: 767px) { .profile-header__image { width: 100%; min-width: auto; aspect-ratio: 407/380; display: none; } } .profile-header__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .profile-header__image_mobile { display: none; } @media (max-width: 767px) { .profile-header__image_mobile { display: block; } } .profile-header__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .profile-header__title-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 0 12px; gap: 10px; } @media (max-width: 991px) { .profile-header__title-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .profile-header__title-row { padding: 0; } } .profile-header__title-row::after { position: absolute; content: ""; width: 100%; height: 86px; left: 0; top: 0; background: rgba(0, 65, 129, 0.05); pointer-events: none; } @media (max-width: 991px) { .profile-header__title-row::after { height: 162px; } } @media (max-width: 767px) { .profile-header__title-row::after { display: none; } } .profile-title { font-weight: 700; font-size: 30px; line-height: 1.27; text-transform: uppercase; color: #004081; color: var(--color-blue); } @media (max-width: 500px) { .profile-title { font-size: 25px; } } .profile__desc { padding: 25px 0 0; } @media (min-width: 768px) and (max-width: 991px) { .profile__desc { padding: 62px 0 0; } } .profile-data { font-weight: 400; font-size: 16px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } @media (max-width: 500px) { .profile-data { font-size: 14px; } } .profile-data__str { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } @media (max-width: 500px) { .profile-data__str { gap: 8px; } } .profile-data__name { font-weight: 700; } .profile-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profile-tab { width: 50%; font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #004081; color: var(--color-blue); padding: 0 0 14px; text-align: left; position: relative; cursor: pointer; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .profile-tab::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; background: rgba(0, 65, 129, 0.3); border-radius: 10px; left: -1px; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .profile-tab.active { color: #ff284f; color: var(--color-red); } .profile-tab.active::after { background: #ff284f; background: var(--color-red); } .profile-tab:hover { color: #ff284f; color: var(--color-red); } .profile-tab:hover::after { background: #ff284f; background: var(--color-red); } .profile__content { padding-top: 32px; display: none; } .profile__content.active { display: block; } .profile__content .regular-text { line-height: 1.5; } .profile-interview { padding: 54px 0 0; } @media (max-width: 500px) { .profile-interview { padding: 27px 0 0; } } .profile-interview__title { text-transform: uppercase; margin: 0 0 16px; display: inline-block; } .profile-interview__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; padding: 16px 0; position: relative; } @media (max-width: 500px) { .profile-interview__item { gap: 5px; padding: 10px 0; } } .profile-interview__item::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: rgba(0, 65, 129, 0.3); border-radius: 3px; } .profile-interview__item:last-child { padding-bottom: 0; } .profile-interview__item:last-child::after { opacity: 0; } .metrics { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; background: #f2f2f2; overflow: hidden; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .metrics__item { padding: 10px; font-size: 14px; line-height: 1.285; color: #232428; color: var(--color-dark-blue); } .metrics__item_blue { background: #004081; background: var(--color-blue); color: #fff; } .article1__time { margin: 0 0 16px; font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(35, 36, 40, 0.5); display: inline-block; } @media (max-width: 500px) { .article1__time { margin: 0 0 10px; } } .article1__title { font-weight: 700; font-size: 30px; line-height: 1.26; text-transform: uppercase; color: #004081; color: var(--color-blue); margin: 0 0 32px; } @media (max-width: 500px) { .article1__title { font-size: 25px; margin: 0 0 16px; } } .article1__image { max-width: 100%; aspect-ratio: 813/400; overflow: hidden; } .article1__image img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .article1 img { max-width: 100%; } .article1 .regular-text { line-height: 1.5; margin: 32px 0; } @media (max-width: 500px) { .article1 .regular-text { margin: 16px 0; font-size: 14px; } } .article1__links { padding: 22px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 30px; } @media (max-width: 500px) { .article1__links { padding: 11px 0 0; } } .article1 .btn { max-width: 279px; } .switch-row { display: grid; grid-template-columns: minmax(285px, 20%) 1fr; grid-gap: 20px; gap: 20px; } .switch-row.show_mobile { display: none; } @media (max-width: 767px) { .switch-row { grid-template-columns: 1fr; } } @media (max-width: 551px) { .switch-row.show_mobile { display: grid; } .switch-row.show_desktop { display: none; } } .sidebar__title { font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #232428; color: var(--color-dark-blue); } .aside-list.hide { display: none; } .aside-list .main-content__item { padding: 10px 0; } .aside-link { font-size: 16px; line-height: 1.2; color: #232428; color: var(--color-dark-blue); cursor: pointer; background: transparent; position: relative; } .aside-link span { display: inline-block; padding: 15px 30px; } .aside-link::before { content: ""; position: absolute; left: 0; height: 100%; background: #ff284f; background: var(--color-red); border-radius: 10px; width: 5px; opacity: 0; } .aside-link.active { background: #f6f6f6; } .aside-link.active::before { opacity: 1; } .main-content__item { display: none; } .main-content__item.active { display: block; } .main-content__title { font-weight: 700; font-size: 16px; line-height: 1.5; text-transform: uppercase; color: #232428; color: var(--color-dark-blue); margin: 0 0 32px; } .main-content__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .main-content__list li { position: relative; max-width: 285px; font-size: 16px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); padding: 0 0 0 18px; } @media (max-width: 991px) { .main-content__list li { max-width: 100%; } } .main-content__list li::before { content: ""; position: absolute; left: 0; top: 7px; background: #004081; width: 8px; height: 8px; border-radius: 50%; } .other-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; position: relative; padding-bottom: 16px; } .other-link::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0, 65, 129, 0.3); border-radius: 3px; } .other-link__title { font-weight: 700; font-size: 16px; line-height: 1.25; color: #232428; color: var(--color-dark-blue); -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .other-link__small { font-size: 12px; line-height: 1.25; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(35, 36, 40, 0.5); } .other-link:hover .other-link__title { color: #ff284f; color: var(--color-red); } .news-card { width: 100%; height: 100%; position: relative; } .news-card__top { width: 100%; position: relative; aspect-ratio: 1/1.05; margin: 0 0 15px 0; overflow: hidden; border-radius: 8px; } .news-card__photo { position: absolute; left: 0; bottom: 0; width: 100%; height: 95%; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 300ms; transition-duration: 300ms; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } .news-card__date { font-size: 12px; letter-spacing: 0.1em; color: rgba(35, 36, 40, 0.5); margin: 0 0 15px 0; } @media (max-width: 500px) { .news-card__date { margin: 0 0 10px; } } .news-card__preview { font-size: 16px; font-weight: 400; line-height: 1.25; text-decoration: none; color: #232428; color: var(--color-dark-blue); z-index: 2; margin: 0 0 20px; max-width: 213px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; height: 60px; } @media (max-width: 500px) { .news-card__preview { max-width: 100%; margin: 0 0 10px; } } .news-card__preview a { -webkit-text-decoration: none; text-decoration: none; color: #232428; color: var(--color-dark-blue); } .news-card__preview a::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .news-card__link { font-weight: 700; font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; color: #004081; color: var(--color-blue); -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .news-card:hover .news-card__link { color: #ff284f; color: var(--color-red); } .swiper-slide:not(.swiper-slide-active) .news-card:hover .news-card__photo { height: 100%; } .media-head { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 82px; } @media (max-width: 991px) { .media-head { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; } } .media-head .media-card__top { aspect-ratio: 610/420; margin: 0; width: 50.88%; -ms-flex-negative: 1; flex-shrink: 1; } @media (max-width: 991px) { .media-head .media-card__top { width: 100%; } } .media-head__desc { max-width: 508px; 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; padding: 0 0 14px; position: relative; -ms-flex-negative: 5; flex-shrink: 5; } @media (max-width: 991px) { .media-head__desc { max-width: 100%; } } .media-head__desc::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; background: rgba(0, 65, 129, 0.3); border-radius: 3px; } .media-head__subtitle { font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(35, 36, 40, 0.5); margin: 16px 0 0; } .media-head .regular-text { margin: 30px 0 0; line-height: 1.56; } @media (max-width: 991px) { .media-head .regular-text { margin: 15px 0 0; } } .media-head .view-block { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .view-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: rgba(0, 65, 129, 0.5); } .info-list { counter-reset: infolist; } .info-card { background: #004081; background: var(--color-blue); border-radius: 10px; padding: 50px 40px 50px 82px; height: 100%; position: relative; } @media (max-width: 767px) { .info-card { padding: 25px 20px 25px 42px; } } .info-card__content { font-weight: 700; font-size: 16px; line-height: 1.5; color: #ffffff; } .info-card::before { content: counter(infolist); counter-increment: infolist; position: absolute; left: 25px; top: 20px; font-weight: 700; font-size: 40px; line-height: 1.275; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } @media (max-width: 767px) { .info-card::before { left: 9px; top: 5px; font-size: 25px; } } .info-card1 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; } @media (max-width: 991px) { .info-card1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .info-card1__info { padding: 20px 20px 30px 30px; position: relative; z-index: 1; margin-left: -10px; background: #ffffff; border: 1px solid rgba(0, 64, 129, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0 8px 8px 0; } @media (max-width: 991px) { .info-card1__info { margin-left: 0; margin-top: -10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; border-radius: 0 0 8px 8px; } } @media (max-width: 500px) { .info-card1__info { padding: 30px 15px; } } .info-card1__info .regular-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 367px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; margin: 0 0 25px; } .info-card1__image { width: 183px; min-width: 183px; aspect-ratio: 1; overflow: hidden; border-radius: 8px; position: relative; z-index: 2; display: block; } @media (max-width: 991px) { .info-card1__image { width: 100%; min-width: auto; } } .info-card1__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .info-card1__subtitle { font-size: 12px; line-height: 1.25; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(35, 36, 40, 0.5); margin: 0 0 15px; } .info-card1__link { font-weight: 700; font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; color: #004081; color: var(--color-blue); } .info-card1__link::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .card-contact { 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; min-height: 156px; padding: 50px 10px; } .contacts-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .contacts-block__title { font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #232428; color: var(--color-dark-blue); margin: 0 0 4px; } .contact-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.25; color: #232428; color: var(--color-dark-blue); } .contact-item i { color: #ff284f; color: var(--color-red); } .contact-item .ico-mail { font-size: 12px; position: relative; top: 4px; } .contact-item .ico-location { font-size: 17px; } .website-item { font-size: 16px; line-height: 1.25; font-weight: 700; } .website-item a { font-weight: 400; -webkit-text-decoration: underline; text-decoration: underline; color: #004081; color: var(--color-blue); } @media (max-width: 460px) { .website-item { font-size: 14px; } } .filter-menu__title { font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #004081; color: var(--color-blue); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin: 0 0 20px; cursor: pointer; } .filter-menu__title .ico-chevron-bold { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 12px; color: #004081; color: var(--color-blue); } .modal { display: none; } .modal.open { display: block; } .modal-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(35, 36, 40, 0.8); z-index: 99; } .modal__inner { 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; height: 100%; width: 100%; } .modal__content { background: #ffffff; border-radius: 10px; padding: 40px 30px; position: relative; width: max(25%, min(426px, 90%)); max-height: 80vh; overflow-y: auto; } .modal__close { cursor: pointer; position: absolute; top: 25px; right: 25px; } .modal__close .ico-close { color: #004081; color: var(--color-blue); font-size: 15px; } .modal__header { margin: 0 0 30px; } .modal__header .medal { margin: 14px 0 0; } .modal__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; font-weight: 700; font-size: 24px; line-height: 1.3; text-transform: uppercase; color: #004081; color: var(--color-blue); } .medal-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .medal-item { position: relative; padding: 0 14px 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; } .medal-item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(0, 65, 129, 0.3); border-radius: 3px; } .medal-item__col:first-of-type { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .medal-item__col .medal { padding: 0 0 15px; } .medal-item__title { font-weight: 500; font-size: 16px; line-height: 1.25; color: #004081; color: var(--color-blue); } .medal-item__desc { font-size: 14px; line-height: 1.285; color: #232428; color: var(--color-dark-blue); margin: 8px 0 0; } .contacts-grid { display: grid; grid-template-columns: minmax(200px, 510px) minmax(300px, 590px); grid-gap: 100px; gap: 100px; } @media (max-width: 767px) { .contacts-grid { grid-template-columns: 1fr; gap: 40px; } } .contacts-grid__col { padding: 9.2% 0; } @media (max-width: 767px) { .contacts-grid__col:first-child { padding: 0; } } .contacts-grid__col:nth-child(2) { padding-left: 13.9%; padding-right: 13.9%; background: #ffffff; border: 1px solid rgba(0, 64, 129, 0.3); border-radius: 10px; } @media (max-width: 500px) { .contacts-grid__col:nth-child(2) { padding: 30px; } } .map-container { border-radius: 10px; aspect-ratio: 1200/460; overflow: hidden; } @media (max-width: 767px) { .map-container { aspect-ratio: 1; } } .map-container iframe { width: 100%; height: 100%; border: none; } .regional-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; padding: 29px 82px 29px 30px; } @media (max-width: 991px) { .regional-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 500px) { .regional-card { padding-right: 30px; } } .regional-card__small { min-width: 123px; width: 123px; } @media (max-width: 500px) { .regional-card__small { width: 123px; min-width: auto; } } .regional-card__main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: grid; grid-template-columns: minmax(20%, 325px) 1fr 1fr; grid-gap: 82px; gap: 82px; } @media (max-width: 991px) { .regional-card__main { gap: 22px; } } @media (max-width: 767px) { .regional-card__main { grid-template-columns: 1fr; } } .regional-card__image { width: 100%; aspect-ratio: 123/102; } .regional-card__image img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; display: block; } .regional-card__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .regional-card__link { text-decoration-line: underline; color: #004081; font-size: 16px; line-height: 1.25; } .regional-card1 { padding-bottom: 30px; position: relative; } .regional-card1::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0, 65, 129, 0.3); } .regional-card1__title { font-weight: 500; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #004081; color: var(--color-blue); margin: 0 0 32px; } @media (max-width: 500px) { .regional-card1__title { margin: 0 0 16px; } } .events-banner { width: 100%; position: relative; aspect-ratio: 1200/560; padding: 82px; padding: var(--padding-banner); } @media (max-width: 767px) { .events-banner { aspect-ratio: initial; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 30px; } } .events-banner__image { border-radius: 10px; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .events-banner__image::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient( linear, left top, left bottom, from(rgba(48, 56, 126, 0.9)), color-stop(133.5%, rgba(48, 56, 126, 0)) ), -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)) ); background: linear-gradient( 180deg, rgba(48, 56, 126, 0.9) 0%, rgba(48, 56, 126, 0) 133.5% ), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); z-index: 2; } .events-banner__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1; } @media (max-width: 767px) { .events-banner__image { aspect-ratio: 1200/560; position: relative; top: auto; left: auto; height: auto; } } .events-banner__content { position: absolute; width: calc(100% - 82px * 2); width: calc(100% - var(--padding-banner) * 2); height: calc(100% - 82px * 2); height: calc(100% - var(--padding-banner) * 2); z-index: 3; color: #fff; 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; gap: 20px; } @media (max-width: 767px) { .events-banner__content { position: static; position: initial; color: #232428; color: var(--color-dark-blue); width: 100%; height: auto; } } .events-banner__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; margin: 0 0 64px; font-weight: 700; text-transform: uppercase; } @media (max-width: 991px) { .events-banner__row { margin: 0 0 32px; } } @media (max-width: 500px) { .events-banner__row { margin: 0 0 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-banner__date { font-size: 25px; line-height: 1; } @media (max-width: 991px) { .events-banner__date { font-size: 22px; } } @media (max-width: 500px) { .events-banner__date { font-size: 19px; } } .events-banner__type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 21px; font-size: 16px; line-height: 1.25; } .events-banner__title { font-weight: 700; font-size: 35px; line-height: 1; max-width: 701px; } @media (max-width: 991px) { .events-banner__title { font-size: 30px; } } @media (max-width: 500px) { .events-banner__title { font-size: 25px; } } .events-banner__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; font-weight: 300; font-size: 22px; line-height: 1.27; text-transform: uppercase; } @media (max-width: 991px) { .events-banner__bottom { font-size: 20px; } } @media (max-width: 500px) { .events-banner__bottom { font-size: 18px; } } .events-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } @media (max-width: 500px) { .events-info { gap: 16px; } } .events-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } @media (max-width: 500px) { .events-info__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } } .events-info ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } @media (max-width: 500px) { .events-info ul { gap: 10px; } } .events-info li { position: relative; padding-left: 18px; } .events-info li::before { content: ""; position: absolute; left: 0; top: 4px; background: #004081; width: 8px; height: 8px; border-radius: 50%; } .tippy-box[data-theme="fssr"] { background-color: #fff; color: #004081; color: var(--color-blue); font-family: "Onest"; font-size: 13px; line-height: 1.25; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px; } .tippy-box[data-theme="fssr"] .tippy-arrow { color: #fff; } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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: 8px; min-height: 60px; padding: 10px 30px; font-size: 14px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .btn_red { background-color: #ff284f; background-color: var(--color-red); color: #fff; } .btn .ico-chevron-frame { font-size: 19px; margin-left: 24px; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 100ms; transition-duration: 100ms; } @media (max-width: 767px) { .btn .ico-chevron-frame { font-size: 17px; margin-left: 12px; } } .btn:hover .ico-chevron-frame { -webkit-transform: translateX(2px); transform: translateX(2px); } @media (max-width: 767px) { .btn { min-height: 50px; padding: 5px 20px; font-size: 12px; } } .btn-flat { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 41px; padding: 5px 13px; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: "background-color, color"; transition-property: "background-color, color"; -webkit-transition-duration: 300ms; transition-duration: 300ms; text-align: center; } .btn-flat_red { background-color: #ff284f; background-color: var(--color-red); color: #fff; } .btn-flat_red:hover { color: #004081; color: var(--color-blue); } .btn-flat_red-trans { background-color: rgba(255, 40, 79, 0.05); color: #ff284f; color: var(--color-red); } .btn-flat_red-trans:hover { background-color: rgba(255, 40, 79, 0.15); } .btn-flat_green { background-color: #66c264; background-color: var(--color-green); color: #fff; } .btn-flat_green:hover { background-color: #fff; color: #004081; color: var(--color-blue); } .btn-flat_green-trans { background-color: rgba(102, 194, 100, 0.05); color: #66c264; color: var(--color-green); } .btn-flat_green-trans:hover { background-color: rgba(102, 194, 100, 0.15); } .load-more { font-weight: 700; font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; color: #ff284f; color: var(--color-red); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 10px; cursor: pointer; } .load-more .ico-load::before { font-size: 18px; } .load-more_pending .ico-load { -webkit-animation: rotating 1000ms linear infinite; animation: rotating 1000ms linear infinite; } @-webkit-keyframes rotating { from { -webkit-transform-origin: 57% 50%; transform-origin: 57% 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform-origin: 57% 50%; transform-origin: 57% 50%; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotating { from { -webkit-transform-origin: 56% 50%; transform-origin: 56% 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform-origin: 56% 50%; transform-origin: 56% 50%; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .btn-text { font-weight: 700; font-size: 14px; line-height: 1.285; letter-spacing: 0.1em; color: #ff284f; color: var(--color-red); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 10px; cursor: pointer; } .btn-share { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-share .ico-share::before { font-size: 20px; } .grid-block { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 1fr; grid-gap: 20px; gap: 20px; } .grid-block-docs { gap: 30px 20px; grid-auto-rows: initial; } @media (max-width: 500px) { .grid-block { grid-template-columns: 1fr; grid-auto-rows: auto; } } .grid-item_span-3 { grid-column: span 3; } @media (max-width: 767px) { .grid-item_span-3 { grid-column: span 6; } } @media (max-width: 500px) { .grid-item_span-3 { grid-column: auto; } } .grid-item_span-4 { grid-column: span 4; } @media (max-width: 767px) { .grid-item_span-4 { grid-column: span 6; } } @media (max-width: 500px) { .grid-item_span-4 { grid-column: auto; } } .grid-item_span-6 { grid-column: span 6; } .grid-item_span-12 { grid-column: span 12; } @media (max-width: 500px) { .grid-item { grid-column: auto; } } .form-block__title { font-weight: 700; font-size: 30px; line-height: 1.27; text-transform: uppercase; color: #004081; color: var(--color-blue); margin: 0 0 32px; } @media (max-width: 500px) { .form-block__title { margin: 0 0 16px; font-size: 22px; } } .form-block__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 500px) { .form-block__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .form-block__message { font-size: 16px; line-height: 1.25; color: #004081; color: var(--color-blue); } .form-control { border: 1px solid rgba(0, 64, 129, 0.3); border-radius: 10px; height: 60px; position: relative; } .form-control_area { min-height: 92px; } .form-control_area .form-item { resize: none; } .form-control .btn { letter-spacing: 0.1em; height: 100%; } .form-item { padding: 13px 20px; font-size: 16px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); width: 100%; } .form-item::-webkit-input-placeholder { font-size: 14px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); } .form-item::-moz-placeholder { font-size: 14px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); } .form-item:-ms-input-placeholder { font-size: 14px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); } .form-item::-ms-input-placeholder { font-size: 14px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); } .form-item::placeholder { font-size: 14px; line-height: 1.5; color: #232428; color: var(--color-dark-blue); } .custom-select { position: relative; } .custom-select__label { cursor: pointer; } .custom-select_active { z-index: 50; } .custom-select_active .custom-select__visual { z-index: 51; } .custom-select_active .ico-chevron { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .custom-select_fluid { width: 100%; } .custom-select__select { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; } .custom-select__visual { width: 100%; background: #ffffff; border: 1px solid rgba(0, 64, 129, 0.3); border-radius: 30px; height: 46px; padding: 15px 20px; font-size: 16px; line-height: 1; color: #004081; color: var(--color-blue); text-transform: uppercase; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; } .custom-select .ico-chevron { position: absolute; font-size: 7px; right: 20px; } .custom-select__dropdown { display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; border-radius: 30px; border: 1px solid rgba(0, 64, 129, 0.3); padding: 5px; z-index: 50; overflow: hidden; padding: 60px 0 15px; border-top: none; } .custom-select__dropdown .os { width: 100%; max-height: 225px; } .custom-select__dropdown ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .custom-select__dropdown-link { font-size: 16px; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 15px 5px 15px; text-transform: uppercase; -webkit-text-decoration: none; text-decoration: none; color: #232428; color: var(--color-dark-blue); outline: none; } .custom-select__dropdown-link:hover, .custom-select__dropdown-link:focus-visible { background-color: #f1f4f9; } .partners { width: 100%; overflow: hidden; } .partners .container { position: relative; z-index: 2; } .partners .container__inner { padding-top: 95px; padding-bottom: 37px; } @media (max-width: 1000px) { .partners .container__inner { padding-top: 60px; padding-bottom: 35px; } } @media (max-width: 767px) { .partners .container__inner { padding-top: 40px; padding-bottom: 25px; } } .partners .heading-decor { color: #004081; top: 51px; opacity: 0.05; } .partners__inner { background-color: #f6f6f6; padding: 45px 0 50px 0; position: relative; z-index: 4; } @media (max-width: 1000px) { .partners__inner { padding-top: 35px; padding-bottom: 40px; } } @media (max-width: 767px) { .partners__inner { padding-top: 25px; padding-bottom: 30px; } } .news { position: relative; width: 100%; overflow: hidden; } .news .container { position: relative; z-index: 2; } .news .container__inner { padding-top: 30px; padding-bottom: 134px; } @media (max-width: 1280px) { .news .container__inner { padding-bottom: 105px; } } @media (max-width: 1000px) { .news .container__inner { padding-bottom: 75px; } } @media (max-width: 767px) { .news .container__inner { padding-bottom: 50px; } } .news .heading-decor { color: #004081; color: var(--color-blue); top: 0; opacity: 0.05; } .news .swiper { margin: 0 0 39px 0; min-height: 560px; } @media (max-width: 767px) { .news .swiper { min-height: 461px; } } .news .swiper-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 560px; } @media (max-width: 767px) { .news .swiper-wrapper { min-height: 461px; } } .news .swiper-slide:not(.swiper-slide-active) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 560px; } @media (max-width: 767px) { .news .swiper-slide:not(.swiper-slide-active) { min-height: 461px; } } .news .swiper-navigation { position: absolute; top: 65px; right: 0; z-index: 3; } @media (max-width: 767px) { .news .swiper-navigation { top: 45px; } } .team-national { position: relative; width: 100%; overflow: hidden; } .team-national .heading-cols { margin: 0 0 20px 0; } .team-national .container { position: relative; z-index: 2; } .team-national .container__inner { padding-top: 60px; padding-bottom: 78px; } .team-national .heading-decor { color: #004081; color: var(--color-blue); top: 0; opacity: 0.05; } .team-national .swiper-slide { -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .team-national .swiper-slide:not(.swiper-slide-visible) { opacity: 0.2; pointer-events: none; } .team-national .swiper { margin: 0 0 18px 0; } .fame { background-color: #004081; background-color: var(--color-blue); position: relative; overflow: hidden; margin: 0 0 55px 0; } @media (max-width: 1280px) { .fame { margin: 0 0 48px 0; } } @media (max-width: 1000px) { .fame { margin: 0 0 37px 0; } } @media (max-width: 767px) { .fame { margin: 0 0 30px 0; } } .fame .container { position: relative; z-index: 2; } .fame .container__inner { padding-top: 49px; padding-bottom: 109px; } @media (max-width: 1280px) { .fame .container__inner { padding-bottom: 90px; } } @media (max-width: 1000px) { .fame .container__inner { padding-bottom: 70px; } } @media (max-width: 767px) { .fame .container__inner { padding-bottom: 50px; } } .fame .heading1 { color: #fff; margin: 0 0 48px 0; } @media (max-width: 1000px) { .fame .heading1 { margin: 0 0 38px 0; } } @media (max-width: 767px) { .fame .heading1 { margin: 0 0 28px 0; } } .fame-grid { display: grid; grid-template-columns: calc(37% - 60px) calc(63% - 60px); grid-template-rows: 1fr auto; grid-gap: 20px 120px; gap: 20px 120px; } @media (max-width: 1000px) { .fame-grid { grid-template-columns: calc(37% - 30px) calc(63% - 30px); gap: 20px 60px; } } @media (max-width: 767px) { .fame-grid { grid-template-columns: calc(37% - 15px) calc(63% - 15px); gap: 20px 30px; } } @media (max-width: 575px) { .fame-grid { grid-template-columns: 1fr; gap: 30px 0; } } .fame-grid__photo { grid-row: span 2; } @media (max-width: 575px) { .fame-grid__photo { grid-row: auto; max-width: 300px; margin: 0 auto; } } .fame-grid__data { 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; } @media (max-width: 575px) { .fame-grid__button { text-align: center; } } .fame__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.2; mix-blend-mode: soft-light; } .fame__photo { display: block; width: 100%; border-radius: 10px; aspect-ratio: 387/476; -o-object-fit: cover; object-fit: cover; } .fame__name { width: 100%; max-width: 560px; font-size: 30px; line-height: 1.266; font-weight: 700; text-transform: uppercase; color: #fff; display: block; margin: 0 0 1.2em 0; } @media (max-width: 767px) { .fame__name { font-size: 26px; margin: 0 0 0.5em 0; } } @media (max-width: 575px) { .fame__name { font-size: 22px; text-align: center; } } .fame__description { width: 100%; max-width: 560px; font-size: 16px; line-height: 1.95; font-weight: 400; color: #fff; } @media (max-width: 767px) { .fame__description { font-size: 14px; } } .events { margin: 0 0 80px 0; width: 100%; overflow: hidden; } @media (max-width: 1280px) { .events { margin-bottom: 60px; } } @media (max-width: 1000px) { .events { margin-bottom: 45px; } } @media (max-width: 767px) { .events { margin-bottom: 30px; } } .events .container__inner { padding-top: 55px; } @media (max-width: 767px) { .events .container__inner { padding-top: 25px; } } .events .heading-cols { margin: 0 0 30px 0; } .events .swiper { margin: 0 0 30px 0; } .events .heading-decor { color: #004081; top: -5px; } .media { padding-top: 15px; width: 100%; overflow: hidden; } .media .heading-cols { margin: 0 0 55px 0; } @media (max-width: 1280px) { .media .heading-cols { margin: 0 0 40px 0; } } @media (max-width: 1000px) { .media .heading-cols { margin: 0 0 30px 0; } } @media (max-width: 767px) { .media .heading-cols { margin: 0 0 20px 0; } } .media .swiper { margin: 0 0 30px 0; } .media .heading-decor { color: #004081; top: -25px; opacity: 0.05; } .events-page { width: 100%; overflow: hidden; padding: 0 0 166px; } @media (max-width: 500px) { .events-page { padding: 0 0 83px; } } .events-page .table { margin: 0 0 64px; } @media (max-width: 500px) { .events-page .table { margin: 0 0 32px; } } @media (max-width: 1100px) { .events-page .title-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1100px) { .events-page .filters-keeper { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .events-page .load-more { margin: 0 auto; } .events-page .controls-page { margin: 0 0 40px; } @media (max-width: 500px) { .events-page .controls-page { margin: 0 0 20px; } } .events-page .regular-text { line-height: 1.5; } .events-page .regular-text strong { text-transform: uppercase; font-weight: 700; } .events-page .article__grid { padding: 40px 0 94px; } @media (max-width: 500px) { .events-page .article__grid { padding: 20px 0 47px; } } .events-page .article__grid .btn { width: 279px; max-width: 100%; margin: 54px 0 0; } @media (max-width: 500px) { .events-page .article__grid .btn { margin: 27px 0 0; } } .events-page .events-info { padding: 0 0 54px; } @media (max-width: 500px) { .events-page .events-info { padding: 0 0 27px; } } .events-page .events-info .regular-text { line-height: 1.25; } .events-page .events-info .regular-text strong { min-width: 180px; } @media (max-width: 500px) { .events-page .events-info .regular-text strong { min-width: auto; } } .events-page .border-card { padding: 31px 32px; } @media (max-width: 500px) { .events-page .border-card { padding: 16px; } } .events-page .doc-card { font-size: 16px; font-weight: 400; /*max-width: 269px;*/ } @media (max-width: 767px) { .events-page .doc-card { max-width: 100%; } } .events-page__doc-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media (max-width: 500px) { .events-page__doc-item { gap: 12px; } } .events-page__doc-item:not(.events-page__doc-item:last-child) { margin: 0 0 40px; } @media (max-width: 500px) { .events-page__doc-item:not(.events-page__doc-item:last-child) { margin: 0 0 20px; } } .events-page__doc-item .regular-text { font-weight: 700; text-transform: uppercase; margin: 0 0 8px; line-height: 1.25; } .events-page__slider-news { padding: 0 0 94px; } @media (max-width: 500px) { .events-page__slider-news { padding: 0 0 47px; } } .events-page .heading-cols { margin: 0 0 30px; } @media (max-width: 500px) { .events-page .heading-cols { margin: 0 0 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 500px) { .events-page .heading1 { font-size: 30px; } } .team-page .grid-block { gap: 34px 20px; } .team-page .h2-page { margin: 0 0 32px; } @media (max-width: 500px) { .team-page .h2-page { margin: 0 0 20px; } } .team-page .grid-block-presidium { padding: 0 0 54px; } @media (max-width: 500px) { .team-page .grid-block-presidium { margin: 0 0 27px; } } .team-page .grid-block-members:not(.grid-block-members:last-child) { padding: 0 0 94px; } @media (max-width: 500px) { .team-page .grid-block-members:not(.grid-block-members:last-child) { margin: 0 0 47px; } } .team-page .regular-text { margin: 54px 0 32px; } @media (max-width: 500px) { .team-page .regular-text { margin: 27px 0 20px; } } .team-page .information-row { margin: 0 0 94px; } @media (max-width: 500px) { .team-page .information-row { margin: 0 0 47px; } } .team-page .information-row .regular-text { margin: 30px 0 0; line-height: 1.56; } .team-page .information-row .h2-page { margin: 0 0 16px; } .useful-links-page .title-row { margin: 0 0 38px; } @media (max-width: 500px) { .useful-links-page .title-row { margin: 0 0 19px; } } .useful-links-page .grid-block { row-gap: 34px; } @media (max-width: 500px) { .useful-links-page .grid-block { row-gap: 15px; } } @media (max-width: 767px) { .useful-links-page .grid-block { grid-template-columns: 1fr; } } @media (max-width: 767px) { .useful-links-page .grid-item_span-6 { grid-column: auto; } } .rules-page .title-row { margin: 0 0 54px; } @media (max-width: 500px) { .rules-page .title-row { margin: 0 0 27px; } } .partners-page .regular-text { line-height: 1.5; } .partners-page a { -webkit-text-decoration: underline; text-decoration: underline; color: #004081; color: var(--color-blue); } .partners-page__general-block { padding: 0 0 94px; } @media (max-width: 500px) { .partners-page__general-block { padding: 0 0 47px; } } .partners-page__general-block .information-image { aspect-ratio: 508/225; } .partners-page__general-block .information-image img { -o-object-fit: contain; object-fit: contain; } .partners-page .information-col { -ms-flex-negative: 1; flex-shrink: 1; } .partners-page .information-col_big { -ms-flex-negative: 5; flex-shrink: 5; } .partners-page .h2-page { margin: 0 0 40px; } @media (max-width: 500px) { .partners-page .h2-page { margin: 0 0 20px; } } .partners-page__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (max-width: 500px) { .partners-page__list { gap: 15px; } } .partners-page .link-card { padding: 0 0 30px; gap: 82px; } @media (max-width: 1199px) { .partners-page .link-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 991px) { .partners-page .link-card { gap: 21px; } } @media (max-width: 500px) { .partners-page .link-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .partners-page .link-card::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0, 65, 129, 0.3); border-radius: 3px; } .partners-page .link-card__image { width: 203px; height: 130px; flex-shrink: 0; } @media (max-width: 500px) { .partners-page .link-card__image { width: 130px; height: 110px; } } .partners-page .link-card__info { gap: 30px; } @media (max-width: 1199px) { .partners-page .link-card__info { text-align: left; } } @media (max-width: 500px) { .partners-page .link-card__info { text-align: center; gap: 15px; } } .history-page .article-section:not(.history-page .article-section:last-child) { margin: 0 0 54px; } @media (max-width: 500px) { .history-page .article-section:not(.history-page .article-section:last-child) { margin: 0 0 27px; } } .federation-page .border-card { padding: 54px 82px; margin: 0 0 54px; } @media (max-width: 767px) { .federation-page .border-card { padding: 27px 41px; } } @media (max-width: 500px) { .federation-page .border-card { padding-left: 20px; padding-right: 20px; margin: 0 0 27px; } } .federation-page .regular-text { line-height: 1.5; } .federation-page .regular-text strong { text-transform: uppercase; } .federation-page .information-image { aspect-ratio: 610/444; } .federation-page .information-col { -ms-flex-negative: 2; flex-shrink: 2; } .federation-page .information-col_big { -ms-flex-negative: 1; flex-shrink: 1; } .search-page .form-block { max-width: 757px; } .search-page .form-block__row { width: 100%; } .search-page .form-block__message { margin: 32px 0 0; } @media (max-width: 767px) { .search-page .form-control { height: 50px; } } .search-page .form-control_input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 500px) { .search-page .form-control_input { width: 100%; } } .search-page .form-control .btn { max-width: 156px; } .search-page .form-item { padding: 18px 20px; } @media (max-width: 767px) { .search-page .form-item { padding: 12px 20px; } } .search-page__list { margin: 54px 0 0; } @media (max-width: 500px) { .search-page__list { margin: 27px 0 0; } } .search-page .load-more { margin: 64px auto 0 auto; } .search-page .pagination { margin-top: 64px; } @media (max-width: 500px) { .search-page .load-more { margin: 32px auto 0 auto; } .search-page .pagination { margin-top: 64px; } } .search-page .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fame-page.profile { gap: 54px; } @media (max-width: 500px) { .fame-page.profile { gap: 27px; } } .fame-page .controls-page { margin: 0 0 40px; } @media (max-width: 500px) { .fame-page .controls-page { margin: 0 0 20px; } } .fame-page .grid-block { row-gap: 38px; } @media (max-width: 500px) { .fame-page .grid-block { row-gap: 20px; } } .fame-page .load-more { margin: 64px auto 0 auto; } .fame-page .pagination { margin-top: 64px; } @media (max-width: 500px) { .fame-page .load-more { margin: 32px auto 0 auto; } .fame-page .pagination { margin-top: 32px; } } .fame-page .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fame-page-bg { background: rgb(0, 65, 129); position: relative; padding: 0 0 66px; } @media (max-width: 500px) { .fame-page-bg { padding: 0 0 33px; } } .fame-page-bg::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-image: url(/local/templates/fssr/css/../img/fame-page-bg.jpg); background-size: cover; background-repeat: no-repeat; mix-blend-mode: soft-light; opacity: 0.2; } .fame-page-bg__content { position: relative; z-index: 2; } .fame-page-bg .breadcrumbs__item { color: rgba(255, 255, 255, 0.5); z-index: 5; } .fame-page-bg .breadcrumbs__item_active { color: #fff; } .fame-page-bg .breadcrumbs__item:not(.breadcrumbs__item_active) .ico-chevron-bold::before { color: #fff; } @media (max-width: 500px) { .fame-page-bg .controls-page__item { font-size: 11px; } } .fame-page-bg .controls-page__item_forward { color: #fff; } .fame-page-bg .profile-header { position: relative; } .fame-page-bg .profile-title { color: #fff; } .fame-page-bg .profile-data { color: #fff; } .fame-page-bg .profile-header__title-row { padding: 16px 0; } @media (max-width: 1100px) { .fame-page-bg .profile-header__title-row { padding: 5px 0 0; } } @media (max-width: 767px) { .fame-page-bg .profile-header__title-row { padding: 0; } } .fame-page-bg .profile-header__title-row::after { background: rgba(255, 255, 255, 0.05); } .fame-page-bg .medal { color: rgba(255, 255, 255, 0.5); } @media (max-width: 1100px) { .team1-page .title-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1100px) { .team1-page .filters-keeper { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .team1-page .grid-block { gap: 34px 19px; } @media (max-width: 500px) { .team1-page .grid-block { gap: 20px; } } .team1-page .person-card1__image { aspect-ratio: 285/329; } .team1-page .person-card1__image img { -o-object-position: center top; object-position: center top; } .team1-page .load-more { margin: 64px auto 0 auto; } .team1-page .pagination { margin-top: 64px; } @media (max-width: 500px) { .team1-page .load-more { margin: 32px auto 0 auto; } .team1-page .pagination { margin-top: 32px; } } .team1-page .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team1-page .controls-page { margin: 0 0 41px; } @media (max-width: 500px) { .team1-page .controls-page { margin: 0 0 20px; } } .team1-page .profile-data { margin: 25px 0 0; } .team1-page .sportsman-card { 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%; } .team1-page .sportsman-card__name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 500px) { .team1-page .sportsman-card__name { margin: 0 0 12px; } } .team1-page .sportsman-card .metrics { margin: 0 0 28px; } @media (max-width: 500px) { .team1-page .sportsman-card .metrics { margin: 0 0 14px; } } @media (max-width: 991px) { .team1-page .grid-item_span-3 { grid-column: span 4; } } @media (max-width: 767px) { .team1-page .grid-item_span-3 { grid-column: span 6; } } .news-page .controls-page { margin: 0 0 40px; } @media (max-width: 500px) { .news-page .controls-page { margin: 0 0 20px; } } .news-page__links { margin: 40px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } @media (max-width: 500px) { .news-page__links { margin: 20px 0; } } .news-page .grid-block { row-gap: 20px; margin-top: -15px; } @media (max-width: 500px) { .news-page .grid-block { row-gap: 20px; } } .news-page .load-more { margin: 64px auto 0 auto; } .news-page .pagination { margin-top: 64px; } @media (max-width: 500px) { .news-page .load-more { margin: 32px auto 0 auto; } .news-page .pagination { margin-top: 32px; } } .news-page .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .media-page .controls-page { margin: 0 0 55px; } @media (max-width: 930px) { .media-page .title-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 930px) { .media-page .title-row .filters-keeper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } .media-page .grid-block .media-card { position: relative; } .media-page .grid-block .media-card__top { aspect-ratio: 285/200; } .media-page .grid-block .media-card__preview { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .media-page .media-head { margin: 0 0 34px; } .media-page .load-more { margin: 64px auto 0 auto; } .media-page .pagination { margin-top: 64px; } @media (max-width: 500px) { .media-page .load-more { margin: 32px auto 0 auto; } .media-page .pagination { margin-top: 32px; } } .media-page .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 500px) { .cooperation-page .h1-page { font-size: 28px; } } .cooperation-page .h2-page { margin: 0 0 40px; } @media (max-width: 500px) { .cooperation-page .h2-page { margin: 0 0 20px; font-size: 22px; } } .cooperation-page .grid-block { row-gap: 34px; } @media (max-width: 500px) { .cooperation-page .grid-block { row-gap: 20px; } } .cooperation-page .information-row { gap: 62px; margin: 0 0 98px; } @media (max-width: 500px) { .cooperation-page .information-row { gap: 31px; margin: 0 0 49px; } } .cooperation-page .information-row .h2-page { margin: 0; } @media (max-width: 500px) { .cooperation-page .information-row { margin: 0 0 44px; } } .cooperation-page .information-row__desc { max-width: 630px; padding: 0; } @media (max-width: 991px) { .cooperation-page .information-row__desc { max-width: 100%; } } .cooperation-page .information-row__desc::after { display: none; } .cooperation-page .information-row__image { -ms-flex-preferred-size: 508px; flex-basis: 508px; aspect-ratio: 508/378; } @media (max-width: 991px) { .cooperation-page .information-row__image { -ms-flex-preferred-size: auto; flex-basis: auto; } } .cooperation-page .information-row .regular-text { margin: 32px 0 50px; } @media (max-width: 500px) { .cooperation-page .information-row .regular-text { margin: 16px 0 25px; } } .cooperation-page .information-row .regular-text strong { text-transform: uppercase; } .cooperation-page .information-row .regular-text p:not(p:last-child) { margin: 0 0 27px; } .cooperation-page__adventages { padding: 0 0 94px; } @media (max-width: 500px) { .cooperation-page__adventages { padding: 0 0 47px; } } .cooperation-page__adventages .h2-page { margin: 0 0 32px; } @media (max-width: 500px) { .cooperation-page__adventages .h2-page { margin: 0 0 16px; } } .cooperation-page__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cooperation-page__links .btn_red { width: 260px; } .cooperation-page__pr-department { padding: 94px 0 0 0; } @media (max-width: 500px) { .cooperation-page__pr-department { padding: 47px 0 0 0; } } .cooperation-page .main-content__title { padding: 15px 0 0; } .cooperation-page__pr-department .regular-text { line-height: 1.5; margin: 0 0 32px; } @media (max-width: 500px) { .cooperation-page__pr-department .regular-text { margin: 0 0 16px; } } .antidoping-page .h2-page { margin: 0 0 40px; } @media (max-width: 500px) { .antidoping-page .h2-page { margin: 0 0 20px; } } .antidoping-page .regular-text { line-height: 1.5; } .antidoping-page .regular-text strong { text-transform: uppercase; } .antidoping-page .regular-text p:not(p:last-child) { margin: 0 0 29px; } @media (max-width: 500px) { .antidoping-page .regular-text p:not(p:last-child) { margin: 0 0 14px; } } .antidoping-page .regular-text a { color: #004081; color: var(--color-blue); -webkit-text-decoration: underline; text-decoration: underline; } .antidoping-page .regular-text + .grid-block-docs { margin: 40px 0 0; } .antidoping-page .switch-row { margin: 40px 0 84px; } @media (max-width: 500px) { .antidoping-page .switch-row { margin: 20px 0 42px; } } .antidoping-page .main-content__title { padding: 15px 0 0; } .antidoping-page .card-contact { padding-left: 82px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 13px; } @media (max-width: 991px) { .antidoping-page .card-contact { padding-left: 40px; } } @media (max-width: 768px) { .antidoping-page .card-contact { padding: 20px 20px; } } .docs-page .filter-menu:not(.filter-menu:last-child) { margin: 0 0 40px; } .docs-page .grid-block-docs { gap: 38px 20px; } @media (max-width: 767px) { .docs-page .grid-block-docs { grid-template-columns: 1fr; } } @media (max-width: 991px) { .docs-page .grid-block-docs .grid-item_span-4 { grid-column: span 6; } } @media (max-width: 767px) { .docs-page .grid-block-docs .grid-item_span-4 { grid-column: auto; } } .contacts-page .form-block .btn { max-width: 198px; padding-right: 27px; margin: 24px 0 0; } .contacts-page .form-control { margin: 0 0 16px; } .contacts-page .form-control:not(.form-control_area) { height: 50px; } .contacts-page .contacts-block { margin: 0 0 32px; } @media (max-width: 500px) { .contacts-page .contacts-block { margin: 0 0 20px; } } .contacts-page .map-container { margin: 54px 0 0; } @media (max-width: 500px) { .contacts-page .map-container { margin: 27px 0 0; } } .regional-page .title-row { margin: 0 0 74px; } @media (max-width: 500px) { .regional-page .title-row { margin: 0 0 37px; } } @media (max-width: 359px) { .regional-page .h1-page { font-size: 30px; } } .regional-page__item:not(.regional-page__item:last-child) { margin: 0 0 84px; } @media (max-width: 500px) { .regional-page__item:not(.regional-page__item:last-child) { margin: 0 0 42px; } } .regional-page__item:last-child { padding: 10px 0 0; } .regional-page__item:last-child .h2-page { margin: 0 0 32px; } .regional-page .h2-page { margin: 0 0 60px; } @media (max-width: 500px) { .regional-page .h2-page { margin: 0 0 30px; } } .regional-page .table td:not(td:last-child) { padding-right: 82px; } @media (max-width: 1279px) { .regional-page .table td:not(td:last-child) { padding-right: 32px; } } @media (max-width: 767px) { .regional-page .table td:not(td:last-child) { padding-right: 0; } } @media (max-width: 1279px) { .regional-page .table-data { min-width: auto; } } .regional-page .table-data-content { padding: 0; width: 100%; display: none; } .regional-page .table-data-content.show { display: block; } .regional-page .table-data_title { font-weight: 500; width: 610px; } .regional-page .table-data_title.js-toggle-control { cursor: pointer; } @media (max-width: 1279px) { .regional-page .table-data_title { width: 50%; } } @media (max-width: 767px) { .regional-page .table-data_title { width: 100%; } } .regional-page .table-data_location { width: 305px; } @media (max-width: 1279px) { .regional-page .table-data_location { width: 25%; } } @media (max-width: 767px) { .regional-page .table-data_location { width: 100%; } } .regional-page .table-data_person { width: 285px; } .regional-page .table-row.has-descr .table-data_person { position: relative; cursor: pointer; } .regional-page .table-row.has-descr .table-data_person::after { font-family: "icomoon"; content: "\e900"; width: 20px; height: 20px; position: absolute; top: 50%; transform: translate(0, -50%); right: 10px; color: var(--color-blue); } .regional-page .table-row.active .table-data_person::after { color: var(--color-red); } @media (max-width: 1279px) { .regional-page .table-data_person { width: 20%; } } @media (max-width: 767px) { .regional-page .table-data_person { width: 100%; } } .regional-page .regional-card { width: 100%; } .regional-page .regional-card1:not(:last-child) { margin: 0 0 30px; } .regional-page .grid-block-docs { gap: 5px 10px; } .loaded-element, .table tr.loaded-element { overflow: hidden; max-height: 0; opacity: 0; position: absolute; } .loaded-element_active, .table tr.loaded-element_active { position: relative; overflow: visible; max-height: 100%; opacity: 1; -webkit-transition-timing-function: "ease"; transition-timing-function: "ease"; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; } .video-popup { position: absolute; top: 100px; left: 50%; width: 100%; max-width: 1059px; -webkit-transform: translate(-50%, -150%); transform: translate(-50%, -150%); z-index: 50; } .video-popup__embed { aspect-ratio: 16 / 10; width: 100%; height: auto; } .video-popup__cover { display: block; width: 100%; } .video-popup--active { -webkit-animation: videoBounce 400ms ease normal; animation: videoBounce 400ms ease normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes videoBounce { 0% { -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); } 80% { -webkit-transform: translate(-50%, 10%); transform: translate(-50%, 10%); } 100% { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @keyframes videoBounce { 0% { -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); } 80% { -webkit-transform: translate(-50%, 10%); transform: translate(-50%, 10%); } 100% { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 40; background-color: rgba(0, 0, 0, 0.8); -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .overlay--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } table-data_date /*COMMON ADAPTIVE STYLES*/ @media screen and (max-width: 767px) { .mp-intro__container { padding-bottom: 25px; align-items: end; -webkit-box-align: end; -ms-flex-align: end; } .mp-intro__buttons { display: none; } .video-popup { transform: translate(-50%, -165%); } } @media screen and (max-width: 550px) { .videoplayer-dimensions.vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 72.25% !important; } .mp-intro__container { padding-bottom: 25px; align-items: end; } .main_page .mp-intro__photo { object-position: 75%; } .mp-intro__title { line-height: 1.07; } .mp-intro__subtitle { line-height: 1.55; } .mp-intro .mp-intro__buttons { display: none; } .sidefloat_mainpage { position: absolute; top: 458px !important; transform: none; right: unset; display: flex; width: 100%; } .sidefloat_mainpage .sidefloat__item { width: calc(100% / 6); height: 16.8vw; } .sidefloat_mainpage .sidefloat__item-broadcast { font-size: 12px; } .sidefloat_mainpage .sidefloat__item-broadcast_active::after { top: 5px; right: 5px; width: 7px; height: 7px; } .sidefloat_mainpage .sidefloat__item-social { font-size: 20px; } .sidefloat_mainpage .sidefloat__item-social.ico-youtube { font-size: 16px; } .swiper-free .swiper-slide { height: unset; } .swiper-free .swiper-slide.swiper-slide-next { margin-left: 0; } .swiper-free .swiper-slide.swiper-slide-active .news-card { width: 100%; } .news { padding-top: 30px; } .news .container__inner { padding-top: 0; display: flex; flex-flow: row wrap; justify-content: space-between; } .news .heading-decor { display: block; position: relative; top: unset; right: unset; text-transform: uppercase; font-size: 31px; color: #7f9fc0; line-height: 1; opacity: 1; letter-spacing: 0.5px; align-self: center; } .news .swiper-wrapper { min-height: 300px; } .news .swiper { padding-top: 20px; width: 100%; min-height: 450px; } .news .swiper-navigation { position: relative; top: unset; align-self: center; } .news .swiper-slide:not(.swiper-slide-active) { min-height: 300px; } .news-card__photo { height: 85%; } .swiper-slide-active .news-card__photo { height: 100%; } .events-page .table-head .table-data { display: none; font-size: 16px; } .table-data_date-title { display: block; } .events-page .table-row.item-content { padding: 20px 0; position: relative; display: flex; flex-flow: column wrap; gap: 10px; } .events-page .table-row.item-content:first-child:before { content: ""; position: absolute; width: 100%; height: 1px; border-radius: 3px; left: 0; top: 0; background: rgba(0, 64, 129, 0.3); } .events-page .table-row.item-content td { padding-top: unset; padding-bottom: unset; } } @media screen and (max-width: 550px) { .news .swiper { padding-top: 20px; width: 100%; min-height: 415px; } .footer { padding-top: 70px; } .footer__bar { width: 100%; position: absolute; top: 0; flex-direction: row; gap: 0; } .footer__bar .btn-flat_red-trans, .footer__bar .btn-flat_green-trans { color: #fff; width: 50%; } .footer__bar .btn-flat_red-trans { background-color: var(--color-red); } .footer__bar .btn-flat_green-trans { background-color: var(--color-green); } .footer__bar .btn-flat_red-trans:hover, .footer__bar .btn-flat_green-trans:hover { color: var(--color-blue); background-color: #fff; } } .main-content { position: relative; } .linck-victory-day { border: 1px #f8f8f8 solid; padding: 10px 0; background: #fff; height: 110px; width: 70px; position: absolute; right: 0; top: 70%; z-index: 6; display: block; } .linck-victory-day.mobi { display: none; } .linck-victory-day img { max-height: 90px; object-fit: contain; box-sizing: border-box; height: auto; width: 100%; } .mp-intro { overflow: hidden; } @media screen and (max-width: 550px) { .linck-victory-day.desk { display: none; } .linck-victory-day.mobi { display: block; } .linck-victory-day img { max-height: 60px; } .linck-victory-day { height: 80px; width: 50px; top: unset; bottom: 50px; } } .vkvideo { height: 670px; } @media (max-width: 768px) { .vkvideo { height: 100%; } .profile-tab { font-size: 13px; text-align: center; } } .page-block__row .article1 { position: relative; min-width: 0; } .page-block__row .swiper { min-width: 0; width: unset; } .page-block__row > * { min-width: 0; } /* End */ /* Start:/local/templates/fssr/components/bitrix/menu/main/style.css?17938600881802*/ /* 1st level */ .bx_horizontal_menu_advaced ul { width: 100%; display: flex; justify-content: space-between; } /*.bx_hma_one_lvl*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl { display: block; float: left; padding: 0; } /* .bx_hma_one_lvl>a*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl>a { display: block; } /* // 1st level */ /* The Container */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container { position: absolute; z-index: 1001; display: none; } .bx_horizontal_menu_advaced .bx_hma_one_lvl.hover .bx_children_container { display: block } .bx-ie8 .bx_horizontal_menu_advaced .bx_hma_one_lvl:hover .bx_children_container { display: block !important } /*// Container */ /* 2nd level*/ .bx_children_block { background: #004081; padding-top: 25px; } .bx_horizontal_menu_advaced .bx_hma_one_lvl ul { display: block; margin: 0; padding: 0 0 14px 0; list-style: none; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li { display: block; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a { display: block; padding: 5px 10px } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent a { line-height: 15px } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover { color: #ff284f } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a { display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 23px; } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li a { font-size: 11px; line-height: normal } /* // 2nd level*/ /* End */ /* Start:/local/templates/fssr/components/bitrix/news.list/partners/style.css?1793860088150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/fssr/components/bitrix/menu/menu/style.min.css?1793860088490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/fssr/components/bitrix/menu/menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/fssr/components/bitrix/menu/mobile/style.css?17938600882690*/ /* 1st level */ .bx_horizontal_menu_advaced ul { width: 100%; display: flex; justify-content: space-between; } /*.bx_hma_one_lvl*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl { display: block; float: left; padding: 0; } /* .bx_hma_one_lvl>a*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl>a { display: block; } /* // 1st level */ /* The Container */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container { position: absolute; z-index: 1001; display: none; } .bx_horizontal_menu_advaced .bx_hma_one_lvl.hover .bx_children_container { display: block } .bx-ie8 .bx_horizontal_menu_advaced .bx_hma_one_lvl:hover .bx_children_container { display: block !important } /*// Container */ /* 2nd level*/ .bx_children_block { background: #004081; padding-top: 25px; } .bx_horizontal_menu_advaced .bx_hma_one_lvl ul { display: block; margin: 0; padding: 0 0 14px 0; list-style: none; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li { display: block; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a { display: block; padding: 5px 10px } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent a { line-height: 15px } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover { color: #ff284f } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a { display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 23px; } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li a { font-size: 11px; line-height: normal } .popup-menu { overflow-y: auto; overflow-x: hidden; } .menu-popup__item.bx_dropdown { position: relative; } .bx_dropdown-toggler { position: absolute; top: 0; right: -23px; display: block; width: 20px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23FF284F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: transform .3s ease; } .bx_dropdown-toggler_active { transform: rotate(180deg); } .menu-popup .bx_children_container { display: none; } .menu-popup .bx_children_block { padding-top: unset; background: transparent; color: #4073A8; } .menu-popup .bx_children_block a { font-size: 16px; font-weight: 400; line-height: 1.75; } /* // 2nd level*/ /* End */ /* Start:/local/templates/fssr/template_styles.css?179386008856*/ .docs-page .js-tab a { color: var(--color-dark-blue); } /* End */ /* /local/templates/fssr/css/swiper-bundle.min.css?179386008817907 */ /* /local/templates/fssr/css/fancybox.css?179386008824052 */ /* /local/templates/fssr/css/overlayscrollbars.min.css?179386008813551 */ /* /local/templates/fssr/css/video-js.css?179386008849682 */ /* /local/templates/fssr/css/styles.css?1793860088150454 */ /* /local/templates/fssr/components/bitrix/menu/main/style.css?17938600881802 */ /* /local/templates/fssr/components/bitrix/news.list/partners/style.css?1793860088150 */ /* /local/templates/fssr/components/bitrix/menu/menu/style.min.css?1793860088490 */ /* /local/templates/fssr/components/bitrix/menu/mobile/style.css?17938600882690 */ /* /local/templates/fssr/template_styles.css?179386008856 */