/* http://meyerweb.com/eric/tools/css/reset/ v3.0 | 20180413 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'Arial'; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* HTML5 hidden-attribute fix for newer browsers */ *[hidden] { display: none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*========================================================================== Custom fonts ==========================================================================*/ @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: RobotoRegular; font-style: normal; font-weight: 400; src: local(RobotoRegular); src: url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: RobotoLight; font-style: normal; font-weight: 300; src: local(RobotoLight); src: url("../fonts/RobotoLight.woff2") format("woff2"), url("../fonts/RobotoLight.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: RobotoMedium; font-style: normal; font-weight: 500; src: local(RobotoMedium); src: url("../fonts/RobotoMedium.woff2") format("woff2"), url("../fonts/RobotoMedium.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: RobotoSemiBold; font-style: normal; font-weight: 600; src: local(RobotoSemiBold); src: url("../fonts/RobotoSemiBold.woff2") format("woff2"), url("../fonts/RobotoSemiBold.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: RobotoBold; font-style: normal; font-weight: 700; src: local(RobotoBold); src: url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: AkrobatRegular; font-style: normal; font-weight: 400; src: local(AkrobatRegular); src: url("../fonts/AkrobatRegular.woff2") format("woff2"), url("../fonts/AkrobatRegular.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: AkrobatLight; font-style: normal; font-weight: 300; src: local(AkrobatLight); src: url("../fonts/AkrobatLight.woff2") format("woff2"), url("../fonts/AkrobatLight.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: AkrobatSemiBold; font-style: normal; font-weight: 600; src: local(AkrobatSemiBold); src: url("../fonts/AkrobatSemiBold.woff2") format("woff2"), url("../fonts/AkrobatSemiBold.woff") format("woff"); } @font-face { /* Super Modern Browsers */ /* Pretty Modern Browsers */ font-family: AkrobatBold, Arial, sans-serif; font-style: normal; font-weight: 700; src: local(AkrobatBold); src: url("../fonts/AkrobatBold.woff2") format("woff2"), url("../fonts/AkrobatBold.woff") format("woff"); } @font-face { /* Pretty Modern Browsers */ font-family: GeorgiaItalic; font-style: italic; font-weight: 400; src: local(GeorgiaItalic); src: url("../fonts/GeorgiaItalic.woff") format("woff"); } /*========================================================================== HTML, BODY styles ==========================================================================*/ html { height: 100%; } body { font-family: Arial, sans-serif; background-color: #eff0f2; color: #333; height: 100%; line-height: 1.2; min-width: 1320px; width: 100%; } body.is-fixed { overflow: hidden; } * { font-family: Arial, sans-serif; } /** * Swiper 6.8.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 3, 2021 */ @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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display: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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /*========================================================================== ruble sign ==========================================================================*/ @supports (-moz-osx-font-smoothing: auto) { /* Detect Mac Firefox 25 or newer */ font-family: "Helvetica Neue"; } /*========================================================================== layout / grid ==========================================================================*/ .container { min-height: 100%; min-width: 320px; overflow: hidden; } .visually-hidden { height: 1px; left: -10000px; overflow: hidden; pointer-events: none; position: absolute; top: auto; width: 1px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .news-short-preview__time { font-family: RobotoMedium; font-size: 12px; color: #c00000; } .news-short-preview__date { color: #999; font-family: RobotoRegular; padding-left: 4px; } .news-short-preview__title { font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; } .news-short-preview__title-link { color: #333; text-decoration: none; } .news-short-preview__title-link:hover { color: #0070c0; } .news-short-previews { background-color: #fff; padding: 30px 20px; } .news-short-previews__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .news-short-previews__list { margin: 20px 0 30px; } .news-short-previews__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .news-short-previews__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .news-short-previews__all-link:hover { color: #333; } .event-short-preview__date { color: #c00000; font-family: RobotoMedium; font-size: 12px; } .event-short-preview__text { font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; } .event-short-preview__text-link { color: #333; text-decoration: none; } .event-short-preview__text-link:hover { color: #0070c0; } .events-short-previews { background-color: #fff; padding: 30px 20px; } .events-short-previews__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .events-short-previews__list { margin: 20px 0 30px; } .events-short-previews__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .events-short-previews__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .events-short-previews__all-link:hover { color: #333; } .project-preview { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; height: 200px; padding: 26px 0; } .project-preview__logo { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 1 1 0px; flex: 1 1 0; text-align: center; } .project-preview__logo-image { display: inline-block; -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto; margin: auto; max-width: 100%; } .project-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 20px; text-align: center; } .project-preview__title-link { color: #333; font-family: AkrobatRegular; font-size: 16px; line-height: 1.2; text-decoration: none; } .project-preview__title-link:hover { color: #0070c0; } .projects-previews { background-color: #fff; padding: 0 20px; } .projects-previews__item_not-first { border-top: 1px solid #e5e5e5; } .book-preview-compact__cover { background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25); display: block; height: 230px; max-width: 100%; overflow: hidden; position: relative; width: 160px; } .book-preview-compact__cover_size-m { box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1); height: 270px; width: 180px; } .book-preview-compact__cover_logo { background-color: #f7f8fa; } .book-preview-compact__cover_logo:hover { background-color: #eff0f2; } .book-preview-compact__cover_image:before { background-color: #fff; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .book-preview-compact__cover_image:hover:before { opacity: 0.25; } .book-preview-compact__cover-logo { bottom: 0; display: block; height: 110px; left: -10px; margin: auto 0; position: absolute; top: 0; width: 140px; } .book-preview-compact__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .book-preview-compact__title { font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 18px; max-height: 4.8em; overflow: hidden; } .book-preview-compact__title_size-m { font-family: AkrobatSemiBold; font-size: 16px; line-height: 1.44; max-height: 4.32em; } .book-preview-compact__title-link { color: #333; text-decoration: none; } .book-preview-compact__title-link:hover { color: #0070c0; } .library { background-color: #fff; padding: 30px 20px; } .library__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .library__list-wrapper { box-sizing: border-box; height: 300px; margin: 20px 0 30px -20px; overflow: hidden; padding-left: 20px; position: relative; } .library__list { width: 190px; } .library__item { height: 300px; } .library__navigation { display: block; left: 190px; position: absolute; top: 0; width: 30px; } .library__button { background-color: #32324b; border-radius: 50%; box-sizing: border-box; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; width: 30px; } .library__button_next { transform: scaleY(-1); } .library__button:hover { background-color: #656578; } .library__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .library__fraction { color: #999; font-family: AkrobatSemiBold; font-size: 14px; height: 60px; line-height: 60px; margin: 0 -5px; text-align: center; } .library__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .library__all-link:hover { color: #333; } .article-preview-topic { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 600px; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .article-preview-topic__cover { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 400px; left: 0; position: absolute; top: 0; width: 100%; } .article-preview-topic__cover::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .article-preview-topic__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview-topic__tag { font-family: RobotoBold; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; padding: 0 20px; position: relative; text-transform: uppercase; } .article-preview-topic__tag-link { color: #fff; text-decoration: none; } .article-preview-topic__tag-link:hover { opacity: 0.6; } .article-preview-topic__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 40px; line-height: 1.18; margin-top: 4px; padding: 0 20px; position: relative; } .article-preview-topic__title-link { color: #fff; text-decoration: none; } .article-preview-topic__title-link:hover { opacity: 0.6; } .article-preview-topic__subtitle { font-family: RobotoRegular; font-size: 18px; line-height: 1.4; margin-top: 4px; padding: 0 20px; position: relative; } .article-preview-topic__content { background-size: 0; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 200px; margin-top: 10px; overflow: hidden; padding: 20px; position: relative; z-index: 1; } .article-preview-topic__content::before { background-image: inherit; background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: calc(100% + 5px); left: -2px; position: absolute; right: -2px; top: -5px; transform: scale(1, -1); z-index: -2; } .article-preview-topic__content::after { background-color: rgba(0, 0, 0, 0.75); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .article-preview-topic__announce { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 16px; line-height: 1.6; margin-bottom: 17px; max-height: 8em; overflow: hidden; width: 100%; } .article-preview-topic__date { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .article-preview-topic__author { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview-topic__author::before { border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview-topic__author-link { color: rgba(255, 255, 255, 0.5); text-decoration: none; } .article-preview-topic__author-link:hover { color: #fff; } .article-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 200px; padding-left: 220px; position: relative; } .article-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; left: 0; position: absolute; top: 0; width: 200px; } .article-preview__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview__cover:hover::after { opacity: 0.25; } .article-preview__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview__tags { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; width: 100%; } .article-preview__tags_compact { margin-bottom: 4px; } .article-preview__tag { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; } .article-preview__tag:hover { text-decoration: underline; } .article-preview__tag_not-first { margin-left: 10px; } .article-preview__tag_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__tag_red { color: #c00000; } .article-preview__tag_blue { color: #0070c0; } .article-preview__tag_gray { color: #666; } .article-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; width: 100%; } .article-preview__title-link { color: #333; text-decoration: none; } .article-preview__title-link:hover { color: #0070c0; } .article-preview__announce { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; width: 100%; } .article-preview__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; width: 100%; } .article-preview__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; } .article-preview__date_highlighted { color: #c00000; } .article-preview__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 10px; } .article-preview__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__author-link { color: #999; text-decoration: none; } .article-preview__place { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview__place::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .articles-previews__item { box-sizing: border-box; height: 260px; padding: 20px 20px 40px; } .articles-previews__item_not-first { position: relative; } .articles-previews__item_not-first::before { border-top: 1px solid #e5e5e5; content: ''; left: 20px; position: absolute; right: 20px; top: 0; } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .main-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .main-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .main-page__main-content { background-color: #fff; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 20px; width: calc(100% - 640px); } .main-page__events-short-previews { margin-top: 20px; } .main-page__projects-previews { margin-top: 20px; } .main-page__library { margin-top: 20px; } .main-page__articles { margin-top: 10px; padding-bottom: 30px; } .main-page__articles-link-all { background-color: #202540; border-radius: 25px; color: #fff; display: block; font-family: Roboto; font-size: 12px; font-weight: 700; height: 50px; letter-spacing: 0.02em; line-height: 48px; margin: 0 auto; padding: 0 15px; text-align: center; text-decoration: none; text-transform: uppercase; width: 180px; } .main-page__articles-link-all:hover { background-color: rgba(32, 37, 64, 0.8); } .main-page__video { margin-top: 20px; } .main-page__special-projects { margin-top: 20px; } .main-page__photo { margin-top: 20px; } .main-page__partners { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 50px 0; padding: 0 20px; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .article-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 200px; padding-left: 220px; position: relative; } .article-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; left: 0; position: absolute; top: 0; width: 200px; } .article-preview__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview__cover:hover::after { opacity: 0.25; } .article-preview__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview__tags { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; width: 100%; } .article-preview__tags_compact { margin-bottom: 4px; } .article-preview__tag { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; } .article-preview__tag:hover { text-decoration: underline; } .article-preview__tag_not-first { margin-left: 10px; } .article-preview__tag_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__tag_red { color: #c00000; } .article-preview__tag_blue { color: #0070c0; } .article-preview__tag_gray { color: #666; } .article-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; width: 100%; } .article-preview__title-link { color: #333; text-decoration: none; } .article-preview__title-link:hover { color: #0070c0; } .article-preview__announce { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; width: 100%; } .article-preview__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; width: 100%; } .article-preview__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; } .article-preview__date_highlighted { color: #c00000; } .article-preview__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 10px; } .article-preview__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__author-link { color: #999; text-decoration: none; } .article-preview__place { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview__place::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .articles-previews__item { box-sizing: border-box; height: 260px; padding: 20px 20px 40px; } .articles-previews__item_not-first { position: relative; } .articles-previews__item_not-first::before { border-top: 1px solid #e5e5e5; content: ''; left: 20px; position: absolute; right: 20px; top: 0; } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .select { font-family: RobotoRegular; font-size: 14px; height: 50px; position: relative; width: 240px; } .select_theme-search-results { width: 300px; } .select::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: -1; } .select__native { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 25px; border: none; color: #202540; height: 100%; left: 0; padding: 0 40px 0 30px; position: absolute; top: 0; width: 100%; } .select__container { background-color: #eff0f2; border-radius: 25px; height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100%; } .select__container.is-open { z-index: 3; } .select__container::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .select__container.is-open::before { border-radius: 25px 25px 0 0; } .select__container::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: 1; } .select__container.is-open::after { transform: rotate(180deg); } .select__label { position: relative; z-index: 1; } .select__item { box-sizing: border-box; color: #666; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__label .select__item { line-height: 50px; padding: 0 40px 0 30px; } .select__dropdown-item { line-height: 46px; padding: 0 30px; position: relative; width: 240px; } .select_theme-search-results .select__dropdown-item { width: 300px; } .select__dropdown-item.is-highlighted, .select__dropdown-item:hover { color: #0070c0; } .select__dropdown { box-sizing: border-box; display: none; left: 0; padding: 50px 0 25px; position: absolute; top: 0; width: 100%; } .select__dropdown::before { background-color: #fff; border-bottom: 1px solid #eff0f2; border-left: 1px solid #eff0f2; border-radius: 25px; border-right: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .select__container.is-open .select__dropdown { display: block; } .select__dropdown-body { overflow: hidden; } .select__dropdown .select__list { max-height: 460px; overflow-y: auto; } .select__scrolltrack { bottom: 25px; opacity: 0; position: absolute; right: 0; top: 50px; width: 3px; } .select__dropdown_scrolling .select__scrolltrack { opacity: 1; } .select__scrollbar { background-color: #0070c0; border-radius: 2px; position: relative; width: 100%; } .pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 12px; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination__item_not-first { margin-left: 15px; } .pagination__arrow { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; } .pagination__arrow:hover { background-color: rgba(50, 50, 75, 0.5); } .pagination__arrow-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .pagination__arrow-icon_right { transform-origin: 50% 50%; transform: scaleX(-1); } .pagination__link { color: #999; text-decoration: none; display: block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 5px; text-align: center; } .pagination__link:hover { color: #0070c0; } .pagination__link_active, .pagination__link_active:hover { color: #333; } .articles-previews-block__header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin: -20px 0 18px; padding: 0 20px; } .articles-previews-block__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 20px; padding: 0 20px; text-transform: uppercase; } .articles-previews-block__header .articles-previews-block__title { margin-bottom: 0; padding: 0; } .articles-previews-block__quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .articles-previews-block__select { bottom: -16px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; position: relative; } .articles-previews-block__types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 40px; text-transform: uppercase; } .articles-previews-block__type-button-input { display: none; } .articles-previews-block__type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .articles-previews-block__type-button:hover { color: #0070c0; opacity: 1; } .articles-previews-block__type-button_active, .articles-previews-block__type-button_active:hover, .articles-previews-block__type-button-input:checked + .articles-previews-block__type-button { color: #202540; cursor: text; opacity: 1; } .articles-previews-block__type-button ~ .articles-previews-block__type-button { margin-left: 20px; } .articles-previews-block__compact-items { padding-top: 20px; } .articles-previews-block__pagination { margin-top: 40px; padding: 0 20px; } .news-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .news-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .news-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 30px 20px 40px; width: calc(100% - 320px); } .news-page__breadcrumbs { padding: 0 20px; } .news-page__articles { margin-top: 40px; } .news-page__video { margin-top: 20px; } .news-page__special-projects { margin-top: 20px; } .news-page__photo { margin-top: 20px; } .news-page__news-short-previews { margin-top: 20px; } .news-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 0; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .article-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 200px; padding-left: 220px; position: relative; } .article-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; left: 0; position: absolute; top: 0; width: 200px; } .article-preview__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview__cover:hover::after { opacity: 0.25; } .article-preview__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview__tags { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; width: 100%; } .article-preview__tags_compact { margin-bottom: 4px; } .article-preview__tag { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; } .article-preview__tag:hover { text-decoration: underline; } .article-preview__tag_not-first { margin-left: 10px; } .article-preview__tag_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__tag_red { color: #c00000; } .article-preview__tag_blue { color: #0070c0; } .article-preview__tag_gray { color: #666; } .article-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; width: 100%; } .article-preview__title-link { color: #333; text-decoration: none; } .article-preview__title-link:hover { color: #0070c0; } .article-preview__announce { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; width: 100%; } .article-preview__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; width: 100%; } .article-preview__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; } .article-preview__date_highlighted { color: #c00000; } .article-preview__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 10px; } .article-preview__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__author-link { color: #999; text-decoration: none; } .article-preview__place { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview__place::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .articles-previews__item { box-sizing: border-box; height: 260px; padding: 20px 20px 40px; } .articles-previews__item_not-first { position: relative; } .articles-previews__item_not-first::before { border-top: 1px solid #e5e5e5; content: ''; left: 20px; position: absolute; right: 20px; top: 0; } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .select { font-family: RobotoRegular; font-size: 14px; height: 50px; position: relative; width: 240px; } .select_theme-search-results { width: 300px; } .select::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: -1; } .select__native { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 25px; border: none; color: #202540; height: 100%; left: 0; padding: 0 40px 0 30px; position: absolute; top: 0; width: 100%; } .select__container { background-color: #eff0f2; border-radius: 25px; height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100%; } .select__container.is-open { z-index: 3; } .select__container::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .select__container.is-open::before { border-radius: 25px 25px 0 0; } .select__container::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: 1; } .select__container.is-open::after { transform: rotate(180deg); } .select__label { position: relative; z-index: 1; } .select__item { box-sizing: border-box; color: #666; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__label .select__item { line-height: 50px; padding: 0 40px 0 30px; } .select__dropdown-item { line-height: 46px; padding: 0 30px; position: relative; width: 240px; } .select_theme-search-results .select__dropdown-item { width: 300px; } .select__dropdown-item.is-highlighted, .select__dropdown-item:hover { color: #0070c0; } .select__dropdown { box-sizing: border-box; display: none; left: 0; padding: 50px 0 25px; position: absolute; top: 0; width: 100%; } .select__dropdown::before { background-color: #fff; border-bottom: 1px solid #eff0f2; border-left: 1px solid #eff0f2; border-radius: 25px; border-right: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .select__container.is-open .select__dropdown { display: block; } .select__dropdown-body { overflow: hidden; } .select__dropdown .select__list { max-height: 460px; overflow-y: auto; } .select__scrolltrack { bottom: 25px; opacity: 0; position: absolute; right: 0; top: 50px; width: 3px; } .select__dropdown_scrolling .select__scrolltrack { opacity: 1; } .select__scrollbar { background-color: #0070c0; border-radius: 2px; position: relative; width: 100%; } .pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 12px; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination__item_not-first { margin-left: 15px; } .pagination__arrow { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; } .pagination__arrow:hover { background-color: rgba(50, 50, 75, 0.5); } .pagination__arrow-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .pagination__arrow-icon_right { transform-origin: 50% 50%; transform: scaleX(-1); } .pagination__link { color: #999; text-decoration: none; display: block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 5px; text-align: center; } .pagination__link:hover { color: #0070c0; } .pagination__link_active, .pagination__link_active:hover { color: #333; } .articles-previews-block__header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin: -20px 0 18px; padding: 0 20px; } .articles-previews-block__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 20px; padding: 0 20px; text-transform: uppercase; } .articles-previews-block__header .articles-previews-block__title { margin-bottom: 0; padding: 0; } .articles-previews-block__quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .articles-previews-block__select { bottom: -16px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; position: relative; } .articles-previews-block__types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 40px; text-transform: uppercase; } .articles-previews-block__type-button-input { display: none; } .articles-previews-block__type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .articles-previews-block__type-button:hover { color: #0070c0; opacity: 1; } .articles-previews-block__type-button_active, .articles-previews-block__type-button_active:hover, .articles-previews-block__type-button-input:checked + .articles-previews-block__type-button { color: #202540; cursor: text; opacity: 1; } .articles-previews-block__type-button ~ .articles-previews-block__type-button { margin-left: 20px; } .articles-previews-block__compact-items { padding-top: 20px; } .articles-previews-block__pagination { margin-top: 40px; padding: 0 20px; } .articles-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .articles-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .articles-page__main-content { background-color: #fff; box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 30px 20px 40px; width: calc(100% - 320px); } .articles-page__breadcrumbs { padding: 0 20px; } .articles-page__articles { margin-top: 40px; } .articles-page__video { margin-top: 20px; } .articles-page__photo { margin-top: 20px; } .articles-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 50px; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .article-sharing { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .article-sharing__icon { display: block; fill: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-right: 20px; width: 17px; } .article-sharing__content { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50px; } .article-sharing .ya-share2__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .article-sharing .ya-share2__item { -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .article-sharing .ya-share2__item + .ya-share2__item::before { background-color: #eff0f2; bottom: 0; content: ''; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 1px; } .article-sharing .ya-share2__link { display: block; font-size: 0; height: 50px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50px; } .article-sharing .ya-share2__badge { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .article-sharing .ya-share2__item_service_facebook .ya-share2__badge { background-image: url(../img/svg-icons/facebook.svg); height: 16px; width: 16px; } .article-sharing .ya-share2__item_service_vkontakte .ya-share2__badge { background-image: url(../img/svg-icons/vkontakte.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_odnoklassniki .ya-share2__badge { background-image: url(../img/svg-icons/odnoklassniki.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_twitter .ya-share2__badge { background-image: url(../img/svg-icons/twitter.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_telegram .ya-share2__badge { background-image: url(../img/svg-icons/telegram.svg); height: 18px; width: 18px; } .article-preview-compact__cover { background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 180px; margin-bottom: 20px; position: relative; } .article-preview-compact_size-m .article-preview-compact__cover { height: 300px; } .article-preview-compact__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview-compact__cover:hover::after { opacity: 0.25; } .article-preview-compact__cover_video::after { opacity: 0.5; } .article-preview-compact__cover_video:hover::after { opacity: 0.75; } .article-preview-compact__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview-compact__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview-compact__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview-compact__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview-compact__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 0; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .article-preview-compact_size-m .article-preview-compact__video-button { height: 80px; width: 80px; } .article-preview-compact__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .article-preview-compact_size-m .article-preview-compact__video-button-icon { height: 28px; width: 28px; } .article-preview-compact__info { -ms-flex-align: baseline; align-items: baseline; color: #999; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; width: 100%; } .article-preview-compact__date { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .article-preview-compact__date_highlighted { color: #c00000; } .article-preview-compact__title + .article-preview-compact__date { margin-top: 10px; } .article-preview-compact__time { color: #333; padding-right: 10px; } .article-preview-compact__author { -ms-flex: 0 0 auto; flex: 0 0 auto; } .article-preview-compact__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 16px; font-weight: 600; line-height: 1.44; margin-top: 10px; max-height: 4.32em; overflow: hidden; } .article-preview-compact_size-m .article-preview-compact__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.28; } .article-preview-compact__title-link { color: #333; text-decoration: none; } .article-preview-compact__title-link:hover { color: #0070c0; } .articles-previews-slider { overflow: hidden; } .articles-previews-slider__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .articles-previews-slider__item { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 320px; margin-right: 30px; width: 260px; } .articles-previews-slider__navigation { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; height: 30px; margin-top: 20px; } .articles-previews-slider__button { border-radius: 50%; border: 2px solid currentColor; box-sizing: border-box; color: rgba(32, 37, 64, 0.25); cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; outline: none; position: relative; width: 30px; z-index: 2; } .articles-previews-slider__button_next { margin-left: 10px; transform: scaleX(-1); } .articles-previews-slider__button:hover { color: rgba(32, 37, 64, 0.5); } .articles-previews-slider__button-icon { bottom: 0; color: currentColor; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor { color: #666; font-family: RobotoRegular; font-size: 16px; line-height: 1.625; } .text-editor b { font-family: RobotoBold; font-weight: 700; } .text-editor h4 { color: #333; font-family: RobotoMedium; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 1.67em 0; } .text-editor p { margin: 1.8em 0; } .text-editor blockquote { color: #333; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 2em 0; padding-left: 40px; position: relative; } .text-editor blockquote::before { background-color: #c00000; bottom: 3px; content: ''; left: 0; position: absolute; top: 4px; width: 5px; } .text-editor .insertion { box-sizing: border-box; color: #333; font-family: GeorgiaItalic; font-size: 18px; line-height: 1.6; margin: 50px 0 50px 40px; max-width: 100%; padding-left: 80px; position: relative; width: 690px; } .text-editor .insertion-icon { display: block; fill: #e5e5e5; height: 26px; left: 0; position: absolute; top: 9px; width: 36px; } .text-editor img { margin: 0 40px 40px 0; vertical-align: top; } .text-editor img.wide { height: auto; margin: 20px 0; width: 100%; } .text-editor figure { margin: 0 40px 40px 0; } .text-editor figure img { display: block; margin: 0; vertical-align: top; } .text-editor figcaption { color: #999; font-family: RobotoRegular; font-style: italic; font-size: 14px; line-height: 23px; margin-top: 18px; } .text-editor ul { margin: 1.8em 0; } .text-editor ul li { display: -ms-flexbox; /* display: flex; */ padding-left: 20px; position: relative; } .text-editor ul li::before { background-color: currentColor; border-radius: 50%; bottom: 4px; color: inherit; content: ''; height: 4px; left: 0; position: absolute; top: 11px; width: 4px; } .text-editor iframe { margin: 1.8em 0; width: 100% !important; } .text-editor a { color: #0070c0; text-decoration: none; } .text-editor .expert-preview { margin-top: 20px; } .text-editor .expert-preview__name-link { color: #333; } .text-editor .expert-preview__description { color: #999; } .text-editor .spoiler + .spoiler { border-top: 1px solid #e5e5e5; } .text-editor .spoiler__open-input { display: none; } .text-editor .spoiler__header { -ms-flex-align: center; align-items: center; box-sizing: border-box; color: #333; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 16px; height: 79px; padding-right: 60px; position: relative; } .text-editor .spoiler__quantity { color: #666; padding-left: 4px; } .text-editor .spoiler__open-button { background: none; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .text-editor .spoiler__open-button-body { border-radius: 50%; border: 2px solid #0070c0; bottom: 0; display: block; height: 30px; margin: auto 0; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body { opacity: 0.5; } .text-editor .spoiler__open-button-body::before, .text-editor .spoiler__open-button-body::after { background-color: #0070c0; bottom: 0; content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor .spoiler__open-button-body::after { transform-origin: 50% 50%; transform: rotate(90.01deg); } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body::after { display: none; } .text-editor .spoiler__content { display: none; } .text-editor .spoiler__open-input:checked ~ .spoiler__content { display: block; } .text-editor .organisation { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 50px 0 50px 60px; } .text-editor .organisation__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 36px; } .text-editor .organisation__description { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; font-style: italic; line-height: 23px; max-width: 400px; } .article-detailed__cover { float: left; margin: 0 40px 50px 0; width: 400px; } .article-detailed__cover-image { display: block; height: auto; width: 100%; } .article-detailed__cover-caption { color: #999; font-family: RobotoRegular; font-size: 14px; font-style: italic; font-weight: 400; line-height: 23px; margin-top: 20px; } .article-detailed__cover-caption a { color: #0070c0; text-decoration: none; } .article-detailed__tags { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; /* display: flex; */ font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; } .article-detailed__tags-item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .article-detailed__tags-item_not-first { margin-left: 10px; } .article-detailed__tags-item_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-detailed__tag { text-decoration: none; } .article-detailed__tag_red { color: #c00000; } .article-detailed__tag_blue { color: #0070c0; } .article-detailed__tag_gray { color: #666; } .article-detailed__tag:hover { text-decoration: underline; } .article-detailed__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .article-detailed__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .article-detailed__date_highlighted { color: #c00000; } .article-detailed__time { color: #333; padding-right: 10px; } .article-detailed__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-detailed__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-detailed__title { color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 24px; line-height: 1.42; margin-bottom: 28px; } .article-detailed__content::after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .article-detailed__buttons { -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; display: -ms-flexbox; display: flex; margin-top: 50px; padding-top: 20px; } .article-detailed__share { -ms-flex: 0 0 auto; flex: 0 0 auto; } .article-detailed__print-button { background: none; border: none; color: #999; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 50px; margin-left: auto; padding: 0 0 0 30px; position: relative; text-decoration: none; } .article-detailed__print-button:hover { color: #0070c0; } .article-detailed__print-button-icon { bottom: 0; height: 20px; left: 0; margin: auto 0; position: absolute; top: 0; width: 20px; display: block; } .article-detailed__comments { margin-top: 50px; } .article-detailed__similar { background-color: #f6f7f9; border-top: 1px solid #e5e5e5; box-sizing: border-box; margin: 60px -40px 0; padding: 40px; } .article-detailed__similar-title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 23px; margin-bottom: 24px; text-transform: uppercase; } .article-sharing { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .article-sharing__icon { display: block; fill: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-right: 20px; width: 17px; } .article-sharing__content { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50px; } .article-sharing .ya-share2__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .article-sharing .ya-share2__item { -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .article-sharing .ya-share2__item + .ya-share2__item::before { background-color: #eff0f2; bottom: 0; content: ''; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 1px; } .article-sharing .ya-share2__link { display: block; font-size: 0; height: 50px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50px; } .article-sharing .ya-share2__badge { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .article-sharing .ya-share2__item_service_facebook .ya-share2__badge { background-image: url(../img/svg-icons/facebook.svg); height: 16px; width: 16px; } .article-sharing .ya-share2__item_service_vkontakte .ya-share2__badge { background-image: url(../img/svg-icons/vkontakte.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_odnoklassniki .ya-share2__badge { background-image: url(../img/svg-icons/odnoklassniki.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_twitter .ya-share2__badge { background-image: url(../img/svg-icons/twitter.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_telegram .ya-share2__badge { background-image: url(../img/svg-icons/telegram.svg); height: 18px; width: 18px; } .book-preview-compact__cover { background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25); display: block; height: 230px; max-width: 100%; overflow: hidden; position: relative; width: 160px; } .book-preview-compact__cover_size-m { box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1); height: 270px; width: 180px; } .book-preview-compact__cover_logo { background-color: #f7f8fa; } .book-preview-compact__cover_logo:hover { background-color: #eff0f2; } .book-preview-compact__cover_image:before { background-color: #fff; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .book-preview-compact__cover_image:hover:before { opacity: 0.25; } .book-preview-compact__cover-logo { bottom: 0; display: block; height: 110px; left: -10px; margin: auto 0; position: absolute; top: 0; width: 140px; } .book-preview-compact__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .book-preview-compact__title { font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 18px; max-height: 4.8em; overflow: hidden; } .book-preview-compact__title_size-m { font-family: AkrobatSemiBold; font-size: 16px; line-height: 1.44; max-height: 4.32em; } .book-preview-compact__title-link { color: #333; text-decoration: none; } .book-preview-compact__title-link:hover { color: #0070c0; } .books-previews-slider { overflow: hidden; } .books-previews-slider__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .books-previews-slider__item { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 360px; margin-right: 40px; width: calc(25% - 30px); } .books-previews-slider__navigation { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; height: 30px; margin-top: 20px; } .books-previews-slider__button { border-radius: 50%; border: 2px solid currentColor; box-sizing: border-box; color: rgba(32, 37, 64, 0.25); cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; outline: none; position: relative; width: 30px; z-index: 2; } .books-previews-slider__button_next { margin-left: 10px; transform: scaleX(-1); } .books-previews-slider__button:hover { color: rgba(32, 37, 64, 0.5); } .books-previews-slider__button-icon { bottom: 0; color: currentColor; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor { color: #666; font-family: RobotoRegular; font-size: 16px; line-height: 1.625; } .text-editor b { font-family: RobotoBold; font-weight: 700; } .text-editor h4 { color: #333; font-family: RobotoMedium; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 1.67em 0; } .text-editor p { margin: 1.8em 0; } .text-editor blockquote { color: #333; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 2em 0; padding-left: 40px; position: relative; } .text-editor blockquote::before { background-color: #c00000; bottom: 3px; content: ''; left: 0; position: absolute; top: 4px; width: 5px; } .text-editor .insertion { box-sizing: border-box; color: #333; font-family: GeorgiaItalic; font-size: 18px; line-height: 1.6; margin: 50px 0 50px 40px; max-width: 100%; padding-left: 80px; position: relative; width: 690px; } .text-editor .insertion-icon { display: block; fill: #e5e5e5; height: 26px; left: 0; position: absolute; top: 9px; width: 36px; } .text-editor img { margin: 0 40px 40px 0; vertical-align: top; } .text-editor img.wide { height: auto; margin: 20px 0; width: 100%; } .text-editor figure { margin: 0 40px 40px 0; } .text-editor figure img { display: block; margin: 0; vertical-align: top; } .text-editor figcaption { color: #999; font-family: RobotoRegular; font-style: italic; font-size: 14px; line-height: 23px; margin-top: 18px; } .text-editor ul { margin: 1.8em 0; } .text-editor ul li { display: -ms-flexbox; /* display: flex;*/ padding-left: 20px; position: relative; } .text-editor ul li::before { background-color: currentColor; border-radius: 50%; bottom: 4px; color: inherit; content: ''; height: 4px; left: 0; position: absolute; top: 11px; width: 4px; } .text-editor iframe { margin: 1.8em 0; width: 100% !important; } .text-editor a { color: #0070c0; text-decoration: none; } .text-editor .expert-preview { margin-top: 20px; } .text-editor .expert-preview__name-link { color: #333; } .text-editor .expert-preview__description { color: #999; } .text-editor .spoiler + .spoiler { border-top: 1px solid #e5e5e5; } .text-editor .spoiler__open-input { display: none; } .text-editor .spoiler__header { -ms-flex-align: center; align-items: center; box-sizing: border-box; color: #333; display: -ms-flexbox; /* display: flex;*/ font-family: RobotoMedium; font-size: 16px; height: 79px; padding-right: 60px; position: relative; } .text-editor .spoiler__quantity { color: #666; padding-left: 4px; } .text-editor .spoiler__open-button { background: none; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .text-editor .spoiler__open-button-body { border-radius: 50%; border: 2px solid #0070c0; bottom: 0; display: block; height: 30px; margin: auto 0; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body { opacity: 0.5; } .text-editor .spoiler__open-button-body::before, .text-editor .spoiler__open-button-body::after { background-color: #0070c0; bottom: 0; content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor .spoiler__open-button-body::after { transform-origin: 50% 50%; transform: rotate(90.01deg); } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body::after { display: none; } .text-editor .spoiler__content { display: none; } .text-editor .spoiler__open-input:checked ~ .spoiler__content { display: block; } .text-editor .organisation { -ms-flex-align: center; align-items: center; display: -ms-flexbox; /* display: flex;*/ margin: 50px 0 50px 60px; } .text-editor .organisation__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 36px; } .text-editor .organisation__description { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; font-style: italic; line-height: 23px; max-width: 400px; } .book-detailed__cover { background-color: #f7f8fa; box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1); float: left; margin: 0 40px 50px 0; position: relative; width: 300px; } .book-detailed__cover-image { display: block; height: auto; width: 100%; } .book-detailed__cover-logo { bottom: 0; display: block; height: 225px; left: -20px; margin: auto 0; position: absolute; top: 0; width: 280px; } .book-detailed__info { color: #999; font-family: RobotoRegular; font-size: 14px; line-height: 1.43; } .book-detailed__info-item { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; } .book-detailed__info-item + .book-detailed__info-item { margin-top: 20px; } .book-detailed__info-item-name { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 110px; } .book-detailed__info-item-value { -ms-flex: 1 1 0px; flex: 1 1 0; padding-left: 20px; } .book-detailed__author-link { color: #999; text-decoration: none; } .book-detailed__title { color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 24px; line-height: 1.42; margin-bottom: 23px; position: relative; top: -5px; } .book-detailed__download-button { background-color: #202540; border-radius: 20px; box-sizing: border-box; color: #fff; display: inline-block; font-family: RobotoBold; font-size: 12px; height: 40px; letter-spacing: 0.02em; line-height: 40px; margin-top: 30px; padding: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: top; width: 140px; } .book-detailed__content { margin-top: 50px; } .book-detailed__content::after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .book-detailed__buttons { -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; display: -ms-flexbox; display: flex; margin-top: 50px; padding-top: 20px; } .book-detailed__share { -ms-flex: 0 0 auto; flex: 0 0 auto; } .book-detailed__print-button { background: none; border: none; color: #999; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 50px; margin-left: auto; padding: 0 0 0 30px; position: relative; text-decoration: none; } .book-detailed__print-button:hover { color: #0070c0; } .book-detailed__print-button-icon { bottom: 0; height: 20px; left: 0; margin: auto 0; position: absolute; top: 0; width: 20px; display: block; } .book-detailed__comments { margin-top: 50px; } .book-detailed__similar { background-color: #f6f7f9; border-top: 1px solid #e5e5e5; box-sizing: border-box; margin: 60px -40px 0; padding: 40px; } .book-detailed__similar-title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 23px; margin-bottom: 24px; text-transform: uppercase; } .article-sharing { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .article-sharing__icon { display: block; fill: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-right: 20px; width: 17px; } .article-sharing__content { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50px; } .article-sharing .ya-share2__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .article-sharing .ya-share2__item { -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .article-sharing .ya-share2__item + .ya-share2__item::before { background-color: #eff0f2; bottom: 0; content: ''; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 1px; } .article-sharing .ya-share2__link { display: block; font-size: 0; height: 50px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50px; } .article-sharing .ya-share2__badge { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .article-sharing .ya-share2__item_service_facebook .ya-share2__badge { background-image: url(../img/svg-icons/facebook.svg); height: 16px; width: 16px; } .article-sharing .ya-share2__item_service_vkontakte .ya-share2__badge { background-image: url(../img/svg-icons/vkontakte.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_odnoklassniki .ya-share2__badge { background-image: url(../img/svg-icons/odnoklassniki.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_twitter .ya-share2__badge { background-image: url(../img/svg-icons/twitter.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_telegram .ya-share2__badge { background-image: url(../img/svg-icons/telegram.svg); height: 18px; width: 18px; } .text-editor { color: #666; font-family: RobotoRegular; font-size: 16px; line-height: 1.625; } .text-editor b { font-family: RobotoBold; font-weight: 700; } .text-editor h4 { color: #333; font-family: RobotoMedium; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 1.67em 0; } .text-editor p { margin: 1.8em 0; } .text-editor blockquote { color: #333; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 2em 0; padding-left: 40px; position: relative; } .text-editor blockquote::before { background-color: #c00000; bottom: 3px; content: ''; left: 0; position: absolute; top: 4px; width: 5px; } .text-editor .insertion { box-sizing: border-box; color: #333; font-family: GeorgiaItalic; font-size: 18px; line-height: 1.6; margin: 50px 0 50px 40px; max-width: 100%; padding-left: 80px; position: relative; width: 690px; } .text-editor .insertion-icon { display: block; fill: #e5e5e5; height: 26px; left: 0; position: absolute; top: 9px; width: 36px; } .text-editor img { margin: 0 40px 40px 0; vertical-align: top; } .text-editor img.wide { height: auto; margin: 20px 0; width: 100%; } .text-editor figure { margin: 0 40px 40px 0; } .text-editor figure img { display: block; margin: 0; vertical-align: top; } .text-editor figcaption { color: #999; font-family: RobotoRegular; font-style: italic; font-size: 14px; line-height: 23px; margin-top: 18px; } .text-editor ul { margin: 1.8em 0; } .text-editor ul li { display: -ms-flexbox; /* display: flex;*/ padding-left: 20px; position: relative; } .text-editor ul li::before { background-color: currentColor; border-radius: 50%; bottom: 4px; color: inherit; content: ''; height: 4px; left: 0; position: absolute; top: 11px; width: 4px; } .text-editor iframe { margin: 1.8em 0; width: 100% !important; } .text-editor a { color: #0070c0; text-decoration: none; } .text-editor .expert-preview { margin-top: 20px; } .text-editor .expert-preview__name-link { color: #333; } .text-editor .expert-preview__description { color: #999; } .text-editor .spoiler + .spoiler { border-top: 1px solid #e5e5e5; } .text-editor .spoiler__open-input { display: none; } .text-editor .spoiler__header { -ms-flex-align: center; align-items: center; box-sizing: border-box; color: #333; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 16px; height: 79px; padding-right: 60px; position: relative; } .text-editor .spoiler__quantity { color: #666; padding-left: 4px; } .text-editor .spoiler__open-button { background: none; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .text-editor .spoiler__open-button-body { border-radius: 50%; border: 2px solid #0070c0; bottom: 0; display: block; height: 30px; margin: auto 0; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body { opacity: 0.5; } .text-editor .spoiler__open-button-body::before, .text-editor .spoiler__open-button-body::after { background-color: #0070c0; bottom: 0; content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor .spoiler__open-button-body::after { transform-origin: 50% 50%; transform: rotate(90.01deg); } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body::after { display: none; } .text-editor .spoiler__content { display: none; } .text-editor .spoiler__open-input:checked ~ .spoiler__content { display: block; } .text-editor .organisation { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 50px 0 50px 60px; } .text-editor .organisation__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 36px; } .text-editor .organisation__description { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; font-style: italic; line-height: 23px; max-width: 400px; } .special-project-detailed { padding-bottom: 40px; } .special-project-detailed__articles { margin: 50px -20px 0; } .special-project-detailed__articles-header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding: 0 20px; } .special-project-detailed__articles-title { color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; } .special-project-detailed__articles-quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .special-project-detailed__articles-types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: auto; padding-left: 20px; text-transform: uppercase; } .special-project-detailed__articles-type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .special-project-detailed__articles-type-button_active { cursor: text; opacity: 1; } .special-project-detailed__articles-type-button + .special-project-detailed__articles-type-button { margin-left: 20px; } .media-slider { height: 100%; overflow: hidden; } .media-slider__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; height: 100%; } .media-slider__item { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; width: 100%; } .media-slider__image-wrapper { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; box-sizing: border-box; -ms-flex: 1 1 0px; flex: 1 1 0; padding: 0 50px; position: relative; width: 100%; } .media-slider__image { display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-slider__description { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; height: 3.2em; line-height: 1.6; overflow: hidden; padding: 18px 0 10px; width: 100%; } .media-slider-thumbnails { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-slider-thumbnails__item { cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 80px; } .media-slider-thumbnails__item.is-active { cursor: default; } .media-slider-thumbnails__image { display: block; height: 100%; opacity: 0.5; transition: opacity 0.3s ease; width: auto; } .media-slider-thumbnails__item.is-active .media-slider-thumbnails__image { opacity: 1; } .media-gallery-popup { background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); box-sizing: border-box; display: none; height: 100%; left: 0; padding: 20px; position: fixed; top: 0; width: 100%; z-index: 10; } .media-gallery-popup.is-active { display: block; } .media-gallery-popup__body { height: 100%; position: relative; } .media-gallery-popup__slider { box-sizing: border-box; height: calc(100% - 80px); left: 0; position: absolute; top: 0; width: 100%; } .media-gallery-popup__thumbnails { bottom: 0; display: block; height: 80px; left: 0; overflow: hidden; position: absolute; width: 100%; } .media-gallery-popup__slider-button { border-radius: 50%; border: 2px solid rgba(32, 37, 64, 0.25); bottom: 30px; box-sizing: border-box; cursor: pointer; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; margin: auto 0; outline: none; position: absolute; top: 0; width: 30px; z-index: 2; } .media-gallery-popup__slider-button_previous { left: 0; } .media-gallery-popup__slider-button_next { right: 0; transform: scaleX(-1); } .media-gallery-popup__slider-button-icon { bottom: 0; color: rgba(32, 37, 64, 0.25); display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .media-gallery-popup__close-button { background: none; border: none; cursor: pointer; display: block; height: 36px; outline: none; padding: 0; position: absolute; right: -10px; top: -10px; width: 36px; } .media-gallery-popup__close-button::before, .media-gallery-popup__close-button::after { background-color: #c00000; border-radius: 2px; bottom: 0; content: ''; height: 3px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transform-origin: 50% 50%; width: 20px; } .media-gallery-popup__close-button::before { transform: rotate(-45deg); } .media-gallery-popup__close-button::after { transform: rotate(45deg); } .media-slider { height: 100%; overflow: hidden; } .media-slider__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; height: 100%; } .media-slider__item { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; width: 100%; } .media-slider__image-wrapper { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; box-sizing: border-box; -ms-flex: 1 1 0px; flex: 1 1 0; padding: 0 50px; position: relative; width: 100%; } .media-slider__image { display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-slider__description { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; height: 3.2em; line-height: 1.6; overflow: hidden; padding: 18px 0 10px; width: 100%; } .media-slider-thumbnails { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-slider-thumbnails__item { cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 80px; } .media-slider-thumbnails__item.is-active { cursor: default; } .media-slider-thumbnails__image { display: block; height: 100%; opacity: 0.5; transition: opacity 0.3s ease; width: auto; } .media-slider-thumbnails__item.is-active .media-slider-thumbnails__image { opacity: 1; } .media-slider-navigation { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .media-slider-navigation__fraction { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 14px; line-height: 30px; overflow: hidden; text-align: center; width: 100px; } .media-slider-navigation__fraction .swiper-pagination-current { color: #333; } .media-slider-navigation__button { border-radius: 50%; border: 2px solid rgba(32, 37, 64, 0.25); box-sizing: border-box; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; outline: none; position: relative; width: 30px; z-index: 2; } .media-slider-navigation__button_next { transform: scaleX(-1); } .media-slider-navigation__button-icon { bottom: 0; color: rgba(32, 37, 64, 0.25); display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .media-gallery { overflow: hidden; padding-bottom: 50px; position: relative; } .media-gallery__thumbnails { display: block; margin-bottom: 20px; } .media-gallery__slider { height: 560px; } .media-gallery__controls { bottom: 0; box-sizing: border-box; display: block; height: 30px; left: 0; padding: 0 60px; position: absolute; width: 100%; } .media-gallery__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-gallery__increase-button { background: none; border: none; cursor: pointer; fill: rgba(32, 37, 64, 0.25); height: 30px; outline: none; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .media-gallery__increase-button-icon { display: block; height: 100%; width: 100%; } .article-sharing { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .article-sharing__icon { display: block; fill: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-right: 20px; width: 17px; } .article-sharing__content { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50px; } .article-sharing .ya-share2__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .article-sharing .ya-share2__item { -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .article-sharing .ya-share2__item + .ya-share2__item::before { background-color: #eff0f2; bottom: 0; content: ''; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 1px; } .article-sharing .ya-share2__link { display: block; font-size: 0; height: 50px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50px; } .article-sharing .ya-share2__badge { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .article-sharing .ya-share2__item_service_facebook .ya-share2__badge { background-image: url(../img/svg-icons/facebook.svg); height: 16px; width: 16px; } .article-sharing .ya-share2__item_service_vkontakte .ya-share2__badge { background-image: url(../img/svg-icons/vkontakte.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_odnoklassniki .ya-share2__badge { background-image: url(../img/svg-icons/odnoklassniki.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_twitter .ya-share2__badge { background-image: url(../img/svg-icons/twitter.svg); height: 20px; width: 20px; } .article-sharing .ya-share2__item_service_telegram .ya-share2__badge { background-image: url(../img/svg-icons/telegram.svg); height: 18px; width: 18px; } .article-preview-compact__cover { background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 180px; margin-bottom: 20px; position: relative; } .article-preview-compact_size-m .article-preview-compact__cover { height: 300px; } .article-preview-compact__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview-compact__cover:hover::after { opacity: 0.25; } .article-preview-compact__cover_video::after { opacity: 0.5; } .article-preview-compact__cover_video:hover::after { opacity: 0.75; } .article-preview-compact__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview-compact__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview-compact__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview-compact__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview-compact__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 0; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .article-preview-compact_size-m .article-preview-compact__video-button { height: 80px; width: 80px; } .article-preview-compact__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .article-preview-compact_size-m .article-preview-compact__video-button-icon { height: 28px; width: 28px; } .article-preview-compact__info { -ms-flex-align: baseline; align-items: baseline; color: #999; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; width: 100%; } .article-preview-compact__date { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .article-preview-compact__date_highlighted { color: #c00000; } .article-preview-compact__title + .article-preview-compact__date { margin-top: 10px; } .article-preview-compact__time { color: #333; padding-right: 10px; } .article-preview-compact__author { -ms-flex: 0 0 auto; flex: 0 0 auto; } .article-preview-compact__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 16px; font-weight: 600; line-height: 1.44; margin-top: 10px; max-height: 4.32em; overflow: hidden; } .article-preview-compact_size-m .article-preview-compact__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.28; } .article-preview-compact__title-link { color: #333; text-decoration: none; } .article-preview-compact__title-link:hover { color: #0070c0; } .articles-previews-slider { overflow: hidden; } .articles-previews-slider__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .articles-previews-slider__item { -ms-flex: 0 0 auto; flex: 0 0 auto; height: 320px; margin-right: 30px; width: 260px; } .articles-previews-slider__navigation { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; height: 30px; margin-top: 20px; } .articles-previews-slider__button { border-radius: 50%; border: 2px solid currentColor; box-sizing: border-box; color: rgba(32, 37, 64, 0.25); cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; outline: none; position: relative; width: 30px; z-index: 2; } .articles-previews-slider__button_next { margin-left: 10px; transform: scaleX(-1); } .articles-previews-slider__button:hover { color: rgba(32, 37, 64, 0.5); } .articles-previews-slider__button-icon { bottom: 0; color: currentColor; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor { color: #666; font-family: RobotoRegular; font-size: 16px; line-height: 1.625; } .text-editor b { font-family: RobotoBold; font-weight: 700; } .text-editor h4 { color: #333; font-family: RobotoMedium; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 1.67em 0; } .text-editor p { margin: 1.8em 0; } .text-editor blockquote { color: #333; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 2em 0; padding-left: 40px; position: relative; } .text-editor blockquote::before { background-color: #c00000; bottom: 3px; content: ''; left: 0; position: absolute; top: 4px; width: 5px; } .text-editor .insertion { box-sizing: border-box; color: #333; font-family: GeorgiaItalic; font-size: 18px; line-height: 1.6; margin: 50px 0 50px 40px; max-width: 100%; padding-left: 80px; position: relative; width: 690px; } .text-editor .insertion-icon { display: block; fill: #e5e5e5; height: 26px; left: 0; position: absolute; top: 9px; width: 36px; } .text-editor img { margin: 0 40px 40px 0; vertical-align: top; } .text-editor img.wide { height: auto; margin: 20px 0; width: 100%; } .text-editor figure { margin: 0 40px 40px 0; } .text-editor figure img { display: block; margin: 0; vertical-align: top; } .text-editor figcaption { color: #999; font-family: RobotoRegular; font-style: italic; font-size: 14px; line-height: 23px; margin-top: 18px; } .text-editor ul { margin: 1.8em 0; } .text-editor ul li { display: -ms-flexbox; /* display: flex;*/ padding-left: 20px; position: relative; } .text-editor ul li::before { background-color: currentColor; border-radius: 50%; bottom: 4px; color: inherit; content: ''; height: 4px; left: 0; position: absolute; top: 11px; width: 4px; } .text-editor iframe { margin: 1.8em 0; width: 100% !important; } .text-editor a { color: #0070c0; text-decoration: none; } .text-editor .expert-preview { margin-top: 20px; } .text-editor .expert-preview__name-link { color: #333; } .text-editor .expert-preview__description { color: #999; } .text-editor .spoiler + .spoiler { border-top: 1px solid #e5e5e5; } .text-editor .spoiler__open-input { display: none; } .text-editor .spoiler__header { -ms-flex-align: center; align-items: center; box-sizing: border-box; color: #333; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 16px; height: 79px; padding-right: 60px; position: relative; } .text-editor .spoiler__quantity { color: #666; padding-left: 4px; } .text-editor .spoiler__open-button { background: none; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .text-editor .spoiler__open-button-body { border-radius: 50%; border: 2px solid #0070c0; bottom: 0; display: block; height: 30px; margin: auto 0; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body { opacity: 0.5; } .text-editor .spoiler__open-button-body::before, .text-editor .spoiler__open-button-body::after { background-color: #0070c0; bottom: 0; content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor .spoiler__open-button-body::after { transform-origin: 50% 50%; transform: rotate(90.01deg); } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body::after { display: none; } .text-editor .spoiler__content { display: none; } .text-editor .spoiler__open-input:checked ~ .spoiler__content { display: block; } .text-editor .organisation { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 50px 0 50px 60px; } .text-editor .organisation__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 36px; } .text-editor .organisation__description { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; font-style: italic; line-height: 23px; max-width: 400px; } .media-detailed__cover { float: left; margin: 0 40px 50px 0; width: 400px; } .media-detailed__cover-image { display: block; height: auto; width: 100%; } .media-detailed__cover-caption { color: #999; font-family: RobotoRegular; font-size: 14px; font-style: italic; font-weight: 400; line-height: 23px; margin-top: 20px; } .media-detailed__cover-caption a { color: #0070c0; text-decoration: none; } .media-detailed__tags { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; } .media-detailed__tags-item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .media-detailed__tags-item_not-first { margin-left: 10px; } .media-detailed__tags-item_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .media-detailed__tag { text-decoration: none; } .media-detailed__tag_red { color: #c00000; } .media-detailed__tag_blue { color: #0070c0; } .media-detailed__tag_gray { color: #666; } .media-detailed__tag:hover { text-decoration: underline; } .media-detailed__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .media-detailed__date { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-bottom: 30px; } .media-detailed__date_highlighted { color: #c00000; } .media-detailed__time { color: #333; padding-right: 10px; } .media-detailed__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .media-detailed__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .media-detailed__title { color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 24px; line-height: 1.42; margin-bottom: 28px; } .media-detailed__video iframe { height: 470px !important; width: 100% !important; } .media-detailed__content::after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .media-detailed__buttons { -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; display: -ms-flexbox; display: flex; margin-top: 50px; padding-top: 20px; } .media-detailed__share { -ms-flex: 0 0 auto; flex: 0 0 auto; } .media-detailed__print-button { background: none; border: none; color: #999; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 50px; margin-left: auto; padding: 0 0 0 30px; position: relative; text-decoration: none; } .media-detailed__print-button:hover { color: #0070c0; } .media-detailed__print-button-icon { bottom: 0; height: 20px; left: 0; margin: auto 0; position: absolute; top: 0; width: 20px; display: block; } .media-detailed__comments { margin-top: 50px; } .media-detailed__similar { background-color: #f6f7f9; border-top: 1px solid #e5e5e5; box-sizing: border-box; margin: 60px -40px 0; padding: 40px; } .media-detailed__similar-title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 23px; margin-bottom: 24px; text-transform: uppercase; } .article-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 200px; padding-left: 220px; position: relative; } .article-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; left: 0; position: absolute; top: 0; width: 200px; } .article-preview__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview__cover:hover::after { opacity: 0.25; } .article-preview__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview__tags { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; width: 100%; } .article-preview__tags_compact { margin-bottom: 4px; } .article-preview__tag { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; } .article-preview__tag:hover { text-decoration: underline; } .article-preview__tag_not-first { margin-left: 10px; } .article-preview__tag_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__tag_red { color: #c00000; } .article-preview__tag_blue { color: #0070c0; } .article-preview__tag_gray { color: #666; } .article-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; width: 100%; } .article-preview__title-link { color: #333; text-decoration: none; } .article-preview__title-link:hover { color: #0070c0; } .article-preview__announce { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; width: 100%; } .article-preview__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; width: 100%; } .article-preview__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; } .article-preview__date_highlighted { color: #c00000; } .article-preview__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 10px; } .article-preview__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__author-link { color: #999; text-decoration: none; } .article-preview__place { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview__place::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .articles-previews__item { box-sizing: border-box; height: 260px; padding: 20px 20px 40px; } .articles-previews__item_not-first { position: relative; } .articles-previews__item_not-first::before { border-top: 1px solid #e5e5e5; content: ''; left: 20px; position: absolute; right: 20px; top: 0; } .article-preview-compact__cover { background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 180px; margin-bottom: 20px; position: relative; } .article-preview-compact_size-m .article-preview-compact__cover { height: 300px; } .article-preview-compact__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview-compact__cover:hover::after { opacity: 0.25; } .article-preview-compact__cover_video::after { opacity: 0.5; } .article-preview-compact__cover_video:hover::after { opacity: 0.75; } .article-preview-compact__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview-compact__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview-compact__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview-compact__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview-compact__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 0; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .article-preview-compact_size-m .article-preview-compact__video-button { height: 80px; width: 80px; } .article-preview-compact__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .article-preview-compact_size-m .article-preview-compact__video-button-icon { height: 28px; width: 28px; } .article-preview-compact__info { -ms-flex-align: baseline; align-items: baseline; color: #999; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; width: 100%; } .article-preview-compact__date { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .article-preview-compact__date_highlighted { color: #c00000; } .article-preview-compact__title + .article-preview-compact__date { margin-top: 10px; } .article-preview-compact__time { color: #333; padding-right: 10px; } .article-preview-compact__author { -ms-flex: 0 0 auto; flex: 0 0 auto; } .article-preview-compact__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 16px; font-weight: 600; line-height: 1.44; margin-top: 10px; max-height: 4.32em; overflow: hidden; } .article-preview-compact_size-m .article-preview-compact__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.28; } .article-preview-compact__title-link { color: #333; text-decoration: none; } .article-preview-compact__title-link:hover { color: #0070c0; } .articles-previews-compact { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px 0 0 -40px; padding: 0 20px; } .articles-previews-compact__item { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 30px 0 0 40px; min-height: 420px; width: calc(50% - 40px); } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .select { font-family: RobotoRegular; font-size: 14px; height: 50px; position: relative; width: 240px; } .select_theme-search-results { width: 300px; } .select::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: -1; } .select__native { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 25px; border: none; color: #202540; height: 100%; left: 0; padding: 0 40px 0 30px; position: absolute; top: 0; width: 100%; } .select__container { background-color: #eff0f2; border-radius: 25px; height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100%; } .select__container.is-open { z-index: 3; } .select__container::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .select__container.is-open::before { border-radius: 25px 25px 0 0; } .select__container::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: 1; } .select__container.is-open::after { transform: rotate(180deg); } .select__label { position: relative; z-index: 1; } .select__item { box-sizing: border-box; color: #666; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__label .select__item { line-height: 50px; padding: 0 40px 0 30px; } .select__dropdown-item { line-height: 46px; padding: 0 30px; position: relative; width: 240px; } .select_theme-search-results .select__dropdown-item { width: 300px; } .select__dropdown-item.is-highlighted, .select__dropdown-item:hover { color: #0070c0; } .select__dropdown { box-sizing: border-box; display: none; left: 0; padding: 50px 0 25px; position: absolute; top: 0; width: 100%; } .select__dropdown::before { background-color: #fff; border-bottom: 1px solid #eff0f2; border-left: 1px solid #eff0f2; border-radius: 25px; border-right: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .select__container.is-open .select__dropdown { display: block; } .select__dropdown-body { overflow: hidden; } .select__dropdown .select__list { max-height: 460px; overflow-y: auto; } .select__scrolltrack { bottom: 25px; opacity: 0; position: absolute; right: 0; top: 50px; width: 3px; } .select__dropdown_scrolling .select__scrolltrack { opacity: 1; } .select__scrollbar { background-color: #0070c0; border-radius: 2px; position: relative; width: 100%; } .pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 12px; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination__item_not-first { margin-left: 15px; } .pagination__arrow { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; } .pagination__arrow:hover { background-color: rgba(50, 50, 75, 0.5); } .pagination__arrow-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .pagination__arrow-icon_right { transform-origin: 50% 50%; transform: scaleX(-1); } .pagination__link { color: #999; text-decoration: none; display: block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 5px; text-align: center; } .pagination__link:hover { color: #0070c0; } .pagination__link_active, .pagination__link_active:hover { color: #333; } .articles-previews-block__header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin: -20px 0 18px; padding: 0 20px; } .articles-previews-block__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 20px; padding: 0 20px; text-transform: uppercase; } .articles-previews-block__header .articles-previews-block__title { margin-bottom: 0; padding: 0; } .articles-previews-block__quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .articles-previews-block__select { bottom: -16px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; position: relative; } .articles-previews-block__types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 40px; text-transform: uppercase; } .articles-previews-block__type-button-input { display: none; } .articles-previews-block__type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .articles-previews-block__type-button:hover { color: #0070c0; opacity: 1; } .articles-previews-block__type-button_active, .articles-previews-block__type-button_active:hover, .articles-previews-block__type-button-input:checked + .articles-previews-block__type-button { color: #202540; cursor: text; opacity: 1; } .articles-previews-block__type-button ~ .articles-previews-block__type-button { margin-left: 20px; } .articles-previews-block__compact-items { padding-top: 20px; } .articles-previews-block__pagination { margin-top: 40px; padding: 0 20px; } .article-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .article-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .article-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 30px 40px 0; width: calc(100% - 320px); } .article-page__breadcrumbs { margin-bottom: 40px; } .article-page__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 40px; text-transform: uppercase; } .article-page__text-editor { padding-bottom: 60px; } .article-page__book-detailed { margin-top: 40px; } .article-page__news-short-previews { margin-top: 20px; } .article-page__video:not(:first-child) { margin-top: 20px; } .article-page__photo { margin-top: 20px; } .article-page__library { margin-top: 20px; } .article-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 0; width: 100%; } .article-page__text-editor .article-page__about-cover { display: block; height: auto; margin: 40px auto; width: 600px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .article-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 200px; padding-left: 220px; position: relative; } .article-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; left: 0; position: absolute; top: 0; width: 200px; } .article-preview__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview__cover:hover::after { opacity: 0.25; } .article-preview__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview__tags { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; width: 100%; } .article-preview__tags_compact { margin-bottom: 4px; } .article-preview__tag { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; } .article-preview__tag:hover { text-decoration: underline; } .article-preview__tag_not-first { margin-left: 10px; } .article-preview__tag_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__tag_red { color: #c00000; } .article-preview__tag_blue { color: #0070c0; } .article-preview__tag_gray { color: #666; } .article-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; width: 100%; } .article-preview__title-link { color: #333; text-decoration: none; } .article-preview__title-link:hover { color: #0070c0; } .article-preview__announce { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; width: 100%; } .article-preview__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; width: 100%; } .article-preview__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; } .article-preview__date_highlighted { color: #c00000; } .article-preview__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 10px; } .article-preview__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__author-link { color: #999; text-decoration: none; } .article-preview__place { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview__place::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .articles-previews__item { box-sizing: border-box; height: 260px; padding: 20px 20px 40px; } .articles-previews__item_not-first { position: relative; } .articles-previews__item_not-first::before { border-top: 1px solid #e5e5e5; content: ''; left: 20px; position: absolute; right: 20px; top: 0; } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .select { font-family: RobotoRegular; font-size: 14px; height: 50px; position: relative; width: 240px; } .select_theme-search-results { width: 300px; } .select::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: -1; } .select__native { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 25px; border: none; color: #202540; height: 100%; left: 0; padding: 0 40px 0 30px; position: absolute; top: 0; width: 100%; } .select__container { background-color: #eff0f2; border-radius: 25px; height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100%; } .select__container.is-open { z-index: 3; } .select__container::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .select__container.is-open::before { border-radius: 25px 25px 0 0; } .select__container::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: 1; } .select__container.is-open::after { transform: rotate(180deg); } .select__label { position: relative; z-index: 1; } .select__item { box-sizing: border-box; color: #666; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__label .select__item { line-height: 50px; padding: 0 40px 0 30px; } .select__dropdown-item { line-height: 46px; padding: 0 30px; position: relative; width: 240px; } .select_theme-search-results .select__dropdown-item { width: 300px; } .select__dropdown-item.is-highlighted, .select__dropdown-item:hover { color: #0070c0; } .select__dropdown { box-sizing: border-box; display: none; left: 0; padding: 50px 0 25px; position: absolute; top: 0; width: 100%; } .select__dropdown::before { background-color: #fff; border-bottom: 1px solid #eff0f2; border-left: 1px solid #eff0f2; border-radius: 25px; border-right: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .select__container.is-open .select__dropdown { display: block; } .select__dropdown-body { overflow: hidden; } .select__dropdown .select__list { max-height: 460px; overflow-y: auto; } .select__scrolltrack { bottom: 25px; opacity: 0; position: absolute; right: 0; top: 50px; width: 3px; } .select__dropdown_scrolling .select__scrolltrack { opacity: 1; } .select__scrollbar { background-color: #0070c0; border-radius: 2px; position: relative; width: 100%; } .pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 12px; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination__item_not-first { margin-left: 15px; } .pagination__arrow { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; } .pagination__arrow:hover { background-color: rgba(50, 50, 75, 0.5); } .pagination__arrow-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .pagination__arrow-icon_right { transform-origin: 50% 50%; transform: scaleX(-1); } .pagination__link { color: #999; text-decoration: none; display: block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 5px; text-align: center; } .pagination__link:hover { color: #0070c0; } .pagination__link_active, .pagination__link_active:hover { color: #333; } .articles-previews-block__header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin: -20px 0 18px; padding: 0 20px; } .articles-previews-block__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 20px; padding: 0 20px; text-transform: uppercase; } .articles-previews-block__header .articles-previews-block__title { margin-bottom: 0; padding: 0; } .articles-previews-block__quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .articles-previews-block__select { bottom: -16px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; position: relative; } .articles-previews-block__types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 40px; text-transform: uppercase; } .articles-previews-block__type-button-input { display: none; } .articles-previews-block__type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .articles-previews-block__type-button:hover { color: #0070c0; opacity: 1; } .articles-previews-block__type-button_active, .articles-previews-block__type-button_active:hover, .articles-previews-block__type-button-input:checked + .articles-previews-block__type-button { color: #202540; cursor: text; opacity: 1; } .articles-previews-block__type-button ~ .articles-previews-block__type-button { margin-left: 20px; } .articles-previews-block__compact-items { padding-top: 20px; } .articles-previews-block__pagination { margin-top: 40px; padding: 0 20px; } .experts-comments-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .experts-comments-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .experts-comments-page__main-content { background-color: #fff; box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 40px 20px; width: calc(100% - 320px); } .experts-comments-page__breadcrumbs { padding: 0 20px; } .experts-comments-page__articles { margin-top: 26px; } .experts-comments-page__video { margin-top: 20px; } .experts-comments-page__photo { margin-top: 20px; } .experts-comments-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 50px; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .expert-preview { box-sizing: border-box; padding-left: 120px; position: relative; } .expert-preview_theme-compact { padding-left: 66px; } .expert-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; height: 100px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100px; } .expert-preview__cover:hover { background-color: #eff0f2; } .expert-preview_theme-compact .expert-preview__cover { height: 50px; width: 50px; } .expert-preview__cover:before { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-preview__cover-logo { bottom: 0; display: block; height: 90%; left: 0; margin: 0 auto; position: absolute; right: 0; width: 90%; } .expert-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .expert-preview__country { color: #999; font-family: RobotoRegular; font-size: 12px; margin-bottom: 7px; } .expert-preview__name { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; } .expert-preview_theme-compact .expert-preview__name { font-family: RobotoMedium; font-size: 15px; padding-top: 2px; } .expert-preview__name-link { color: #333; text-decoration: none; } .expert-preview__name-link:hover { color: #0070c0; } .expert-preview__description { color: #666; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 4.8em; overflow: hidden; } .expert-preview_theme-compact .expert-preview__description { margin-top: 4px; } .experts-previews { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .experts-previews__item { box-sizing: border-box; height: 200px; padding: 20px 20px 20px 0; width: 50%; } .experts-alphabet-section__header { -ms-flex-align: baseline; align-items: baseline; box-sizing: border-box; color: #999; display: -ms-flexbox; display: flex; font-family: RobotoBold; font-size: 30px; padding-right: 40px; text-transform: uppercase; } .experts-alphabet-section__header::after { background-color: #e5e5e5; content: ''; -ms-flex: 1 1 0px; flex: 1 1 0; height: 1px; } .experts-alphabet-section__name { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; } .experts-alphabet-section__items { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .experts-alphabet-section__item { box-sizing: border-box; color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 23px; padding: 6px 18px 7px 0; width: calc(100% / 3); } .experts-alphabet-section__item-link { color: inherit; text-decoration: none; } .experts-alphabet-anchors { font-family: RobotoMedium; font-size: 14px; line-height: 34px; text-align: center; } .experts-alphabet-anchors__link { text-decoration: none; } .experts-alphabet-anchors__link_enabled { color: #0070c0; } .experts-alphabet-anchors__link_disabled { color: #999; } .experts-alphabet { display: -ms-flexbox; display: flex; min-height: 952px; } .experts-alphabet__sections { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 40px; width: 100%; } .experts-alphabet__section + .experts-alphabet__section { margin-top: 20px; } .experts-alphabet__anchors { background-color: #f6f7f9; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 29px; overflow: hidden; position: relative; width: 40px; } .experts-alphabet__anchors-body { left: 0; position: absolute; top: 0; width: 40px; } .experts-alphabet__anchors-body_fixed-top { position: fixed; top: 60px; width: 40px; } .experts-alphabet__anchors-body_fixed-bottom { bottom: 0; top: auto; } .special-project-preview { -ms-flex-align: start; align-items: flex-start; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 300px; -ms-flex-pack: end; justify-content: flex-end; padding: 20px; position: relative; z-index: 1; } .special-project-preview_theme-big { height: 400px; padding: 40px; } .special-project-preview::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); content: ''; height: 100%; left: 0; opacity: 0.25; position: absolute; top: 0; width: 100%; z-index: -1; } .special-project-preview__badge { color: #fff; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoBold; font-size: 10px; height: 20px; line-height: 20px; margin-top: auto; padding: 0 8px; text-transform: uppercase; white-space: nowrap; } .special-project-preview__badge_common { background-color: #c00000; box-shadow: 2px 2px 0px #000; } .special-project-preview__badge_special { background-color: #000; box-shadow: 2px 2px 0px #c00000; } .special-project-preview__title { color: #fff; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; margin-top: 10px; max-height: 5.75em; min-height: 2.3em; overflow: hidden; width: 100%; } .special-project-preview_theme-big .special-project-preview__title { font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; min-height: 0; } .special-project-preview__link { color: #fff; text-decoration: none; } .special-project-preview__link::before { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .special-project-previews-list__item + .special-project-previews-list__item { margin-top: 20px; } .special-project-previews-list_theme-big .special-project-previews-list__item + .special-project-previews-list__item { margin-top: 40px; } .experts-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .experts-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .experts-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 30px 40px 0; width: calc(100% - 320px); } .experts-page__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin: 40px 0 20px; text-transform: uppercase; } .experts-page__all-items { margin-top: 60px; } .experts-page__all-items-title { color: #333; font-family: AkrobatSemiBold; font-size: 30px; line-height: 35px; margin-bottom: 20px; } .experts-page__video { margin-top: 20px; } .experts-page__special-projects { margin-top: 20px; } .experts-page__photo { margin-top: 20px; } .experts-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 0; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .text-editor { color: #666; font-family: RobotoRegular; font-size: 16px; line-height: 1.625; } .text-editor b { font-family: RobotoBold; font-weight: 700; } .text-editor h4 { color: #333; font-family: RobotoMedium; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 1.67em 0; } .text-editor p { margin: 1.8em 0; } .text-editor blockquote { color: #333; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 2em 0; padding-left: 40px; position: relative; } .text-editor blockquote::before { background-color: #c00000; bottom: 3px; content: ''; left: 0; position: absolute; top: 4px; width: 5px; } .text-editor .insertion { box-sizing: border-box; color: #333; font-family: GeorgiaItalic; font-size: 18px; line-height: 1.6; margin: 50px 0 50px 40px; max-width: 100%; padding-left: 80px; position: relative; width: 690px; } .text-editor .insertion-icon { display: block; fill: #e5e5e5; height: 26px; left: 0; position: absolute; top: 9px; width: 36px; } .text-editor img { margin: 0 40px 40px 0; vertical-align: top; } .text-editor img.wide { height: auto; margin: 20px 0; width: 100%; } .text-editor figure { margin: 0 40px 40px 0; } .text-editor figure img { display: block; margin: 0; vertical-align: top; } .text-editor figcaption { color: #999; font-family: RobotoRegular; font-style: italic; font-size: 14px; line-height: 23px; margin-top: 18px; } .text-editor ul { margin: 1.8em 0; } .text-editor ul li { display: -ms-flexbox; /* display: flex; */ padding-left: 20px; position: relative; } .text-editor ul li::before { background-color: currentColor; border-radius: 50%; bottom: 4px; color: inherit; content: ''; height: 4px; left: 0; position: absolute; top: 11px; width: 4px; } .text-editor iframe { margin: 1.8em 0; width: 100% !important; } .text-editor a { color: #0070c0; text-decoration: none; } .text-editor .expert-preview { margin-top: 20px; } .text-editor .expert-preview__name-link { color: #333; } .text-editor .expert-preview__description { color: #999; } .text-editor .spoiler + .spoiler { border-top: 1px solid #e5e5e5; } .text-editor .spoiler__open-input { display: none; } .text-editor .spoiler__header { -ms-flex-align: center; align-items: center; box-sizing: border-box; color: #333; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 16px; height: 79px; padding-right: 60px; position: relative; } .text-editor .spoiler__quantity { color: #666; padding-left: 4px; } .text-editor .spoiler__open-button { background: none; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .text-editor .spoiler__open-button-body { border-radius: 50%; border: 2px solid #0070c0; bottom: 0; display: block; height: 30px; margin: auto 0; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body { opacity: 0.5; } .text-editor .spoiler__open-button-body::before, .text-editor .spoiler__open-button-body::after { background-color: #0070c0; bottom: 0; content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .text-editor .spoiler__open-button-body::after { transform-origin: 50% 50%; transform: rotate(90.01deg); } .text-editor .spoiler__open-input:checked + .spoiler__header .spoiler__open-button-body::after { display: none; } .text-editor .spoiler__content { display: none; } .text-editor .spoiler__open-input:checked ~ .spoiler__content { display: block; } .text-editor .organisation { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 50px 0 50px 60px; } .text-editor .organisation__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 36px; } .text-editor .organisation__description { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; font-style: italic; line-height: 23px; max-width: 400px; } .expert-detailed__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; float: left; height: 200px; margin: 0 40px 26px 0; overflow: hidden; position: relative; width: 200px; } .expert-detailed__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .expert-detailed__cover-logo { bottom: 0; display: block; height: 180px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 180px; } .expert-detailed__cover-caption { color: #999; font-family: RobotoRegular; font-size: 14px; font-style: italic; font-weight: 400; line-height: 23px; margin-top: 20px; } .expert-detailed__country { color: #999; font-family: RobotoRegular; font-size: 12px; margin-bottom: 12px; } .expert-detailed__title { color: #333; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-bottom: 20px; } .expert-detailed__articles { margin: 50px -20px 0; } .expert-detailed__articles-header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding: 0 20px; } .expert-detailed__articles-title { color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; } .expert-detailed__articles-quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .expert-detailed__articles-types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: auto; padding-left: 20px; text-transform: uppercase; } .expert-detailed__articles-type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .expert-detailed__articles-type-button_active { cursor: text; opacity: 1; } .expert-detailed__articles-type-button + .expert-detailed__articles-type-button { margin-left: 20px; } .article-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 200px; padding-left: 220px; position: relative; } .article-preview__cover { background-color: #f7f8fa; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; left: 0; position: absolute; top: 0; width: 200px; } .article-preview__cover::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .article-preview__cover:hover::after { opacity: 0.25; } .article-preview__cover-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; } .article-preview__cover-logo_picture { height: 100px; margin: auto; top: 0; width: 100px; } .article-preview__cover-logo_avatar { height: 180px; margin: 0 auto; width: 180px; } .article-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .article-preview__tags { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 10px; letter-spacing: 0.05em; line-height: 1.6; margin-bottom: 12px; text-transform: uppercase; width: 100%; } .article-preview__tags_compact { margin-bottom: 4px; } .article-preview__tag { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; } .article-preview__tag:hover { text-decoration: underline; } .article-preview__tag_not-first { margin-left: 10px; } .article-preview__tag_not-first::before { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.25); bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__tag_red { color: #c00000; } .article-preview__tag_blue { color: #0070c0; } .article-preview__tag_gray { color: #666; } .article-preview__title { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; width: 100%; } .article-preview__title-link { color: #333; text-decoration: none; } .article-preview__title-link:hover { color: #0070c0; } .article-preview__announce { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 6.4em; overflow: hidden; width: 100%; } .article-preview__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; width: 100%; } .article-preview__date { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; } .article-preview__date_highlighted { color: #c00000; } .article-preview__author { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 10px; } .article-preview__author::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .article-preview__author-link { color: #999; text-decoration: none; } .article-preview__place { color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; margin-left: 10px; } .article-preview__place::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .articles-previews__item { box-sizing: border-box; height: 260px; padding: 20px 20px 40px; } .articles-previews__item_not-first { position: relative; } .articles-previews__item_not-first::before { border-top: 1px solid #e5e5e5; content: ''; left: 20px; position: absolute; right: 20px; top: 0; } .expert-comment__date { color: #999; font-family: RobotoRegular; font-size: 12px; } .expert-comment__announce { box-sizing: border-box; font-family: GeorgiaItalic; font-size: 17px; font-style: italic; line-height: 1.35; margin: 2px -5px 0; max-height: 5.4em; overflow: hidden; padding: 0 5px; } .expert-comment__announce-link { color: #333; text-decoration: none; } .expert-comment__announce-link:hover { color: #0070c0; } .expert-comment__author { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; margin-top: 12px; min-height: 50px; padding-left: 64px; position: relative; text-decoration: none; } .expert-comment__avatar { background-color: #f7f8fa; border-radius: 50%; height: 50px; left: 0; overflow: hidden; position: absolute; top: 0; width: 50px; } .expert-comment__avatar::after { background-color: #202540; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .expert-comment__avatar:hover::after { opacity: 0.25; } .expert-comment__avatar-logo { bottom: 0; display: block; left: 0; position: absolute; right: 0; height: 44px; margin: 0 auto; width: 44px; } .expert-comment__avatar-image { display: block; height: auto; width: 100%; } .expert-comment__author-name { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatBold, Arial, sans-serif; font-size: 16px; } .expert-comment__author-name:hover { color: #0070c0; } .experts-comments { background-color: #fff; padding: 30px 20px; } .experts-comments__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; } .experts-comments__list { margin: 20px 0 30px; } .experts-comments__item_not-first { border-top: 1px solid #e5e5e5; margin-top: 18px; padding-top: 20px; } .experts-comments__all-link { color: #0070c0; font-family: RobotoMedium; font-size: 13px; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; } .experts-comments__all-link:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .select { font-family: RobotoRegular; font-size: 14px; height: 50px; position: relative; width: 240px; } .select_theme-search-results { width: 300px; } .select::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: -1; } .select__native { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 25px; border: none; color: #202540; height: 100%; left: 0; padding: 0 40px 0 30px; position: absolute; top: 0; width: 100%; } .select__container { background-color: #eff0f2; border-radius: 25px; height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100%; } .select__container.is-open { z-index: 3; } .select__container::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .select__container.is-open::before { border-radius: 25px 25px 0 0; } .select__container::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: 1; } .select__container.is-open::after { transform: rotate(180deg); } .select__label { position: relative; z-index: 1; } .select__item { box-sizing: border-box; color: #666; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__label .select__item { line-height: 50px; padding: 0 40px 0 30px; } .select__dropdown-item { line-height: 46px; padding: 0 30px; position: relative; width: 240px; } .select_theme-search-results .select__dropdown-item { width: 300px; } .select__dropdown-item.is-highlighted, .select__dropdown-item:hover { color: #0070c0; } .select__dropdown { box-sizing: border-box; display: none; left: 0; padding: 50px 0 25px; position: absolute; top: 0; width: 100%; } .select__dropdown::before { background-color: #fff; border-bottom: 1px solid #eff0f2; border-left: 1px solid #eff0f2; border-radius: 25px; border-right: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .select__container.is-open .select__dropdown { display: block; } .select__dropdown-body { overflow: hidden; } .select__dropdown .select__list { max-height: 460px; overflow-y: auto; } .select__scrolltrack { bottom: 25px; opacity: 0; position: absolute; right: 0; top: 50px; width: 3px; } .select__dropdown_scrolling .select__scrolltrack { opacity: 1; } .select__scrollbar { background-color: #0070c0; border-radius: 2px; position: relative; width: 100%; } .pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 12px; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination__item_not-first { margin-left: 15px; } .pagination__arrow { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; } .pagination__arrow:hover { background-color: rgba(50, 50, 75, 0.5); } .pagination__arrow-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .pagination__arrow-icon_right { transform-origin: 50% 50%; transform: scaleX(-1); } .pagination__link { color: #999; text-decoration: none; display: block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 5px; text-align: center; } .pagination__link:hover { color: #0070c0; } .pagination__link_active, .pagination__link_active:hover { color: #333; } .articles-previews-block__header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin: -20px 0 18px; padding: 0 20px; } .articles-previews-block__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 20px; padding: 0 20px; text-transform: uppercase; } .articles-previews-block__header .articles-previews-block__title { margin-bottom: 0; padding: 0; } .articles-previews-block__quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .articles-previews-block__select { bottom: -16px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; position: relative; } .articles-previews-block__types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 40px; text-transform: uppercase; } .articles-previews-block__type-button-input { display: none; } .articles-previews-block__type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .articles-previews-block__type-button:hover { color: #0070c0; opacity: 1; } .articles-previews-block__type-button_active, .articles-previews-block__type-button_active:hover, .articles-previews-block__type-button-input:checked + .articles-previews-block__type-button { color: #202540; cursor: text; opacity: 1; } .articles-previews-block__type-button ~ .articles-previews-block__type-button { margin-left: 20px; } .articles-previews-block__compact-items { padding-top: 20px; } .articles-previews-block__pagination { margin-top: 40px; padding: 0 20px; } .expert-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .expert-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .expert-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 30px 40px 40px; width: calc(100% - 320px); } .expert-page__breadcrumbs { margin-bottom: 40px; } .expert-page__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 40px; text-transform: uppercase; } .expert-page__news-short-previews { margin-top: 20px; } .expert-page__video { margin-top: 20px; } .expert-page__photo { margin-top: 20px; } .expert-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 0; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .book-preview { box-sizing: border-box; min-height: 300px; padding-left: 220px; position: relative; } .book-preview__cover { background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1); display: block; height: 300px; overflow: hidden; position: absolute; top: 0; left: 0; width: 200px; } .book-preview__cover_logo { background-color: #f7f8fa; } .book-preview__cover_logo:hover { background-color: #eff0f2; } .book-preview__cover_image:before { background-color: #fff; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .book-preview__cover_image:hover:before { opacity: 0.25; } .book-preview__cover-logo { bottom: 0; display: block; height: 150px; left: -10px; margin: auto 0; position: absolute; top: 0; width: 185px; } .book-preview__cover-image { display: block; height: 100%; opacity: 0; width: 100%; } .book-preview__title-link { color: #333; font-size: 18px; font-family: AkrobatBold, Arial, sans-serif; line-height: 1.28; text-decoration: none; } .book-preview__title-link:hover { color: #0070c0; } .book-preview__authors { color: #999; font-family: RobotoRegular; font-size: 14px; line-height: 1.43; margin-top: 16px; } .book-preview__author-link { color: #999; text-decoration: none; } .book-preview__author-link:hover { color: #0070c0; } .books-previews { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -50px 0 0 -40px; } .books-previews__item { box-sizing: border-box; margin: 50px 0 0 40px; width: calc(50% - 40px); } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .select { font-family: RobotoRegular; font-size: 14px; height: 50px; position: relative; width: 240px; } .select_theme-search-results { width: 300px; } .select::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: -1; } .select__native { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 25px; border: none; color: #202540; height: 100%; left: 0; padding: 0 40px 0 30px; position: absolute; top: 0; width: 100%; } .select__container { background-color: #eff0f2; border-radius: 25px; height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100%; } .select__container.is-open { z-index: 3; } .select__container::before { background-color: #eff0f2; border-radius: 25px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .select__container.is-open::before { border-radius: 25px 25px 0 0; } .select__container::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(32, 37, 64, 0.35); bottom: 0; content: ''; height: 0; margin: auto 0; position: absolute; right: 20px; top: 2px; width: 0; z-index: 1; } .select__container.is-open::after { transform: rotate(180deg); } .select__label { position: relative; z-index: 1; } .select__item { box-sizing: border-box; color: #666; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__label .select__item { line-height: 50px; padding: 0 40px 0 30px; } .select__dropdown-item { line-height: 46px; padding: 0 30px; position: relative; width: 240px; } .select_theme-search-results .select__dropdown-item { width: 300px; } .select__dropdown-item.is-highlighted, .select__dropdown-item:hover { color: #0070c0; } .select__dropdown { box-sizing: border-box; display: none; left: 0; padding: 50px 0 25px; position: absolute; top: 0; width: 100%; } .select__dropdown::before { background-color: #fff; border-bottom: 1px solid #eff0f2; border-left: 1px solid #eff0f2; border-radius: 25px; border-right: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .select__container.is-open .select__dropdown { display: block; } .select__dropdown-body { overflow: hidden; } .select__dropdown .select__list { max-height: 460px; overflow-y: auto; } .select__scrolltrack { bottom: 25px; opacity: 0; position: absolute; right: 0; top: 50px; width: 3px; } .select__dropdown_scrolling .select__scrolltrack { opacity: 1; } .select__scrollbar { background-color: #0070c0; border-radius: 2px; position: relative; width: 100%; } .pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 12px; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination__item_not-first { margin-left: 15px; } .pagination__arrow { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; } .pagination__arrow:hover { background-color: rgba(50, 50, 75, 0.5); } .pagination__arrow-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .pagination__arrow-icon_right { transform-origin: 50% 50%; transform: scaleX(-1); } .pagination__link { color: #999; text-decoration: none; display: block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 5px; text-align: center; } .pagination__link:hover { color: #0070c0; } .pagination__link_active, .pagination__link_active:hover { color: #333; } .articles-previews-block__header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin: -20px 0 18px; padding: 0 20px; } .articles-previews-block__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 20px; padding: 0 20px; text-transform: uppercase; } .articles-previews-block__header .articles-previews-block__title { margin-bottom: 0; padding: 0; } .articles-previews-block__quantity { color: #ccc; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 30px; line-height: 1.17; margin-left: 10px; } .articles-previews-block__select { bottom: -16px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; position: relative; } .articles-previews-block__types { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; margin-left: 40px; text-transform: uppercase; } .articles-previews-block__type-button-input { display: none; } .articles-previews-block__type-button { color: #202540; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.5; text-decoration: none; } .articles-previews-block__type-button:hover { color: #0070c0; opacity: 1; } .articles-previews-block__type-button_active, .articles-previews-block__type-button_active:hover, .articles-previews-block__type-button-input:checked + .articles-previews-block__type-button { color: #202540; cursor: text; opacity: 1; } .articles-previews-block__type-button ~ .articles-previews-block__type-button { margin-left: 20px; } .articles-previews-block__compact-items { padding-top: 20px; } .articles-previews-block__pagination { margin-top: 40px; padding: 0 20px; } .library-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .library-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .library-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 30px 20px 40px; width: calc(100% - 320px); } .library-page__breadcrumbs { padding: 0 20px; } .library-page__books { margin-top: 40px; padding: 0 20px; } .library-page__books-title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 40px; text-transform: uppercase; } .library-page__books-pagination { margin-top: 50px; } .library-page__photo { margin-top: 20px; } .library-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 0; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .partners-slider { box-sizing: border-box; height: 300px; padding: 70px 50px 50px; position: relative; } .partners-slider__body { overflow: hidden; } .partners-slider__list { display: -ms-flexbox; display: flex; height: 120px; } .partners-slider__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .partners-slider__item-content { -webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto; max-width: 100%; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .partners-slider__item-content:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .partners-slider__logo { display: block; height: auto; max-width: 100%; } .partners-slider__button { background-color: #32324b; border-radius: 50%; bottom: 40px; height: 30px; margin: auto 0; opacity: 0.25; position: absolute; top: 0; width: 30px; } .partners-slider__button_prev { left: 0; } .partners-slider__button_next { right: 0; transform: scaleX(-1); } .partners-slider__button:hover { opacity: 0.5; } .partners-slider__button-icon { bottom: 0; color: #fff; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .partners-slider__pagination { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .partners-slider__pagination-item { border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 12px; overflow: hidden; position: relative; width: 12px; } .partners-slider__pagination-item + .partners-slider__pagination-item { margin-left: 2px; } .partners-slider__pagination-item::before { background-color: rgba(50, 50, 75, 0.25); border-radius: 50%; bottom: 0; content: ""; height: 8px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 8px; } .partners-slider__pagination-item::after { border-radius: 50%; border: 3px solid #32324b; box-sizing: border-box; content: ""; height: 100%; left: 0; margin: auto; opacity: 0; position: absolute; top: 0; transition: opacity 0.3s ease; width: 100%; } .partners-slider__pagination-item.is-active::before { opacity: 0; } .partners-slider__pagination-item.is-active::after { opacity: 1; } .media-widget-item { box-sizing: border-box; height: 400px; padding-top: 200px; position: relative; } .media-widget-item__cover { background-size: 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::before { background-image: inherit; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; -webkit-filter: blur(5px); filter: blur(5px); height: 200px; left: 0; position: absolute; transform: scale(1, -1); width: 100%; } .media-widget-item__cover-body { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 200px; left: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover::after { background-color: #202540; content: ""; height: 200px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .media-widget-item__cover_video::after { opacity: 0.5; } .media-widget-item__cover:hover::after { opacity: 0.5; } .media-widget-item__cover_video:hover::after { opacity: 0.75; } .media-widget-item__video-button { border-radius: 50%; border: 2px solid #fff; bottom: 200px; box-sizing: border-box; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 1; } .media-widget-item__video-button-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 3px; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .media-widget-item__content { background-color: rgba(0, 0, 0, 0.75); box-sizing: border-box; color: #fff; height: 200px; padding: 20px 20px 0; position: relative; } .media-widget-item__type { font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; text-transform: uppercase; } .media-widget-item__announce { font-family: RobotoRegular; font-size: 14px; height: 69px; line-height: 23px; margin-top: 12px; overflow: hidden; } .media-widget-item__announce-link { color: #fff; text-decoration: none; } .media-widget-item__announce-link:hover { opacity: 0.6; } .media-widget { overflow: hidden; position: relative; } .media-widget__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .media-widget__item { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .media-widget__item.swiper-slide-active { z-index: 1; } .media-widget__navigation { -ms-flex-align: start; align-items: flex-start; bottom: 20px; display: -ms-flexbox; display: flex; left: 20px; position: absolute; } .media-widget__button { border-radius: 50%; border: 2px solid #fff; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; position: relative; z-index: 2; width: 30px; } .media-widget__button_next { margin-left: 10px; transform: scaleX(-1); } .media-widget__button:hover { opacity: 0.6; } .media-widget__button-icon { bottom: 0; color: #fff; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } .special-projects-page { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .special-projects-page__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .special-projects-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; padding: 40px 20px; width: calc(100% - 320px); } .special-projects-page__breadcrumbs { margin-bottom: 30px; padding: 0 20px; } .special-projects-page__title { color: #333; font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 40px; text-transform: uppercase; } .special-projects-page__items { padding: 0 20px; } .special-projects-page__photo { margin-top: 20px; } .special-projects-page__partners { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 0; width: 100%; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .search-results-form__select + .search-results-form__select { margin-top: 20px; } .search-results-form__period { margin-top: 30px; } .search-results-form__period-title { color: #666; font-family: RobotoRegular; font-size: 14px; padding-left: 30px; position: relative; } .search-results-form__period-icon { display: block; height: 16px; left: 0; position: absolute; top: 2px; width: 16px; } .search-results-form__period-fields { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; padding-bottom: 310px; position: relative; } .search-results-form__period-fields::before { background-color: #999; content: ''; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 1px; width: 9px; } .search-results-form__period-fields .flatpickr-wrapper { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 130px; } .search-results-form__period-fields .flatpickr-wrapper:first-child { -ms-flex-order: -1; order: -1; } .search-results-form__period-fields .flatpickr-calendar { position: absolute; left: 0; bottom: 0; } .search-results-form__period-field { border-radius: 25px; border: 1px solid rgba(32, 37, 64, 0.25); box-sizing: border-box; color: #333; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; height: 50px; outline: none; text-align: center; width: 130px; } .search-results-form__period-field_first { -ms-flex-order: -1; order: -1; } .search-results-form__field { height: 50px; position: absolute; right: 0; top: 0; width: calc(100% - 360px); } .search-results-form__field-input { border-radius: 25px; border: 1px solid rgba(32, 37, 64, 0.25); box-sizing: border-box; color: #333; display: block; font-family: RobotoRegular; font-size: 16px; height: 100%; outline: none; padding: 0 80px 0 30px; width: 100%; } .search-results-form__field-input:focus { border-color: rgba(32, 37, 64, 0.5); } .search-results-form__field-input:focus::-webkit-input-placeholder { color: transparent; } .search-results-form__field-input:focus:-ms-input-placeholder { color: transparent; } .search-results-form__field-input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .search-results-form__field-input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .search-results-form__submit-button { background: none; border: none; bottom: 0; cursor: pointer; height: 40px; margin: auto 0; outline: none; padding: 0; position: absolute; right: 20px; top: 0; width: 40px; } .search-results-form__submit-button-icon { bottom: 0; display: block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .flatpickr-calendar { background-color: #fff; border-radius: 25px; border: 1px solid #eff0f2; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); box-sizing: border-box; display: none; height: 300px; padding: 14px 0; width: 300px; } .flatpickr-calendar.open { display: block; } .flatpickr-months { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; color: #0070c0; display: -ms-flexbox; display: flex; height: 30px; line-height: 30px; margin-bottom: 10px; padding: 0 6px; text-align: center; } .flatpickr-months svg { display: none; } .flatpickr-prev-month { cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; width: 40px; } .flatpickr-next-month { cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; width: 40px; } .flatpickr-month { color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoMedium; font-size: 15px; line-height: 30px; position: relative; text-align: center; } .flatpickr-month::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flatpickr-month .numInputWrapper { display: inline; } .flatpickr-month .numInput { border: none; color: #333; cursor: default; display: inline; font-family: inherit; font-size: 15px; line-height: 30px; padding: 0; width: 40px; } .flatpickr-weekdaycontainer { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; } .flatpickr-weekday { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; color: #333; height: 30px; line-height: 30px; text-align: center; width: 40px; } .flatpickr-weekday:nth-child(n+6) { color: #c00000; } .flatpickr-days .dayContainer { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; } .flatpickr-day { color: #333; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; height: 30px; line-height: 30px; margin-top: 1px; text-align: center; width: 40px; } .flatpickr-day.today { position: relative; } .flatpickr-day.today:before { background-color: #c00000; border-radius: 50%; content: ''; height: 4px; position: absolute; right: 5px; top: 5px; width: 4px; } .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #ccc; } .flatpickr-day:hover { background-color: rgba(0, 112, 192, 0.1); color: #0070c0; } .flatpickr-day.selected, .flatpickr-day.selected:hover { background-color: #0070c0; color: #fff; } .search-results-item { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .search-results-item__number { box-sizing: border-box; color: #999; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 16px; padding-right: 20px; padding-top: 4px; width: 100px; } .search-results-item__content { -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 100px); } .search-results-item__title { color: #333; font-family: AkrobatBold, Arial, sans-serif; font-size: 20px; line-height: 26px; } .search-results-item__title-link { color: #333; text-decoration: none; } .search-results-item__announce { color: #666; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 10px; max-height: 4.8em; overflow: hidden; } .search-results-item__info { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin-top: 30px; } .search-results-item__datetime { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .search-results-item__time { color: #333; padding-right: 6px; } .search-results-item__daterange { color: #c00000; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoMedium; font-size: 12px; font-weight: 500; } .search-results-item__author { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .search-results-item__author:not(:first-child) { margin-left: 10px; } .search-results-item__author:not(:first-child)::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .search-results-item__location { color: #999; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 12px; } .search-results-item__location:not(:first-child) { margin-left: 10px; } .search-results-item__location:not(:first-child)::before { border-radius: 50%; border: 1px solid #999; bottom: 2px; box-sizing: border-box; content: ''; display: inline-block; height: 4px; margin-right: 9px; position: relative; width: 4px; } .search-results { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; position: relative; } .search-results__form { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; } .search-results__content { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 60px; padding-top: 90px; width: calc(100% - 360px); } .search-results__content-header { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .search-results__text { color: #666; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 16px; padding-right: 10px; } .search-results__text-match { color: #c00000; } .search-results__content-open-button { background: none; border-bottom: 1px dashed #0070c0; border-left: none; border-right: none; border-top: none; color: #0070c0; cursor: pointer; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; margin-left: auto; outline: none; padding: 0; } .search-results__section { border-top: 1px solid #e5e5e5; } .search-results__section-open-input { display: none; } .search-results__section-header { -ms-flex-align: center; align-items: center; box-sizing: border-box; color: #333; display: -ms-flexbox; display: flex; font-family: RobotoMedium; font-size: 18px; height: 79px; padding-right: 60px; position: relative; } .search-results__section-quantity { color: #666; padding-left: 4px; } .search-results__section-open-button { background: none; cursor: pointer; display: block; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; } .search-results__section-open-button-body { border-radius: 50%; border: 2px solid #0070c0; bottom: 0; display: block; height: 30px; margin: auto 0; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } .search-results__section-open-input:checked + .search-results__section-header .search-results__section-open-button-body { opacity: 0.5; } .search-results__section-open-button-body::before, .search-results__section-open-button-body::after { background-color: #0070c0; bottom: 0; content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; } .search-results__section-open-button-body::after { transform-origin: 50% 50%; transform: rotate(90.01deg); } .search-results__section-open-input:checked + .search-results__section-header .search-results__section-open-button-body::after { display: none; } .search-results__section-items { display: none; } .search-results__section-open-input:checked ~ .search-results__section-items { display: block; } .search-results__section-item { box-sizing: border-box; padding: 20px 0 30px; position: relative; } .search-results__section-item + .search-results__section-item::before { border-top: 1px solid #e5e5e5; content: ''; left: 100px; position: absolute; right: 0; top: 0; } .search-page { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .search-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 30px 40px 100px; } .search-page__breadcrumbs { margin-bottom: 40px; } .search-page__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 40px; text-transform: uppercase; } .search-page__partners { padding: 50px 0; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header-search { display: block; height: 20px; width: 20px; } .header-search::before { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background: linear-gradient(0deg, rgba(239, 240, 242, 0.9), rgba(239, 240, 242, 0.9)); content: ''; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .header-search.is-active::before { display: block; } .header-search__open-button { background: none; border: none; cursor: pointer; display: block; height: 100%; outline: none; padding: 0; position: relative; width: 100%; } .header-search__open-button::before, .header-search__open-button::after { background-color: #ccc; bottom: 0; content: ''; display: none; height: 3px; left: 1px; margin: auto 0; position: absolute; right: 1px; top: 0; transform-origin: 50% 50%; } .header-search__open-button::before { transform: rotate(45deg); } .header-search__open-button::after { transform: rotate(-45deg); } .header-search.is-active .header-search__open-button::before, .header-search.is-active .header-search__open-button::after { display: block; } .header-search__open-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search.is-active .header-search__open-button-icon { display: none; } .header-search__form { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: none; height: 100px; left: 0; padding: 0 60px; position: absolute; top: 100%; width: 100%; } .header-search__form::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; z-index: -2; } .header-search.is-active .header-search__form { display: -ms-flexbox; display: flex; } .header-search__input { background: none; border: none; color: #333; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: RobotoRegular; font-size: 18px; height: 50px; outline: none; } .header-search__input::-webkit-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-ms-input-placeholder { color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:-moz-placeholder { /* Firefox 18- */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input::-moz-placeholder { /* Firefox 19+ */ color: #999; font-family: RobotoLight; font-weight: 300; } .header-search__input:focus::-webkit-input-placeholder { color: transparent; } .header-search__input:focus:-ms-input-placeholder { color: transparent; } .header-search__input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .header-search__input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .header-search__submit-button { background: none; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; margin-left: 20px; outline: none; padding: 0; width: 20px; } .header-search__submit-button-icon { display: block; fill: #c00000; height: 100%; width: 100%; } .header-search__form-warning { color: #999; display: none; font-family: RobotoRegular; font-size: 13px; left: 60px; padding-left: 26px; position: absolute; top: 10px; } .header-search__form.not-valid .header-search__form-warning { display: block; } .header-search__form-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .header-menu { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper { bottom: 0; height: 60px; left: 0; position: absolute; width: 100%; } .header-menu__wrapper::before { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-menu__wrapper.is-fixed { position: fixed; top: 0; z-index: 10; } .header-menu__body { -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; margin: 0 auto; max-width: 1320px; padding: 0 60px; position: relative; } .header-menu__logo { display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 50px; position: relative; z-index: 1; } .is-fixed .header-menu__logo { display: block; } .header-menu__logo-icon { display: block; height: 30px; width: 30px; } .header-menu__top-nav { bottom: 100%; left: 0; position: absolute; width: 100%; } .is-fixed .header-menu__top-nav { bottom: auto; left: auto; right: 40px; top: 100%; width: auto; } .header-menu__bottom-nav { -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__burger-button { background: none; border: none; cursor: pointer; display: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 40px; margin-left: 40px; padding: 0; position: relative; width: 40px; } .is-fixed .header-menu__burger-button { display: block; } .header-menu__burger-button-body { border-bottom: 3px solid currentColor; border-top: 3px solid currentColor; bottom: 0; box-sizing: border-box; color: #0070c0; height: 17px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .header-menu__burger-button.is-active .header-menu__burger-button-body { color: #ccc; } .header-menu__burger-button-body::before { background-color: currentColor; bottom: 0; content: ''; height: 3px; left: 0; margin: auto 0; position: absolute; top: 0; width: 100%; } .header-menu__search { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 62px; } .is-fixed .header-menu__search { margin-left: 30px; } .header-top-nav_static { height: 60px; position: relative; } .is-fixed .header-top-nav_static { display: none; } .header-top-nav_revealing { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); padding: 10px 0; position: absolute; right: 0; top: 0; width: 220px; z-index: 1; } .header-top-nav_static::before { background-color: #202540; content: ''; height: 100%; left: -9999px; position: absolute; right: -9999px; top: 0; } .header-top-nav_revealing::before { background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); content: ''; height: 18px; position: absolute; right: 80px; top: -9px; transform-origin: 50% 50%; transform: rotate(45deg); width: 18px; z-index: -2; } .header-top-nav_revealing::after { background-color: #fff; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header-top-nav__list { font-size: 18px; font-style: normal; position: relative; } .header-top-nav_static .header-top-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-weight: 700; -ms-flex-pack: center; justify-content: center; line-height: 60px; text-transform: uppercase; } .header-top-nav_revealing .header-top-nav__list { font-family: AkrobatRegular; } .header-top-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 60px; } .header-top-nav__link { text-decoration: none; } .header-top-nav_static .header-top-nav__link { color: #fff; } .header-top-nav_static .header-top-nav__link:hover { opacity: 0.5; } .header-top-nav_revealing .header-top-nav__link { color: #333; display: block; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; } .header-top-nav_revealing .header-top-nav__link:hover { color: #0070c0; } .header-bottom-nav { position: relative; } .header-bottom-nav__list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-family: AkrobatBold, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 60px; line-height: 60px; -ms-flex-pack: justify; justify-content: space-between; position: relative; text-transform: uppercase; } .header-bottom-nav__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-bottom-nav__item_not-first { margin-left: 10px; } .header-bottom-nav__link { color: #333; text-decoration: none; } .header-bottom-nav__link:hover { color: #0070c0; } .header { margin-bottom: 40px; padding-bottom: 120px; position: relative; z-index: 4; } .header:before { background: linear-gradient(180deg, #fff 0%, #f5f6f8 100%); content: ''; height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .header__body { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 30px 40px; } .header__logo { display: block; height: 80px; margin: 0 auto; width: 265px; } .header__logo-icon { display: block; height: 100%; width: 100%; } .social-links { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .social-links__item { -ms-flex: 0 0 auto; flex: 0 0 auto; } .social-links__item + .social-links__item { margin-left: 10px; } .social-links__link { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; font-size: 0; height: 30px; position: relative; width: 30px; } .social-links__link:hover { background-color: rgba(255, 255, 255, 0.25); } .social-links__link_facebook, .social-links__link_facebook:hover { background-color: #4267b2; } .social-links__link_vkontakte, .social-links__link_vkontakte:hover { background-color: #4a76a8; } .social-links__link_youtube, .social-links__link_youtube:hover { background-color: #dd2c28; } .social-links__link_telegram, .social-links__link_telegram:hover { background-color: #40a7e3; } .social-links__logo { bottom: 0; display: block; fill: #fff; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 16px; } .footer { background-color: #202540; color: #fff; } .footer__body { -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; margin: 0 auto; max-width: 1320px; padding: 28px 60px 0; position: relative; } .footer__copyright { -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: AkrobatSemiBold; font-size: 18px; margin-bottom: 22px; width: 100%; } .footer__links { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 340px; } .footer__contact { color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .footer__contact_not-first { margin-top: 5px; } .footer__contact-name { width: 80px; } .footer__contact-link { color: #fff; text-decoration: none; } .footer__contact-link:hover { opacity: 0.5; } .footer__social-links { margin-top: 32px; } .footer__terms { margin-top: 14px; } .footer__terms-link { color: #fff; font-family: RobotoRegular; font-size: 13px; text-decoration: none; } .footer__terms-link:hover { opacity: 0.5; } .footer__text { color: rgba(255, 255, 255, 0.5); -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 14px; line-height: 1.4; margin-left: 40px; max-width: 680px; width: calc(100% - 380px); } .footer__logos { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: RobotoRegular; font-size: 13px; font-weight: 400; height: 120px; -ms-flex-pack: justify; justify-content: space-between; line-height: 21px; margin-top: 40px; position: relative; width: 100%; } .footer__logos::before { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; left: -9999px; position: absolute; right: -9999px; top: 0; } .footer__logo { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__logo_nologostudio { padding-right: 68px; } .footer__logo-icon { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: rgba(255, 255, 255, 0.5); } .footer__logo-icon_russian-world { height: 50px; width: 50px; } .footer__logo-icon_runet { height: 40px; width: 46px; } .footer__logo-icon_nologostudio { height: 31px; position: relative; top: 5px; width: 24px; } .footer__logo-text { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 16px; } .footer__logo-link { color: #fff; text-decoration: none; } .footer__logo-link:hover { opacity: 0.5; } .footer__button-scroll-top { background-color: transparent; border-radius: 50%; border: 2px solid #fff; cursor: pointer; font-size: 0; height: 50px; padding: 0; position: absolute; right: 60px; text-indent: -9999px; top: 60px; width: 50px; } .footer__button-scroll-top:hover { opacity: 0.5; } .footer__button-scroll-top-icon { bottom: 0; display: block; fill: #fff; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .breadcrumbs { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; font-family: RobotoRegular; font-size: 14px; } .breadcrumbs__item { -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .breadcrumbs__item_not-first { margin-left: 12px; } .breadcrumbs__item_last { -ms-flex: 1 1 0px; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item_not-first::before { background-color: #ccc; border-radius: 50%; bottom: 3px; content: ''; display: inline-block; height: 4px; margin-right: 12px; position: relative; width: 4px; } .breadcrumbs__link { color: #999; text-decoration: none; } .breadcrumbs__link_active { color: rgba(0, 112, 192, 0.75); } .breadcrumbs__link_active:hover { color: #333; } .contacts-page { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .contacts-page__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; min-height: 700px; padding: 30px calc(100% - 300px) 100px 40px; position: relative; } .contacts-page__breadcrumbs { margin-bottom: 40px; } .contacts-page__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 60px; text-transform: uppercase; } .contacts-page__info-title { color: #999; font-family: RobotoRegular; font-size: 14px; line-height: 20px; } .contacts-page__info-title:not(:first-child) { margin-top: 40px; } .contacts-page__info-value { color: #333; font-family: RobotoRegular; font-size: 16px; line-height: 26px; margin-top: 10px; } .contacts-page__info-link { color: inherit; text-decoration: none; } .contacts-page__info-link_highlighted { color: #0070c0; } .contacts-page__social { margin-top: 60px; } .contacts-page__map-block { height: 100%; position: absolute; right: 0; top: 0; width: calc(100% - 320px); } .contacts-page__partners { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 50px 0; padding: 0 20px; width: 100%; } .error-404__logo { display: block; margin: 0 auto; } .error-404__title { color: #333; font-family: RobotoRegular; font-size: 18px; line-height: 30px; margin-top: 55px; text-align: center; } .error-404__subtitle { color: #666; font-family: RobotoRegular; font-size: 16px; line-height: 26px; margin-top: 18px; text-align: center; } .error-404__link { color: #0070c0; text-decoration: none; } .error-404__search { margin: 30px auto 0; width: 400px; } .error-404__field-warning { color: #999; display: block; font-family: RobotoRegular; font-size: 13px; margin-bottom: 10px; padding-left: 26px; position: relative; visibility: hidden; } .error-404__search.not-valid .error-404__field-warning { visibility: visible; } .error-404__field-warning-icon { bottom: 0; display: block; height: 16px; left: 0; margin: auto 0; position: absolute; top: 0; width: 16px; } .error-404__field { height: 50px; position: relative; } .error-404__field-input { border-radius: 25px; border: 1px solid rgba(32, 37, 64, 0.25); box-sizing: border-box; color: #333; display: block; font-family: RobotoRegular; font-size: 16px; height: 100%; outline: none; padding: 0 80px 0 30px; width: 100%; } .error-404__field-input:focus { border-color: rgba(32, 37, 64, 0.5); } .error-404__field-input:focus::-webkit-input-placeholder { color: transparent; } .error-404__field-input:focus:-ms-input-placeholder { color: transparent; } .error-404__field-input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .error-404__field-input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .error-404__submit-button { background: none; border: none; bottom: 0; cursor: pointer; height: 40px; margin: auto 0; outline: none; padding: 0; position: absolute; right: 20px; top: 0; width: 40px; } .error-404__submit-button-icon { bottom: 0; display: block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .page-404 { box-sizing: border-box; margin: 0 auto; max-width: 1320px; padding: 0 40px; } .page-404__main-content { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 30px 40px 140px; } .page-404__breadcrumbs { margin-bottom: 40px; } .page-404__title { font-family: AkrobatBold, Arial, sans-serif; font-size: 30px; line-height: 1.15; margin-bottom: 60px; text-transform: uppercase; } .page-404__partners { padding: 50px 0; } .text-editor { min-width: unset !important; box-sizing: border-box; } .text-editor h1 { color: #333; font-family: RobotoMedium; display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; } .text-editor h2 { color: #333; font-family: RobotoMedium; display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; } .text-editor h3 { color: #333; font-family: RobotoMedium; display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .text-editor h4 { color: #333; font-family: RobotoMedium; font-size: 18px; letter-spacing: -0.02em; line-height: 1.67; margin: 1.67em 0; } .text-editor i { font-style: italic !important; } .mobile-block__photos { display: none; } .video-mobile__blocks { display: none; } .main-page .main-page__breadcrumbs { display: none!important; } .main-page__projects-previews .projects-previews__slider{ display: none!important; } @media(max-width: 1200px) { .mobile-block__photos { display: block; } .video-mobile__blocks { display: block; } .header__logo { height: unset!important; } .header { margin-bottom: 0!important; padding-bottom: 0!important; } .article-preview { padding-left: 0!important; } .projects-previews__list { flex-direction: column; } .main-page__main-content { margin-left: 0!important; } .article-preview-topic__content { margin-bottom: 30px!important; } .footer__body { height: unset!important; max-height: unset!important; } .article-preview-topic__content::before { display:none!important; } .article-preview-topic__content::after { display:none!important; } .article-preview-topic__title { top: -80px!important; max-height: 85px!important; } .article-preview-topic { background: #eff0f2 !important; min-height: 600px!important; height: unset!important; margin-bottom: 0!important; } .articles-previews__item { height: unset!important; padding-bottom: 0!important; } .article-preview { height: unset!important; } .main-page__articles { margin-top: 0!important; } .main-page__news-short-previews { margin-top: 20px; } .footer__text { margin-left: 0!important; } .footer__logos::before { border: none!important; } .footer__logos { height: unset!important; align-items: flex-start!important; } .partners-slider { padding: 0!important; height: unset!important; } .partners-slider__item { min-width: 49%!important; } .main-page__partners { padding: 0!important; } .library__list { width: 100%!important; } .main-page__sidebar .main-page__video { display: block!important; } header { z-index: 100!important; } header::before { display: none!important; } .news-page__main-content { background: transparent!important; box-shadow: none!important; padding: 0!important; margin: 0!important; } .news-page__main-content .articles-previews__item { padding-bottom: 20px!important; } .news-page__breadcrumbs { padding: 0!important; } .news-page__main-content .articles-previews-block__title { padding-right: 0!important; padding-left: 0!important; } .news-page__main-content .article-preview__announce { height: unset!important; max-height: unset!important; overflow: visible!important; } .article-page__main-content,.experts-page__main-content,.article-page__main-content,.special-projects-page__main-content,.library-page__main-content,.contacts-page__main-content,.page-404__main-content,.search-page__main-content,.expert-page__main-content { padding: 0!important; background: transparent!important; box-shadow: none!important; } .expert-preview { min-height: 67px!important; } .experts-alphabet__anchors { background: transparent!important; box-shadow: none!important; margin-top: 0!important; margin-bottom: 30px!important; } .article-preview__cover { margin-bottom: 15px!important; } .book-preview__cover { position: static!important; } .book-preview { padding-left: 0!important; } .library-page__books,.special-projects-page__items { padding: 0!important; } .special-projects-page__breadcrumbs { padding: 0!important; } .articles-previews-compact__item { margin: 0!important; width: 100%!important; } .articles-previews-compact { padding: 0!important; margin: 0!important; } .article-preview-compact__title { max-width: 100%!important; } .articles-previews-block__header { padding: 0!important; } .articles-previews-block__types { margin-left: 0!important; } .text-editor img { display: block!important; width: 100%!important; } .text-editor p{ max-width: 100%!important; } .article-page__text-editor.text-editor { overflow: hidden; } .contacts-page__social.social-links { margin-top: 0!important; } .contacts-page__map-block { width: 100%!important; overflow: hidden; } .error-404 { padding-right: 5px!important; padding-left: 5px!important; } .search-results-form__period-fields { padding-bottom: 35px!important; } /* mobile menu styles*/ .header-top-nav__list { display: flex; flex-direction: column; } .header-bottom-nav__list { display: flex; flex-direction: column; min-height: unset; height: unset; } .header-top-nav { margin-bottom: 30px; border-bottom: 1px solid #fff; padding-bottom: 30px; } .header-menu__top-nav { position: static!important; } .header-top-nav_static { height: unset!important; } .header-top-nav__item { height: 30px!important; } .header-top-nav_static .header-top-nav__item_not-first { margin-left: 0!important; } .header-bottom-nav__item { height: 30px!important; margin-left: 0!important; } .main-page__sidebar .main-page__video { display: none!important; } .main-page__sidebar .main-page__photo { display: none!important; } .expert-page .expert-detailed__cover { background-image: inherit!important; background-size: cover!important; } .expert-detailed__title { margin-bottom: 0!important; } .expert-detailed__articles-header, .expert-detailed__articles-types { padding: 0!important; } .expert-page .articles-previews__item { padding-bottom: 20px!important; } .expert-page .article-preview__author::before { display: none!important; } .expert-page .expert-page__special-projects { margin-top: 30px; } .expert-page .expert-detailed__cover-image { opacity: 1!important; } .expert-detailed__country { position: static!important; } .expert-detailed__title { padding-bottom: 0!important; margin-top: 0!important; padding-top: 20px!important; } .expert-detailed__cover { margin-bottom: 0!important; } .article-detailed .article-detailed__cover { margin-bottom: 0!important; } .special-project-detailed__articles-types { padding-left: 0!important; } .article-page .articles-previews__item { padding-bottom: 20px!important; } .breadcrumbs { overflow-y: hidden!important; } .header-search__form { position: relative!important; width: 100%!important; display: inline-block!important; top: auto!important; bottom: auto!important; z-index: 1000!important; opacity: 1!important; height: 60px!important; background: white!important; border-radius: 40px!important; padding-right: 20px!important; padding-left: 20px!important; display: flex!important; margin-right: 0!important; } .header-search__input { height: 40px!important; border: none!important; border-radius: 20px!important; padding-left: 20px!important; font-size: 12px!important; line-height: 164.06%!important; color: #373737!important; height: 60px!important; width: 100%!important; padding: 0!important; padding-left: 0!important; padding-left: 0!important; } .header-search__form::before { display: none!important; } .header-search { position: relative!important; width: calc(100% - 40px)!important; display: inline-block!important; top: auto!important; bottom: auto!important; z-index: 1000!important; opacity: 1!important; height: 60px!important; } .header-search::before { display: none!important; } .header-menu__search { margin-right: 0!important; margin-ledt: 0!important; margin-left: 0!important; } .active .header-search__open-button { display: none!important; } .load_more { display: block; position: relative; margin-right: auto; margin-left: auto; width: 280px; height: 42px; font-size: 14px; line-height: 16px; color: #202540; border: 1px solid #202540; border-radius: 25px; display: flex; align-items: center; justify-content: center; font-family: RobotoRegular; font-size: 14px; line-height: 1.6; margin-top: 40px; } .media-detailed__similar { max-width: 100%!important; margin: 0!important; padding: 0!important; } .article-detailed__similar .article-detailed__similar-title, .media-detailed__similar-title { background: transparent!important; padding-top: 0; padding-bottom: 0; } .media-detailed__title, .media-detailed__date { box-sizing: border-box!important; } .media-detailed__similar-title { margin-top: 40px!important; box-sizing: border-box!important; } .articles-previews-slider { display: block; } .footer__logo-text { max-width: 100%!important; } .media-detailed__tags { max-width: 100%!important; flex-wrap: wrap!important; } .media-detailed__title { max-width: 100%!important; } .media-gallery .media-slider__image { opacity: 1; } .article-page__book-detailed .book-detailed__cover { float: inherit!important; padding: 20px!important; float: inherit!important; padding: 20px!important; box-sizing: border-box; margin-right: 0; width: 100%; margin-bottom: 0!important; } .book-detailed__title { margin-bottom: 0!important; } .book-detailed__content.text-editor { padding-top: 20px; overflow: hidden!important; } .article-page { box-sizing: border-box!important; overflow: hidden!important; } .organisation__description { max-width: 100%; } .organisation__description { max-width: 100%!important; } .organisation__description img { object-fit: contain!important; } .book-detailed__content { margin-top:0!important; } .article-detailed__author::before, .article-preview__author::before { display: none!important; } .article-preview__place::before { display: none!important; } .special-project-detailed__articles-types { overflow-y: hidden!important; } .main-page .articles-previews__item { display: none!important; padding-bottom: 20px!important; } .main-page .articles-previews__item:nth-of-type(1) { display: block!important; } .main-page .articles-previews__item:nth-of-type(2) { display: block!important; } .main-page .articles-previews__item:nth-of-type(3) { display: block!important; } .main-page__main-content { background: transparent!important; } .footer__img { position: absolute; right: 0; } .news-page .article-preview__date::after { display: none!important; } .article-detailed__time { display:none!important; } .articles-previews-compact__item.articles-previews__item { margin-bottom: 20px; } .media-detailed__similar .article-preview-compact__date { border-top:none!important; } .media-detailed__similar .article-preview-compact__title { border-top: 1px solid #E6E6E6!important; margin-too: 0!important; padding-top: 20px!important; } .projects-previews__list.projects-previews__list-main { display: none!important; } .main-page .projects-previews { background: transparent!important; padding-right: 0!important; padding-left: 0!important; } .main-page .main-page__projects-previews { box-shadow: none!important; } .main-page__projects-previews .projects-previews__slider{ display: block!important; } .mobile-block__photos { margin-top: 20px; } .footer__img { width: 60px!important; height: 60px!important; top: 70px!important; } .articles-previews-block__compact-items.js-filtering-articles-items .articles-previews-compact__item.articles-previews__item { margin-bottom: 20px!important; } .book-detailed__info { margin-top: -15px!important; padding-bottom: 70px!important; } .experts-comments.experts-comments--mobile { } .experts-comments.experts-comments--desktop { } .main-page__library.main-page__library--mobile { display: block!important; } .main-page__library.main-page__library--desktop { display: none!important; } .main-page__library { display: none!important; } .main-page__main-content + .main-page__sidebar .experts-comments.experts-comments--mobile { display: none!important; } .main-page__main-content + .main-page__sidebar .main-page__library.main-page__library--mobile { display: none!important; } .article-page .article-page__sidebar { display: block!important; } .article-page .article-page__sidebar .main-page__library.main-page__library--mobile { display: none!important; } .library-page__books-pagination { display: block!important; } .library-page__books-pagination .pagination__link { min-width: unset!important; } .articles-previews-slider { display: block!important; } .articles-previews-slider__item { width: 100%!important; } .load_more, .quantity-news { display: none!important; } .articles-previews-block__pagination { display: block!important; } .articles-previews-block__pagination .pagination__link { min-width: unset!important; } .books-previews-slider__item { height: unset!important; } .books-previews-slider__item { height: unset!important; } .books-previews-slider__item article { background: #FFFFFF!important; padding: 20px!important; padding-bottom: 41px!important; } .book-detailed__similar .articles-previews-slider__navigation { bottom: 0!important; } .books-previews-slider { } .books-previews-slider__list { min-height: 470px!important; } .articles-previews-slider__item article { padding: 20px!important; padding-bottom: 41px!important; } .articles-previews-slider__item article { background: #FFFFFF!important; padding: 20px!important; padding-bottom: 41px!important; } .article-detailed__similar { padding-bottom: 80px!important; position: relative; } .articles-previews-slider__navigation { position: absolute!important; left: 50%!important; transform: translateX(-50%)!important; bottom: 20px!important; margin-top: 0!important; } .books-previews-slider { position: relative!important; } .articles-previews-slider__item { height: unset!important; } .media-detailed__similar { position: relative!important; padding-bottom: 40px!important; } .articles-previews-slider__item { height: 500px!important; } .main-page__library { display: block!important; } } body{ overflow-x: hidden!important; } .breadcrumbs { overflow-y: hidden!important; } @media(min-width: 1200px) { .projects-previews__list { flex-direction: column; } .load_more { display: none; } .experts-comments.experts-comments--mobile { } .experts-comments.experts-comments--desktop { } .main-page__library.main-page__library--mobile { display: none!important; } .main-page__library.main-page__library--desktop { display: block!important; } .book-detailed__cover { background-size: contain; } } /*добавил стили от 09.09.21*/ @media(max-width: 1200px) { .header-search { width: 100% !important; } .experts-alphabet__anchors { position: relative; } .experts-alphabet__anchors::-webkit-scrollbar { height: 0 !important; } .experts-alphabet__anchors::before { content: ""; position: absolute; display: inline-block; bottom: 4px; left: 0; width: calc(100% - 28px); height: 1px; background: #333333; z-index: 100; } .experts-alphabet__anchors::after { content: ""; position: absolute; display: inline-block; bottom: 1px; right: 0; width: 23px; height: 8px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='23' height='8' viewBox='0 0 23 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3536 4.35356C22.5488 4.15829 22.5488 3.84171 22.3536 3.64645L19.1716 0.464468C18.9763 0.269206 18.6597 0.269206 18.4645 0.464468C18.2692 0.65973 18.2692 0.976312 18.4645 1.17157L21.2929 4L18.4645 6.82843C18.2692 7.02369 18.2692 7.34027 18.4645 7.53554C18.6597 7.7308 18.9763 7.7308 19.1716 7.53554L22.3536 4.35356ZM-4.37114e-08 4.5L22 4.5L22 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%23333333'/%3E%3C/svg%3E%0A"); z-index: 100; } .contacts-page__map-block { height: 560px !important; } .media-gallery__thumbnails { display: inline-block !important; height: 0; opacity: 1; position: relative; top: -80px; } .media-gallery { margin-top: -80px; } .media-gallery .media-slider__image { object-fit: contain; } .header-top-nav__link, .header-bottom-nav__link { display: block; } .header-top-nav__item { width: 100% !important; } } .media-gallery-popup { z-index: 100 !important; } .header-search-mobile { width: calc(100% - 40px) !important; } .header-search-mobile__close { right: 20px; left: auto !important; } @media(max-width: 1200px){ .header-bottom-nav__list{ height:unset; } .header-bottom-nav__item{ width:100%; } .articles-previews-slider__navigation{ bottom: 34px!important; } .articles-previews-slider__item{ height: unset !important; max-height: 500px!important; } .articles-previews-slider{ background-color:white; } .zarticles-previews-slider{ background-color:unset !important; } .media-detailed__similar--special .articles-previews-slider__navigation{ bottom:25px !important; } .main-page__sidebar .experts-comments, .main-page__sidebar .main-page__news-short-previews { display: none!important; } .commemts-mobile .experts-comments { margin-top: 20px; } .commemts-mobile .-page__photo { margin-top: 20px; } .mobile-block__photos { display: none!important; } .main-page .main-page__sidebar:first-of-type { display: flex!important; flex-direction: column!important; } .media-detailed__similar.media-detailed__similar--special { padding-bottom: 80px!important; } .media-gallery-popup__body .media-gallery-popup__thumbnails { display: none!important; } .media-gallery__slider { height: 70vw!important; } .media-gallery .media-slider__image { opacity: 0!important; } .media-gallery.js-media-gallery { width: 100%!important; } .article-page__sidebar { width: 100%!important; } .media-gallery-popup.is-active .media-gallery-popup__slider{ height: 100vh!important; max-height: 100%!important; } .media-slider__image-wrapper { background-size: contaib!important; } .media-gallery-popup.is-active .media-slider__description { display: none!important; } .media-detailed__similar { padding-bottom: 60px!important; } .articles-previews-slider__navigation { bottom: 17px!important; } .partners-slider__item { min-width: unset!important; } .partners-slider__list { width: 100%!important; } } @media(min-width: 1200px){ .commemts-mobile { display: none!important; } .article-detailed__print-button{ display: block !important; } } /*# sourceMappingURL=sourcemaps/styles.css.map */