/* Start:/static/css/swiper.min.css?161156233313695*/ /** * Swiper 6.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 30, 2020 */ @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-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(-1 * 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:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background: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%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/static/css/main.css?1623926415432221*/ @charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - menu__login-wrapPositioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/static/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item{ -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel{ display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage{ position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer{ position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-carousel .owl-item{ min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img{ display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded{ display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{ cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; } .owl-carousel.owl-loading{ opacity: 0; display: block; } .owl-carousel.owl-hidden{ opacity: 0; } .owl-carousel.owl-refresh .owl-item{ visibility: hidden; } .owl-carousel.owl-drag .owl-item{ -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab{ cursor: move; cursor: grab; } .owl-carousel.owl-rtl{ direction: rtl; } .owl-carousel.owl-rtl .owl-item{ float: right; } .owl-carousel .animated{ animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in{ z-index: 0; } .owl-carousel .owl-animated-out{ z-index: 1; } .owl-carousel .fadeOut{ animation-name: fadeOut; } @keyframes fadeOut{ 0%{ opacity: 1; } 100%{ opacity: 0; } } .owl-height{ transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy{ opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""]{ max-height: 0; } .owl-carousel .owl-item img.owl-lazy{ transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper{ position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon{ position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/static/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover{ -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{ display: none; } .owl-carousel .owl-video-tn{ opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame{ position: relative; z-index: 1; height: 100%; width: 100%; } 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 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; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } @media screen and (min-width: 320px) { .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: rgba(0, 0, 0, 0.3) !important; } } @media screen and (min-width: 980px) { .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: rgba(0, 0, 0, 0.3) !important; } } .mCSB_scrollTools .mCSB_draggerRail { background: transparent !important; } .mCSB_inside > .mCSB_container { margin-right: 15px; } @font-face { font-family: 'Circe-Regular'; src: url("/static/css/../fonts/Circe-Regular.eot"); src: local("Circe"), local("Circe-Regular"), url("/static/css/../fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Circe-Regular.woff") format("woff"), url("/static/css/../fonts/Circe-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe-Light'; src: url("/static/css/../fonts/Circe-Light.eot"); src: local("Circe Light"), local("Circe-Light"), url("/static/css/../fonts/Circe-Light.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Circe-Light.woff") format("woff"), url("/static/css/../fonts/Circe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Circe-Bold'; src: url("/static/css/../fonts/Circe-Bold.eot"); src: local("Circe Bold"), local("Circe-Bold"), url("/static/css/../fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Circe-Bold.woff") format("woff"), url("/static/css/../fonts/Circe-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Circe'; src: url("/static/css/../fonts/Circe-Regular.eot"); src: local("Circe"), local("Circe-Regular"), url("/static/css/../fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Circe-Regular.woff") format("woff"), url("/static/css/../fonts/Circe-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Circe'; src: url("/static/css/../fonts/Circe-Light.eot"); src: local("Circe Light"), local("Circe-Light"), url("/static/css/../fonts/Circe-Light.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Circe-Light.woff") format("woff"), url("/static/css/../fonts/Circe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Circe'; src: url("/static/css/../fonts/Circe-Bold.eot"); src: local("Circe Bold"), local("Circe-Bold"), url("/static/css/../fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Circe-Bold.woff") format("woff"), url("/static/css/../fonts/Circe-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; } .blue-btn { transition: 0.2s ease-in-out; border: 1px solid transparent; outline: none; } .blue-btn:hover { background: transparent !important; color: #3338a8 !important; transition: 0.2s ease-in-out; cursor: pointer; border: 1px solid #3338a8 !important; } .white-btn { transition: 0.2s ease-in-out; outline: none; } .white-btn:hover { background: #3338A8 !important; color: #fff !important; transition: 0.2s ease-in-out; cursor: pointer; } .blue-btn-shadow { border-radius: 5px; color: #fff; background: #3338A8; width: 100%; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(1, 7, 123, 0.2); transition: 0.2s ease-in-out; cursor: pointer; border: none; outline: none; } .blue-btn-shadow:hover { transition: 0.2s ease-in-out; background: #fff; color: #3338A8; } .buttons-line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .buttons-line_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .buttons-line .instruments__button { margin-top: 10px; } @media screen and (min-width: 480px) { .buttons-line .instruments__button { margin-top: 0; margin-right: 20px; } } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; outline: none; box-sizing: border-box; border-radius: 5px; font-family: "Circe-Regular"; font-size: 16px; text-transform: uppercase; text-decoration: none; line-height: 20px; transition: 0.2s ease-in-out; height: 60px; padding: 0 50px; border: 1px solid; color: #fff; background: #3338A8; border-color: #3338A8; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(1, 7, 123, 0.2); } .btn:hover { background: transparent; color: #3338A8; } .btn_middle-size { height: 52px; } .btn_small-size { height: 42px; padding: 0 30px; } .btn_transparent { color: #FFF; border-color: #FFF; background: transparent; } .btn_transparent:hover { color: #FFF; background: #3338A8; border-color: #3338A8; } .btn_lines { background: transparent; color: #3338A8; border-color: #3338A8; box-shadow: none; } .btn_lines:hover { background: #3338A8; color: #FFF; } .btn_white { color: #3338A8; background: #FFF; border-color: #FFF; } .btn_white:hover { color: #FFF; background: #3338A8; border-color: #3338A8; } .btn_more { width: 200px; } .btn_block { width: 100%; max-width: 100%; } .btn_long { width: 100%; max-width: 250px; } .btn_group { margin: 10px 0; } .btn_bg-white-hover:hover { background: #FFFFFF; } .btn_bg-white { background: #FFFFFF; } @media screen and (min-width: 480px) { .btn_long { max-width: 375px; } } @media screen and (min-width: 640px) { .btn_group { margin: 0 10px; } } @media screen and (min-width: 1200px) { .btn_more { width: 335px; } } .white-content { background: #fff !important; border-top: 1px solid #E1E1E7; } html, body { height: 100%; width: 100%; } .modif-ul { font-size: 16px !important; font-family: "Circe-Regular"; } .modif-ul ul { font-size: 16px !important; font-family: "Circe-Regular"; } @font-face { font-family: "direktoria"; src: url("/static/css/../fonts/direktoria.eot"); src: url("/static/css/../fonts/direktoria.eot?#iefix") format("eot"), url("/static/css/../fonts/direktoria.woff2") format("woff2"), url("/static/css/../fonts/direktoria.woff") format("woff"), url("/static/css/../fonts/direktoria.ttf") format("truetype"), url("/static/css/../fonts/direktoria.svg#direktoria") format("svg"); } .ic-404, .ic-arrow-back, .ic-arrow_down, .ic-basic_anticlockwise, .ic-basic_compass, .ic-basic_eye, .ic-basic_laptop-b, .ic-basic_laptop, .ic-basic_life_buoy, .ic-basic_spread, .ic-basic_todolist_pencil, .ic-basket-w, .ic-basket, .ic-book-w, .ic-calendar, .ic-check-b, .ic-check-g, .ic-check-w, .ic-closeStatus, .ic-cursorQuestion, .ic-download, .ic-ecommerce, .ic-exercise-blue, .ic-eye-w, .ic-facebook-b, .ic-facebook, .ic-folder, .ic-footer-logo, .ic-group-w, .ic-group, .ic-halfCalendar, .ic-handleSlider, .ic-ista-b, .ic-ista, .ic-journal, .ic-journals, .ic-led_book, .ic-like-click, .ic-like, .ic-line-menu, .ic-logo-big, .ic-logo, .ic-look, .ic-mastercard, .ic-material-b, .ic-material, .ic-materials-blue, .ic-materials-grow, .ic-materials, .ic-minus, .ic-mir, .ic-mirror-icon, .ic-music-b, .ic-music, .ic-new-materials, .ic-newFileIcon, .ic-one-subscription, .ic-openStatus, .ic-play, .ic-plus, .ic-praxis-grow, .ic-praxis, .ic-question-icon, .ic-quote, .ic-search-b, .ic-search-w, .ic-start, .ic-store_cost, .ic-subscribe, .ic-subtract, .ic-teacher, .ic-time-b, .ic-time-small, .ic-time, .ic-tooltip-question, .ic-twitter-b, .ic-twitter, .ic-union, .ic-video-b, .ic-video, .ic-visa, .ic-vk, .ic-world-icon, .ic-yandex { font-family: "direktoria"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-decoration: none; text-transform: none; } .ic-404:before { content: "\E001"; } .ic-arrow-back:before { content: "\E002"; } .ic-arrow_down:before { content: "\E003"; } .ic-basic_anticlockwise:before { content: "\E004"; } .ic-basic_compass:before { content: "\E005"; } .ic-basic_eye:before { content: "\E006"; } .ic-basic_laptop-b:before { content: "\E007"; } .ic-basic_laptop:before { content: "\E008"; } .ic-basic_life_buoy:before { content: "\E009"; } .ic-basic_spread:before { content: "\E00A"; } .ic-basic_todolist_pencil:before { content: "\E00B"; } .ic-basket-w:before { content: "\E00C"; } .ic-basket:before { content: "\E00D"; } .ic-book-w:before { content: "\E00E"; } .ic-calendar:before { content: "\E00F"; } .ic-check-b:before { content: "\E010"; } .ic-check-g:before { content: "\E011"; } .ic-check-w:before { content: "\E012"; } .ic-closeStatus:before { content: "\E013"; } .ic-cursorQuestion:before { content: "\E014"; } .ic-download:before { content: "\E015"; } .ic-ecommerce:before { content: "\E016"; } .ic-exercise-blue:before { content: "\E017"; } .ic-eye-w:before { content: "\E018"; } .ic-facebook-b:before { content: "\E019"; } .ic-facebook:before { content: "\E01A"; } .ic-folder:before { content: "\E01B"; } .ic-footer-logo:before { content: "\E01C"; } .ic-group-w:before { content: "\E01D"; } .ic-group:before { content: "\E01E"; } .ic-halfCalendar:before { content: "\E01F"; } .ic-handleSlider:before { content: "\E020"; } .ic-ista-b:before { content: "\E021"; } .ic-ista:before { content: "\E022"; } .ic-journal:before { content: "\E023"; } .ic-journals:before { content: "\E024"; } .ic-led_book:before { content: "\E025"; } .ic-like-click:before { content: "\E026"; } .ic-like:before { content: "\E027"; } .ic-line-menu:before { content: "\E028"; } .ic-logo-big:before { content: "\E029"; } .ic-logo:before { content: "\E02A"; } .ic-look:before { content: "\E02B"; } .ic-mastercard:before { content: "\E02C"; } .ic-material-b:before { content: "\E02D"; } .ic-material:before { content: "\E02E"; } .ic-materials-blue:before { content: "\E02F"; } .ic-materials-grow:before { content: "\E030"; } .ic-materials:before { content: "\E031"; } .ic-minus:before { content: "\E032"; } .ic-mir:before { content: "\E033"; } .ic-mirror-icon:before { content: "\E034"; } .ic-music-b:before { content: "\E035"; } .ic-music:before { content: "\E036"; } .ic-new-materials:before { content: "\E037"; } .ic-newFileIcon:before { content: "\E038"; } .ic-one-subscription:before { content: "\E039"; } .ic-openStatus:before { content: "\E03A"; } .ic-play:before { content: "\E03B"; } .ic-plus:before { content: "\E03C"; } .ic-praxis-grow:before { content: "\E03D"; } .ic-praxis:before { content: "\E03E"; } .ic-question-icon:before { content: "\E03F"; } .ic-quote:before { content: "\E040"; } .ic-search-b:before { content: "\E041"; } .ic-search-w:before { content: "\E042"; } .ic-start:before { content: "\E043"; } .ic-store_cost:before { content: "\E044"; } .ic-subscribe:before { content: "\E045"; } .ic-subtract:before { content: "\E046"; } .ic-teacher:before { content: "\E047"; } .ic-time-b:before { content: "\E048"; } .ic-time-small:before { content: "\E049"; } .ic-time:before { content: "\E04A"; } .ic-tooltip-question:before { content: "\E04B"; } .ic-twitter-b:before { content: "\E04C"; } .ic-twitter:before { content: "\E04D"; } .ic-union:before { content: "\E04E"; } .ic-video-b:before { content: "\E04F"; } .ic-video:before { content: "\E050"; } .ic-visa:before { content: "\E051"; } .ic-vk:before { content: "\E052"; } .ic-world-icon:before { content: "\E053"; } .ic-yandex:before { content: "\E054"; } .article-item a { text-decoration: none; font-size: 20px; font-family: "Circe-Light"; margin-bottom: 30px; border-bottom: 1px solid; color: #3338a8; line-height: 32px; } @media screen and (min-width: 320px) { .container { max-width: 1260px; box-sizing: border-box; margin: 0 auto; background: #fff; border-left: 1px solid #E1E1E7; border-right: 1px solid #E1E1E7; position: relative; min-height: 400px; height: 100%; overflow: hidden; } .header { background: #f7f7f7; position: fixed; width: 100%; z-index: 19; z-index: 100; left: 0; top: 0; } .header__row-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border: 1px solid #E1E1E7; width: 100%; } .header__project-wrap { display: none; box-sizing: border-box; } .header__login-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 104px; width: 100%; height: 33px; cursor: pointer; border-right: 1px solid #E1E1E7; } .header__login-wrap--active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 104px; width: 100%; height: 32px; cursor: pointer; border-right: 1px solid #E1E1E7; background: #01077b; color: #fff; max-width: 105px; position: relative; } .header__login-wrap--active:before { content: ''; display: block; width: 100%; border-top: 2px solid #01077b; position: absolute; top: -2px; left: 0; } .header__login-wrap--active .header__login-text { color: #CCCDE5; } .header__login-wrap--active .header__login-icon:before { background-image: url("/static/css/../i/icons/group-w.svg"); } .header__line { color: #CCCDE5; font-size: 10px; font-family: "Circe-Regular"; padding-top: 2px; display: none; margin: 0 15px; } .header__logout { color: #CCCDE5; font-size: 10px; font-family: "Circe-Regular"; padding-top: 2px; display: none; text-decoration: none; } .header__help-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 104px; width: 100%; height: 32px; cursor: pointer; border-right: 1px solid #E1E1E7; } .header__number-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 104px; width: 100%; height: 32px; cursor: pointer; } .header__number-text { font-size: 10px; font-family: "Circe-Bold"; color: #5F5F5F; text-decoration: none; } .header__login-text { color: #5F5F5F; font-size: 10px; font-family: "Circe-Regular"; padding-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 65px; text-decoration: none; } .header__help-text { color: #5F5F5F; font-size: 10px; font-family: "Circe-Regular"; padding-top: 2px; text-decoration: none; } .header__project-text { color: #7C7C7C; font-size: 12px; font-family: "Circe-Regular"; } .header__login-icon:before { content: ''; background-image: url("/static/css/../i/icons/group.svg"); width: 15px; height: 15px; cursor: pointer; display: block; background-size: cover; -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } .header__help-icon:before { content: ''; background-image: url("/static/css/../i/icons/basic_life_buoy.svg"); width: 15px; height: 15px; cursor: pointer; display: block; background-size: cover; -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } .header__row-navigation { height: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #E1E1E7; border-top: none; top: 35px; left: 0; width: 100%; background: #f7f7f7; transition: top .2s ease-in-out; position: absolute; } .header__row-navigation.active-scroll { top: 0; z-index: 10; } .header__row-navigation.active-menu { z-index: 1001; } .header__row-navigation.active-menu .header__menu-icon { z-index: 1002; } .header__row-navigation.active-menu .header__menu-icon:nth-of-type(1) { top: 9.5px; opacity: 0; } .header__row-navigation.active-menu .header__menu-icon:nth-of-type(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header__row-navigation.active-menu .header__menu-icon:nth-of-type(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header__row-navigation.active-menu .header__menu-icon:nth-of-type(4) { top: 9.5px; opacity: 0; } .header__row-navigation.active-menu .header__desctop-menu { position: fixed; left: 0; top: 0; background: #fff; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1001; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__row-navigation.active-menu .header__desctop-menu-visible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header__row-navigation.active-menu .header__desctop-menu-opacity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header__row-navigation.active-menu .header__desctop-menu--visible-menu { font-family: "Circe-Bold"; color: #01077b; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 20px; margin-bottom: 20px; } .header__row-navigation.active-menu .header__desctop-menu--opacity-menu { font-family: "Circe-Bold"; color: #01077b; text-decoration: none; text-transform: uppercase; opacity: 0.3; font-size: 12px; line-height: 20px; margin-bottom: 20px; } .header__row-navigation.active-menu .header__desctop-menu--opacity-menu.active { opacity: 1; } .header__row-navigation.active-menu .header__line-menu { border-bottom: 1px solid rgba(1, 7, 123, 0.3); width: calc(100% - 48px); margin: 20px 0; } .header__logo { background-image: url("/static/css/../i/images/logo.png"); width: 23px; height: 22px; background-size: cover; cursor: pointer; display: block; margin-left: 24px; background-size: contain; background-repeat: no-repeat; } .header__compas { background-image: url("/static/css/../i/icons/basic_compass.svg"); width: 24px; height: 26px; background-size: cover; cursor: pointer; margin-right: -45px; position: relative; } .header__compas-counter { position: absolute; font-family: "Circe-Bold"; color: #fff; font-size: 10px; background-color: #D61F28; width: 16px; height: 16px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; right: -7px; top: -4px; line-height: 17px; } .header__menu { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 24px; z-index: 1002; } .header__menu-text { font-family: "Circe-Bold"; font-size: 10px; color: #3338A8; text-transform: uppercase; padding-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 24px; } .header__menu-icon { position: absolute; width: 100%; height: 1px; background-image: url("/static/css/../i/icons/line-menu.svg"); right: 0; top: 0px; background-repeat: no-repeat; transition: 0.3s ease-in-out; z-index: 101; opacity: 1; } .header__menu-icon:nth-of-type(1) { top: 1px; } .header__menu-icon:nth-of-type(2) { top: 10px; } .header__menu-icon:nth-of-type(3) { top: 10px; } .header__menu-icon:nth-of-type(4) { top: 20px; } .header__menu-wrapper { position: relative; cursor: pointer; height: 24px; width: 24px; top: 0px; } .header__middle-info-menu { display: none; } .header__desctop-menu { display: none; } .header__menu-text--plus { display: none; } .header__desctop-menu-opacity { display: none; } .header__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; max-width: 1260px; box-sizing: border-box; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .underscore-anim { position: relative; } .underscore-anim:hover:before { width: 100%; } .underscore-anim.active-section:before { width: 100%; } .underscore-anim:before { content: ''; position: absolute; bottom: 0px; left: 0; height: 3px; background-color: #01077B; display: block; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; transition: 0.3s ease-in-out; width: 0; } .main { margin-top: 100px; } } @media screen and (min-width: 480px) { .header__login-text { font-size: 12px; } .header__row-navigation { height: 80px; } .header__help-text { font-size: 12px; } .header__number-text { font-size: 12px; } .header__logo { width: 35px; height: 34px; } .header__compas { width: 30px; height: 32px; margin-right: -40px; } .header__compas-counter { right: -6px; top: -3px; } .header__menu-text { font-size: 12px; } .header__menu-wrapper { width: 30px; height: 25px; } .header__row-navigation.active-menu .header__line-menu { width: calc(100% - 266px); } .header__login-wrap--active .header__line { font-size: 14px; } .header__login-wrap--active .header__logout { font-size: 14px; } .main { margin-top: 117px; } } @media screen and (min-width: 640px) { .header__project-wrap { display: block; min-width: 255px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 24px; line-height: 33px; height: 100%; border-right: 1px solid #E1E1E7; } .header__number-wrap { min-width: 160px; } .header__compas { display: none; } .header__middle-info-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 320px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 7%; } .header__basket-icon { width: 34px; height: 29px; background-image: url("/static/css/../i/icons/basket.svg"); background-size: contain; background-repeat: no-repeat; } .header__eye-icon { width: 30px; height: 19px; background-image: url("/static/css/../i/icons/basic_eye.svg"); background-size: cover; background-repeat: no-repeat; } .header__boock-icon { width: 34px; height: 24.6px; background-image: url("/static/css/../i/icons/basic_spread.svg"); background-size: contain; background-repeat: no-repeat; } .header__union-icon { width: 17px; height: 26px; background-image: url("/static/css/../i/icons/union.svg"); background-size: cover; background-repeat: no-repeat; pointer-events: none; } .header__row-navigation.active-menu .header__line-menu { width: calc(100% - 544px); } .header__login-wrap { width: 100%; } .header__help-wrap { width: 100%; } .header__number-wrap { max-width: 104px; width: 100%; } } @media screen and (min-width: 980px) { .header { width: calc(100% - 342px); left: 0; top: 0; } .header__logo { background-image: url("/static/css/../i/images/logo-big.png"); width: 100%; height: 22px; max-width: 177px; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .header__middle-info-menu { display: none; } .header__row-navigation { padding-top: 4px; } .header__row-navigation.active-menu .header__menu { top: 62px; right: 27px; position: fixed; } .header__row-navigation.active-menu .header__line-menu { width: calc(100% - 544px); } .header__container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__login-wrap--active { max-width: 232px; width: 100%; min-width: 104px; box-sizing: border-box; } .header__login-wrap--active .header__line { display: block; } .header__login-wrap--active .header__logout { display: block; } .header__login-wrap--active .header__login-text { max-width: 105px; } } @media screen and (min-width: 1200px) { .header__desctop-menu { width: 100%; display: flex; flex-direction: row; justify-content: center; } .header__desctop-menu--visible-menu { color: #01077B; font-family: "Circe-Bold"; font-size: 12px; text-transform: uppercase; text-decoration: none; margin-right: 26px; letter-spacing: 1px; } .header__row-navigation.active-menu .header__desctop-menu { max-width: none; margin-left: 0; z-index: 1000; } .header__row-navigation.active-menu .header__desctop-menu--visible-menu { margin-right: 0; } .header__row-navigation.active-menu .header__desctop-menu-visible { display: none; } .header__row-navigation.active-menu .header__line-menu { display: none; } .header__desctop-menu-visible { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex: 0; } .header__desctop-menu-opacity { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 0; } .header__project-wrap { min-width: 500px; } .header__project-text { font-size: 14px; } .header__login-text { font-size: 14px; } .header__help-text { font-size: 14px; } .header__number-text { font-size: 14px; } .header__menu-text { padding-right: 3px; } .header__menu-text--plus { display: block; font-family: "Circe-Bold"; text-transform: uppercase; color: #01077B; line-height: 25px; margin-right: 5px; } .header__desctop-menu-opacity { display: none; } .underscore-anim:before { bottom: -5px; } } @media screen and (min-width: 1600px) { .header__project-wrap { min-width: 765px; } .header__desctop-menu { max-width: 100%; } .header__desctop-menu--opacity-menu { font-family: "Circe-Bold"; font-size: 12px; color: rgba(1, 7, 123, 0.2); text-decoration: none; text-transform: uppercase; margin-right: 26px; letter-spacing: 1px; } .header__desctop-menu--opacity-menu.active { color: #01077B; } .header__desctop-menu--opacity-menu:nth-last-of-type(1) { margin-right: 0; } .header__desctop-menu--opacity-menu:nth-of-type(3) { white-space: nowrap } .header__menu { display: none; } .header__desctop-menu-visible { justify-content: flex-end; } .header__desctop-menu-opacity { display: flex; } } @media screen and (min-width: 320px) { .footer { position: relative; background-color: #f7f7f7; border-top: 1px solid #E1E1E7; padding: 20px 25px 50px; } .footer__wrapper-docs { position: relative; width: 100%; box-sizing: border-box; } .footer__wrapper-contacts { position: relative; width: 100%; max-width: 290px; margin: 0 auto 50px; } .footer__wrapper-nav-site { max-width: 290px; margin: 0 auto; } .footer__wrapper-nav-site__block { box-sizing: border-box; margin-bottom: 25px; } .footer__wrapper-nav-site__block__title { font-family: "Circe-Regular"; color: #01077b; text-transform: uppercase; line-height: 16px; margin-bottom: 12px; display: block; font-size: 14px; cursor: pointer; } .footer__wrapper-nav-site__block__text { font-family: "Circe-Light"; color: #5f5f5f; margin-bottom: 12px; display: block; cursor: pointer; font-size: 14px; line-height: 16px; text-decoration: none; } .footer__wrapper-nav-site__block__text.link-conf { color: #01077b; border-bottom: 1px solid #01077b; display: inline-block; } .footer__wrapper-nav-site__block.official-documents { max-width: 290px; margin: 0 auto; } span.footer__wrapper-nav-site__block__text { cursor: auto; } } @media screen and (min-width: 640px) { .footer { padding: 20px 24px 62px 24px; } .footer__wrapper-contacts { max-width: none; } .footer__wrapper-nav-site { max-width: none; display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .footer__wrapper-nav-site__block { page-break-inside: avoid; margin-bottom: 50px; padding-right: 30px; } .footer__wrapper-nav-site__block.official-documents { max-width: none; } } @media screen and (min-width: 1200px) { .footer { padding: 20px 130px 62px 24px; } .footer__wrapper-nav-site { -webkit-column-gap: 128px; -moz-column-gap: 128px; column-gap: 128px; } } @media screen and (min-width: 1256px) { .footer { padding: 0; } .footer__wrapper-nav-site { width: 75%; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-count: 0; -moz-column-count: 0; column-count: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .footer__wrapper-nav-site__block { width: 33.33333333%; padding-right: 3.33333333%; } .footer__wrapper-nav-site__block:nth-of-type(1) { } .footer__wrapper-nav-site__block:nth-of-type(2) { } .footer__wrapper-nav-site__block:nth-of-type(3) { } .footer__wrapper-nav-site__block:nth-of-type(4) { } .footer__wrapper-nav-site__block:nth-of-type(5) { } .footer__wrapper-docs { padding-left: 25%; margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer__wrapper-docs .official-documents { margin: 0; width: 50%; } } @media screen and (min-width: 320px) { .menu { position: fixed; top: 0; left: 0; z-index: 1003; width: 100%; height: 100%; display: none; max-height: 100%; background: #F7F7F7; } .menu.active-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu__close-menu-wrap { height: 60px; background: #fff; position: relative; width: 100%; top: 0; left: 0; } .menu__close-menu-wrap--close-btn { width: 24px; height: 24px; margin-left: auto; margin-right: 25px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); cursor: pointer; } .menu__close-menu-wrap--close-btn:before { content: ''; width: 100%; height: 1px; background: url("/static/css/../i/icons/line-menu.svg") no-repeat; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; left: 0; top: 10px; } .menu__close-menu-wrap--close-btn:after { content: ''; width: 100%; height: 1px; background: url("/static/css/../i/icons/line-menu.svg") no-repeat; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; left: 0; top: 10px; } /*.menu__content { background: #F7F7F7; height: 100%; overflow: hidden; max-height: calc(100% - 75px); padding-bottom: 75px; }*/ .menu__block-menu { height: 100%; overflow: auto; } .menu__nav { position: fixed; left: 0; bottom: 0; background: #fff; } .menu__btn-wrap { height: 100%; width: 100%; } .menu__btn-wrap.active-btn .menu__button-nav { background: #01077b; } .menu__btn-wrap.active-btn .busket-btn:before { opacity: 0; } .menu__btn-wrap.active-btn .busket-btn:after { opacity: 1; } .menu__btn-wrap.active-btn .eye-btn:before { opacity: 0; } .menu__btn-wrap.active-btn .eye-btn:after { opacity: 1; } .menu__btn-wrap.active-btn .book-btn:before { opacity: 0; } .menu__btn-wrap.active-btn .book-btn:after { opacity: 1; } .menu__btn-wrap.active-btn .union-btn:before { opacity: 0; } .menu__btn-wrap.active-btn .union-btn:before { opacity: 1; } .menu__button-nav { height: 100%; width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative; } .menu__button-nav.active { background: #01077B; } .menu__button-nav.busket-btn:before { content: ''; display: block; background: url("/static/css/../i/icons/basket.svg") no-repeat; width: 34px; height: 28.5px; background-size: cover; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__button-nav.busket-btn:after { content: ''; display: block; background: url("/static/css/../i/icons/basket-w.svg") no-repeat; width: 34px; height: 28.5px; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__button-nav.eye-btn:before { content: ''; display: block; background: url("/static/css/../i/icons/basic_eye.svg") no-repeat; width: 32px; height: 19.8px; background-size: cover; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__button-nav.eye-btn:after { content: ''; display: block; background: url("/static/css/../i/icons/eye-w.svg") no-repeat; background-size: cover; width: 32px; height: 19.8px; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__button-nav.book-btn:before { content: ''; display: block; background: url("/static/css/../i/icons/basic_spread.svg") no-repeat; width: 30.3px; height: 22px; background-size: cover; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__button-nav.book-btn:after { content: ''; display: block; background: url("/static/css/../i/icons/book-w.svg") no-repeat; width: 30.3px; height: 22px; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__button-nav.union-btn:before { content: ''; display: block; background: url("/static/css/../i/icons/union.svg") no-repeat; width: 17px; height: 26px; background-size: cover; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.4; cursor: no-drop; } .menu__button-nav.union-btn:after { content: ''; display: block; background: url("/static/css/../i/icons/union-w.svg") no-repeat; width: 17px; height: 26px; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 75px; height: 75px; } .menu__btn-count { position: absolute; background: #D61F28; color: #fff; width: 16px; height: 16px; line-height: 17px; border-radius: 50%; text-align: center; font-size: 12px; font-family: "Circe-Regular"; top: 20px; left: 51%; z-index: 1; } .menu__login-wrap { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 24px; padding-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: fixed; height: 100%; width: 100%; box-sizing: border-box; overflow: auto; left: 0; top: 60px; background: #fff; z-index: 1000; display: none; } .menu__title { color: #B3012E; font-size: 20px; font-family: "Circe-Regular"; margin: 20px 0; text-transform: uppercase; } .menu__label { font-family: "Circe-Regular"; font-size: 16px; color: #000; margin-bottom: 5px; } .menu__return-password { color: #01077b; font-family: "Circe-Regular"; font-size: 16px; margin-bottom: 25px; cursor: pointer; display: inline-block; border-bottom: 1px solid #01077b; } .menu__wrap-email { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu__wrap-password { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .menu__input { border: 1px solid #D8D8D8; height: 50px; font-family: "Circe-Bold"; font-size: 16px; color: #000000; padding: 0 12px; outline: none; } .menu__input.password::-moz-placeholder { font-size: 40px; } .menu__btn-enter { background: #3338A8; border: 1px solid #3338A8; width: 100%; height: 60px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 16px; cursor: pointer; min-height: 50px; box-sizing: border-box; } .menu__or { display: block; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; font-family: "Circe-Regular"; color: #9B9B9B; max-width: 50px; width: 100%; } .menu__btn-regiser { background: transparent; border: 1px solid #3338A8; width: 100%; height: 50px; border-radius: 5px; color: #3338A8; text-transform: uppercase; font-size: 16px; cursor: pointer; min-height: 60px; box-sizing: border-box; } .right-container { height: auto; position: relative; z-index: 1003; } .fixed-menu-login { overflow: hidden; } } @media screen and (min-width: 980px) { .container-site { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu { position: relative; width: 340px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: -1px 0px 20px 0px rgba(0, 0, 0, 0.3); } .menu__close-menu-wrap { display: none; } .menu__nav { position: relative; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; min-height: 84px; height: 84px; } .menu__content { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-bottom: 0; } .menu__btn-count { top: 25px; left: 44px; } .right-container { height: 100%; position: fixed; z-index: 20; width: 340px; top: 0; right: 0; } .left-container { width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden;} .menu__login-wrap { position: relative; top: 25px; left: 0; background: transparent; overflow: hidden; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; display: none; } .fixed-menu-login { overflow: visible; } } .left-container { width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .main { background: #f7f7f7; } .fixed-menu { overflow: hidden; } .fixed-menu .left-container { z-index: 1000; } .opacity-btn:before { opacity: 0.4 !important; } .popup-reg .menu__login-wrap { display: block; } @media screen and (min-width: 320px) { .popup-reg { position: fixed; width: 100%; height: 100%; background: white; z-index: 2000; display: none; top: 0; left: 0; } .popup-reg__bg { position: absolute; width: 100%; height: 100%; display: none; } .popup-reg__wrap-popup { width: 100%; height: 100%; background: #fff; padding: 0px 20px 60px; box-sizing: border-box; overflow: auto; max-width: 800px; max-height: 830px; margin: 0 auto; position: relative; } .popup-reg__close-popup-reg { margin-left: auto; width: 19px; height: 19px; position: relative; top: 20px; margin-bottom: 40px; cursor: pointer; } .popup-reg__close-popup-reg:before { content: ''; position: absolute; width: 100%; height: 1px; background: #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 7px; left: 0px; } .popup-reg__close-popup-reg:after { content: ''; position: absolute; width: 100%; height: 1px; background: #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 7px; left: 0px; } .popup-reg__title { font-size: 32px; font-family: "Circe-Regular"; color: #5F5F5F; margin-bottom: 40px; } .popup-reg__wrap-tab { border: 1px solid #D8D8D8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .popup-reg__organitation { width: 50%; height: 50px; font-family: "Circe-Regular"; font-size: 12px; text-transform: uppercase; color: #000; border: none; background: #fff; outline: none; cursor: pointer; } .popup-reg__organitation:nth-of-type(1) { border-right: 1px solid #D8D8D8; } .popup-reg__organitation.active-organization { background: #D8D8D8; transition: 0.3s ease-in-out; } .popup-reg__text { font-size: 16px; line-height: 24px; font-family: "Circe-Regular"; color: #9B9B9B; margin-bottom: 40px; display: block; } .popup-reg__form { display: none; } .popup-reg__form.active-form { display: block; } .popup-reg__form.fragment-form { display: block; } .popup-reg__wrap-input { margin-bottom: 20px; } .popup-reg__wrap-input:nth-last-child { margin-bottom: 0; } .popup-reg__label { font-size: 16px; font-family: "Circe-Regular"; color: #000000; margin-bottom: 5px; display: block; } .popup-reg__input { width: 100%; height: 50px; border: 1px solid #D8D8D8; padding-left: 10px; outline: none; box-sizing: border-box; } .popup-reg__submit { background: #3338A8; border-radius: 5px; width: 100%; height: 50px; text-transform: uppercase; color: #fff; font-family: "Circe-Regular"; letter-spacing: 0.5px; margin-top: 35px; max-width: 300px; } .password-recovery .popup-reg__wrap-popup { max-height: 430px; } .password-recovery .popup-reg__wrap-popup { padding: 0 20px; } .password-recovery .popup-reg__submit { margin-top: 0; } .password-recovery .validate.error:before { top: -20px; } .password-recovery .popup-reg__text { margin-bottom: 15px; } .popup-add-buy { width: 195px; height: 50px; position: fixed; right: 20px; top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; z-index: 2000; border-radius: 5px; box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.25); display: none; } .popup-add-buy__text { font-size: 14px; font-family: "Circe-Regular"; color: #7A7A7A; line-height: 50px; text-align: center; } .popup-add-buy__close { position: absolute; right: -8px; top: -8px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.25); } .popup-add-buy__close:before { content: ''; position: absolute; left: 4px; top: 9px; display: block; width: 10px; height: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #878787; } .popup-add-buy__close:after { content: ''; position: absolute; left: 4px; top: 9px; display: block; width: 10px; height: 1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #878787; } } @media screen and (min-width: 480px) { .popup-reg__wrap-tab { max-width: 205px; width: 100%; height: 50px; } .popup-reg__text { max-width: 205px; width: 100%; margin-left: 25px; } .popup-reg__block-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 980px) { .popup-reg__wrap-popup { padding: 60px 130px 100px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .popup-reg { background: rgba(0, 0, 0, 0.85); } .popup-reg__close-popup-reg { width: 25px; height: 25px; position: absolute; right: 20px; top: 20px; } .password-recovery .popup-reg__wrap-popup { max-height: 490px; } .password-recovery .popup-reg__wrap-popup { padding: 60px 130px 0px; } .password-recovery .popup-reg__submit { margin-top: 0; } .popup-add-buy { right: 370px; } } .popup-text-fragment { max-width: 520px; margin-left: 0; } .reset-password { display: block !important; } .open-reg { cursor: pointer; } @media screen and (min-width: 320px) { .page-not-found { height: 340px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .page-not-found__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .page-not-found__icon { background: url("/static/css/../i/icons/404.svg") no-repeat; width: 146px; height: 222px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.2; } .page-not-found__block-text { margin-left: 0px; max-width: 350px; padding: 0 20px; } .page-not-found__title { color: #B3012E; font-family: "Circe-Bold"; font-size: 56px; margin-bottom: 15px; margin-top: 30px; text-align: center; } .page-not-found__subtitle { color: #B3012E; font-family: "Circe-Bold"; font-size: 16px; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; text-align: center; } .page-not-found__text { text-align: center; font-family: "Circe-Regular"; color: #000; line-height: 24px; font-size: 16px; display: block; } } @media screen and (min-width: 640px) { .page-not-found__icon { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; left: 0; } .page-not-found__title { text-align: left; } .page-not-found__subtitle { text-align: left; } .page-not-found__text { text-align: left; } } @media screen and (min-width: 320px) { .courses__wrap { display: block; padding: 0 40px 20px 0; color: #a1a1a1; text-align: right; font-size: 0; } .courses__wrap__icon { -webkit-animation: icon-anim 1.5s infinite; animation: icon-anim 1.5s infinite; } @-webkit-keyframes icon-anim { 0% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 10% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 70% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 81% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } } @keyframes icon-anim { 0% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 10% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 70% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 81% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } } .home-bunner { height: 650px; background: url("/static/css/../i/images/home-bunner.jpg") no-repeat center; background-size: cover; padding-bottom: 70px; } .home-bunner__wrapper { padding: 88px 25px 0; } .home-bunner__title { font-family: "Circe-Light"; font-size: 32px; line-height: 40px; color: #fff; text-align: center; margin-bottom: 50px; } .home-bunner__title-text { font-family: "Circe-Light"; font-size: 16px; line-height: 24px; color: #fff; text-align: center; display: block; } .home-bunner__title-text:after { content: ''; border-bottom: 1px solid #fff; width: 73px; display: block; position: relative; margin: 0 auto; margin-top: 50px; margin-bottom: 40px; } .home-bunner__subtitle { text-transform: uppercase; font-family: "Circe-Regular"; font-size: 12px; margin-bottom: 30px; display: block; text-align: center; color: #fff; letter-spacing: 2px; } .home-bunner__spisok { list-style: disc; color: #fff; font-family: "Circe-Regular"; font-size: 16px; line-height: 32px; max-width: 288px; margin: 0 auto; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } .tell-colleagues { padding: 10px; background: #e1e1e7; height: 500px; } .tell-colleagues__content { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .tell-colleagues__title { font-family: "Circe-Light"; font-size: 28px; color: #000; margin-bottom: 20px; } .tell-colleagues__subtext { font-family: "Circe-Light"; font-size: 14px; color: #000; line-height: 22px; text-align: center; max-width: 235px; margin-bottom: 20px; } .tell-colleagues__subtext a { margin-left: 3px; color: #01077b; text-decoration: none; border-bottom: 1px solid #01077b; line-height: 15px; } .tell-colleagues__input { height: 50px; width: 100%; max-width: 260px; padding: 0 10px 0 20px; font-size: 10px; font-family: "Circe-Regular"; color: #9B9B9B; box-sizing: border-box; border: 1px solid #D8D8D8; outline: none; text-align: left; margin-bottom: 20px; position: relative; z-index: 1; } .tell-colleagues__submit { width: 100%; border-radius: 5px; background: #3338A8; font-family: "Circe-Regular"; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 230px; margin: 0 auto; transition: 0.3s ease-in-out; } .tell-colleagues__wrap { width: 100%; max-width: 260px; } .validate-home { position: relative; } .validate-home:before { content: 'Неверный формат почты'; position: absolute; left: 50%; top: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #FF3838; font-size: 10px; font-family: "Circe-Regular"; opacity: 0; transition: 0.3s ease-in-out; } .validate-home.error:before { top: 61px; opacity: 1; } .validate-home.error input { border-color: #FF3838; } .validate-home.error a { margin-top: 10px; } .popup-tell-colleagues { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; width: 100%; height: 100%; background: #fff; z-index: 3000; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 320px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px 0px; box-sizing: border-box; max-width: 300px; } .popup-tell-colleagues__close { position: absolute; right: 12px; top: 12px; width: 30px; height: 30px; cursor: pointer; } .popup-tell-colleagues__close:before { content: ''; width: 100%; height: 1px; background: url(/static/css/../i/icons/line-menu.svg) no-repeat; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; left: 0; top: 10px; } .popup-tell-colleagues__close:after { content: ''; width: 100%; height: 1px; background: url(/static/css/../i/icons/line-menu.svg) no-repeat; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; left: 0; top: 10px; } .popup-tell-colleagues__title { font-family: "Circe-Light"; font-size: 40px; color: #000; line-height: 40px; text-align: center; margin-bottom: 40px; max-width: 100%; width: 100%; } .popup-tell-colleagues__close-btn { cursor: pointer; max-width: 200px; height: 60px; border: 1px solid #01077b; color: #01077b; font-size: 16px; font-family: "Circe-Regular"; background: transparent; border-radius: 5px; width: 100%; } } @media screen and (min-width: 480px) { .home-bunner { height: 650px; } .home-bunner__wrapper { padding: 88px 25px; } .home-bunner__title { font-size: 48px; line-height: 56px; margin-bottom: 15px; } .home-bunner__title-text { font-size: 20px; line-height: 32px; } .home-bunner__title-text:after { content: ''; margin-top: 40px; width: 110px; } .home-bunner__subtitle { text-transform: uppercase; font-family: "Circe-Regular"; font-size: 12px; margin-bottom: 30px; display: block; text-align: center; color: #fff; letter-spacing: 2px; } .home-bunner__spisok { max-width: 256px; margin: 0 auto; } .tell-colleagues { height: 500px; } .tell-colleagues__title { font-size: 40px; } .tell-colleagues__subtext { font-size: 16px; line-height: 25px; max-width: 320px; } .tell-colleagues__input { font-size: 12px; max-width: 370px; padding: 0 20px; } .tell-colleagues__input::-webkit-input-placeholder { text-align: left; } .tell-colleagues__input::-moz-placeholder { text-align: left; } .tell-colleagues__input:-ms-input-placeholder { text-align: left; } .tell-colleagues__input::placeholder { text-align: left; } .tell-colleagues__submit { transition: 40px; } __wrap { max-width: 370px; } .validate-home:before { font-size: 12px; white-space: nowrap; } .validate-home.error a { margin-top: 15px; } } @media screen and (min-width: 640px) { .home-bunner { height: 600px; box-sizing: border-box; } .home-bunner__wrapper { padding: 118px 50px; } .home-bunner__title { font-size: 56px; line-height: 56px; margin-bottom: 15px; } .home-bunner__title-text { font-size: 24px; line-height: 32px; } .home-bunner__title-text:after { content: ''; margin-top: 50px; margin-bottom: 50px; width: 223px; } .home-bunner__subtitle { text-transform: uppercase; font-family: "Circe-Regular"; font-size: 12px; margin-bottom: 30px; display: block; text-align: center; color: #fff; letter-spacing: 2px; } .home-bunner__spisok { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; max-width: 514px; -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); } .tell-colleagues__title { font-size: 56px; } .tell-colleagues__subtext { font-size: 20px; line-height: 32px; max-width: 530px; margin-bottom: 40px; } .tell-colleagues__subtext a { display: inline-block; } .tell-colleagues__input { font-size: 16px; max-width: 490px; padding: 0 20px; } .tell-colleagues__input::-webkit-input-placeholder { text-align: left; } .tell-colleagues__input::-moz-placeholder { text-align: left; } .tell-colleagues__input:-ms-input-placeholder { text-align: left; } .tell-colleagues__input::placeholder { text-align: left; } .tell-colleagues__wrap { max-width: 490px; } .validate-home:before { font-size: 16px; white-space: nowrap; } .validate-home.error a { margin-top: 20px; } } @media screen and (min-width: 980px) { .popup-tell-colleagues { left: calc(50% - 180px); max-width: 600px; } .courses__wrap { display: none; } } @media screen and (min-width: 1200px) { .home-bunner__spisok { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; height: 120px; max-width: 763px; } .home-bunner__title { max-width: 430px; margin: 0 auto; margin-bottom: 15px; } .home-bunner__title-text:after { margin: 50px auto; } .tell-colleagues__subtext { max-width: 630px; } .tell-colleagues__subtext a { display: inline-block; } } @media screen and (min-width: 1600px) { .home-bunner__spisok { max-width: 918px; } .tell-colleagues__wrap { max-width: 795px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .tell-colleagues__input { margin-bottom: 0; } .validate-home.error a { margin-top: 0; } .validate-home:before { left: 31%; } } @media screen and (max-width: 640px) { .popup-tell-colleagues__title { font-size: 1.2em; } } .mCSB_inside > .mCSB_container { margin-right: 0px !important; } .courses__list-wp .owl-stage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .courses__list-wp .owl-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .owl-nav.disabled { display: none; } @media screen and (min-width: 320px) { .basket { padding: 60px 24px; } .basket.header-basket { padding-bottom: 0; } .header-basket__in {margin-bottom: 60px; } .header-basket__btn-exit {max-width: 180px;} .basket__def-title { margin-bottom: 20px; font-family: "Circe-Regular"; font-size: 20px; text-transform: uppercase; color: #B3012E; letter-spacing: 2px; } .basket__settings-wrap { border: 2px solid #01077b; min-width: 272px; width: 100%; height: 70px; padding-left: 24px; box-sizing: border-box; padding-left: 24px; position: relative; cursor: pointer; margin-bottom: 96px; } .basket__settings-wrap.active-popup-busket { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1003; border: none; cursor: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; } .basket__settings-wrap.active-popup-busket .active-page { display: none; } .basket__settings-wrap.active-popup-busket .basket__settings-wrap__btn { width: 31px; height: 31px; top: 50px; right: 18px; cursor: pointer; } .basket__settings-wrap.active-popup-busket .basket__settings-wrap__btn:before { content: ''; width: 100%; height: 1px; background: url(/static/css/../i/icons/line-menu.svg) no-repeat; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; left: 0; top: 10px; } .basket__settings-wrap.active-popup-busket .basket__settings-wrap__btn:after { content: ''; width: 100%; height: 1px; background: url(/static/css/../i/icons/line-menu.svg) no-repeat; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; left: 0; top: 10px; } .basket__settings-wrap.active-popup-busket .basket__settings-wrap__item { display: block; font-size: 12px; line-height: 48px; letter-spacing: 1px; font-family: "Circe-Bold"; cursor: pointer; color: #01077B; } .basket__settings-wrap__btn { position: absolute; right: 10px; top: 28.5px; width: 34px; height: 17px; } .basket__settings-wrap__btn:before { content: ''; display: block; width: 21px; height: 2px; background: #01077b; -webkit-transform: rotate(38deg); -ms-transform: rotate(38deg); transform: rotate(38deg); position: absolute; top: 7px; left: -2px; } .basket__settings-wrap__btn:after { content: ''; display: block; width: 21px; height: 2px; background: #01077b; -webkit-transform: rotate(-38deg); -ms-transform: rotate(-38deg); transform: rotate(-38deg); position: absolute; top: 7px; right: 0px; } .basket__settings-wrap__item { display: none; font-size: 20px; font-family: "Circe-Regular"; letter-spacing: 0.5px; text-transform: uppercase; color: #01077B; line-height: 70px; } .basket__settings-wrap__item.active-page { display: block; } .basket__wrap-item { border: 1px solid #E1E1E7; padding: 42px 24px; position: relative; margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .basket__wrap-item__title { font-family: "Circe-Regular"; font-size: 12px; line-height: 16px; letter-spacing: 2px; color: #B3012E; margin-bottom: 15px; text-transform: uppercase; } .basket__wrap-item__text { font-family: "Circe-Regular"; color: #01077B; font-size: 20px; line-height: 24px; text-decoration: none; cursor: pointer; border-bottom: 1px solid transparent; transition: 0.3s ease-in-out; display: inline; padding-bottom: 5px; } .basket__wrap-item__text:hover { color: #B3012E; } .basket__wrap-item__price { font-family: "Circe-Bold"; color: #01077B; font-size: 32px; margin-top: 20px; } .basket__wrap-item__price .old-price { color: #9B9B9B; text-decoration: line-through; font-size: 28px; display: inline-block; margin-right: 5px; } .basket__wrap-item__del { width: 160px; height: 40px; border-radius: 5px; border: 1px solid #3338A8; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); text-align: center; line-height: 44px; font-family: "Circe-Regular"; color: #3338A8; letter-spacing: 0.5px; text-transform: uppercase; cursor: pointer; background: #fff; } .basket__result { font-size: 24px; line-height: 28px; color: #9b9b9b; font-family: "Circe-Regular"; margin-bottom: 40px; } .basket__result--text { color: #3338A8; } .basket__result--text.sale-price { text-decoration: line-through; font-size: 18px; position: relative; } .basket__result--text.sale-price span { position: absolute; left: 0; bottom: -20px; font-size: 24px; white-space: nowrap; } .basket__make { background: #3338A8; color: #fff; text-transform: uppercase; width: 272px; height: 60px; border-radius: 5px; font-family: "Circe-Regular"; line-height: 60px; border: 1px solid #3338A8; margin: 0 auto; display: block; outline: none; cursor: pointer; font-size: 16px; letter-spacing: 0.5px; } .busket-right { margin-top: 20px; } .busket-right__title { font-family: "Circe-Regular"; font-size: 32px; margin-bottom: 40px; color: #5F5F5F; } .busket-right__wrapper-item { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .busket-right__wrapper-item__name { font-family: "Circe-Regular"; color: #5F5F5F; font-size: 16px; width: 100%; max-width: 160px; line-height: 20px; transition: 0.3s ease-in-out; } .busket-right__wrapper-item__wrap-name { max-width: 160px; width: 100%; } .busket-right__wrapper-item__line { width: 21px; border-bottom: 1px dotted #5F5F5F; margin: 7px 12px 0px 7px; box-sizing: border-box; text-decoration: none; transition: 0.3s ease-in-out; } .busket-right__wrapper-item a.busket-right__wrapper-item__name { display: inline; cursor: pointer; border-bottom: 1px solid transparent; transition: 0.3s ease-in-out; } .busket-right__wrapper-item a.busket-right__wrapper-item__name:hover { color: #B3012E; } .busket-right__wrapper-item__result { font-family: "Circe-Regular"; color: #5F5F5F; font-size: 20px; position: relative; } .busket-right__result { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 70px; } .busket-right__result__name { font-family: "Circe-Bold"; color: #01077B; font-size: 20px; max-width: 160px; width: 100%; } .busket-right__result__line { width: 21px; border-bottom: 1px dotted #01077B; margin: 7px 12px 0px 7px; box-sizing: border-box; } .busket-right__result__sum { font-family: "Circe-Bold"; color: #01077B; font-size: 20px; } .busket-right__buy { height: 60px; max-width: 300px; margin: 0 auto; font-family: "Circe-Regular"; text-transform: uppercase; font-size: 16px; line-height: 62px; letter-spacing: 0.5px; } } @media screen and (min-width: 480px) { .basket__make { margin: 0; } .basket__make { width: 300px; } .basket__wrap-item:nth-last-of-type(1) { margin-bottom: 125px; } .busket-right__wrapper-item__line { width: 25px; } .busket-right__result__line { width: 25px; } } @media screen and (min-width: 640px) { .basket__settings-wrap { border: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0; margin-bottom: 70px; height: auto; } .basket__settings-wrap__btn { display: none; } .basket__settings-wrap__item { display: block; margin-left: 20px; padding-bottom: 10px; font-size: 12px; letter-spacing: 0.5px; line-height: 14px; } .basket__settings-wrap__item:nth-of-type(1) { margin-left: 0; } .basket__settings-wrap__item.active-page { color: #727272; border-bottom: 3px solid #B3012E; padding-bottom: 10px; } .basket__wrap-item { padding: 42px 54px 60px; } .basket__wrap-item__text { line-height: 32px; } .basket__settings-wrap.active-popup-busket { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .basket__settings-wrap.active-popup-busket .basket__settings-wrap__item { text-decoration: none; font-family: "Circe-Regular"; line-height: 14px; letter-spacing: 0.5px; } .basket__settings-wrap.active-popup-busket .active-page { color: #727272; } } @media screen and (min-width: 980px) { .basket { padding: 60px 24px 80px; } .basket__wrap-item:nth-last-of-type(1) { margin-bottom: 45px; } .basket__wrap-item { margin-bottom: 45px; } .basket__wrap-busket { margin-bottom: 125px; height: 100%; } .header-basket__in {display: flex; align-items: center;} .header-basket__in .basket__def-title {margin-bottom: 0 } .header-basket__btn-exit {margin-left: auto}} @media screen and (min-width: 1200px) { .fixed-menu { overflow: auto; } .basket__wrap-busket { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket__wrap-item { width: 100%; max-width: 390px; box-sizing: border-box; margin-left: 25px; } .basket__wrap-item:nth-of-type(1) { margin-left: 0; } .basket__wrap-item:nth-of-type(2n+1) { margin-left: 0; } } @media screen and (min-width: 1600px) { .basket__wrap-item { max-width: 438px; } } #eye .footer__link-email { text-decoration: none; } @media screen and (min-width: 320px) { .container-wrapper__def-title { margin-left: auto; margin-right: auto; max-width: 900px; width: 100%; color: #B3012E; text-transform: uppercase; font-size: 20px; font-family: "Circe-Regular"; margin-bottom: 40px; padding: 71px 24px 0; } .line { width: calc(100% + 48px); height: 14px; background: #F7F7F7; margin-left: -24px; } .line--bottom { width: calc(100% + 48px); background: #F7F7F7; margin-left: -24px; height: 25px; display: none; } .busket-buy-wrapper__wrap-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border: 1px solid #e1e1e7; margin-bottom: 30px; } .busket-buy-wrapper__btn-organization { width: 50%; font-size: 12px; text-transform: uppercase; color: #000; height: 50px; border: none; background: #fff; outline: none; cursor: pointer; font-family: "Circe-Regular"; } .busket-buy-wrapper__btn-organization:nth-of-type(1) { border-right: 1px solid #e1e1e7; } .busket-buy-wrapper__text { font-size: 14px; font-family: "Circe-Regular"; color: #9B9B9B; line-height: 20px; margin-bottom: 50px; } .busket-buy-form { max-width: 900px; padding: 0px 24px 71px; position: relative; margin-right: auto; margin-left: auto} .busket-buy-form__input-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .busket-buy-form__input-wrap:nth-last-of-type(1) { margin-bottom: 150px; } .busket-buy-form__label { font-size: 16px; font-family: "Circe-Regular"; color: #000; margin-bottom: 5px; } .busket-buy-form__input { background: #fff; border: 1px solid #D8D8D8; height: 50px; font-family: "Circe-Regular"; font-size: 16px; color: #000; padding-left: 10px; outline: none; } .busket-buy-form__textarea { display: block; outline: none; font-family: "Circe-Regular"; color: #000; border: 1px solid #D8D8D8; margin: 0; min-height: 134px; max-height: 360px; width: 100%; max-width: 100%; min-width: 100%; padding: 15px 10px; font-size: 16px; line-height: 20px; box-sizing: border-box; } .busket-buy-form__success { position: absolute; right: 15px; top: 40px; display: block; background: url(/static/css/../i/icons/check-g.svg) no-repeat; width: 20px; height: 15px; opacity: 0; transition: 0.3s ease-in-out; } .busket-buy-form__wrap-payment { margin-top: 150px; } .busket-buy-form__def-title { color: #B3012E; text-transform: uppercase; font-size: 20px; font-family: "Circe-Regular"; margin-bottom: 40px; } .busket-buy-form__payment-item { background: #fff; border: 1px solid #D8D8D8; height: 150px; width: 100%; max-width: 270px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .busket-buy-form__payment-item__img { width: 74px; height: 54px; margin: 20px 0; background-size: contain !important; } .busket-buy-form__payment-item__text { font-family: "Circe-Regular"; font-size: 16px; color: #9B9B9B; padding: 0 20px; } .busket-buy-form__payment-item.active-payment { outline: 2px solid #01077B; } .busket-buy-form__payment-item.active-payment .busket-buy-form__payment-item__text { color: #01077B; } .busket-buy-form__wrap-checked-adult { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: 80px; } .busket-buy-form__wrap-checked-adult__label { font-size: 16px; font-family: "Circe-Regular"; color: #9b9b9b; line-height: 24px; position: relative; min-width: 50px; height: 50px; display: inline-block; transition: 0.3s ease-in-out; cursor: pointer; } .busket-buy-form__wrap-checked-adult__label.ur-label:before { background: #01077b; } .busket-buy-form__wrap-checked-adult__label.ur-label:after { background: url("/static/css/../i/icons/check-w.svg") no-repeat; } .busket-buy-form__wrap-checked-adult__label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 45px; height: 45px; border-radius: 50%; border: 2px solid #01077B; display: block; transition: 0.3s ease-in-out; } .busket-buy-form__wrap-checked-adult__label:after { content: ''; position: absolute; left: 14px; top: 15px; width: 21px; height: 20px; display: block; background: url("/static/css/../i/icons/check-b.svg") no-repeat; transition: 0.3s ease-in-out; opacity: 0; } .busket-buy-form__wrap-checked-adult__input { display: none; } .busket-buy-form__wrap-checked-adult__input:checked + label:after { opacity: 1; transition: 0.3s ease-in-out; } .busket-buy-form__wrap-checked-adult__text { margin-left: 20px; font-family: "Circe-Regular"; font-size: 16px; line-height: 24px; color: #9b9b9b; } .busket-buy-form__wrap-checked-adult a { font-family: "Circe-Regular"; font-size: 16px; color: #01077B; margin-left: 5px; } .active-organization { background: #D8D8D8; } .busket-right.basket-buy { padding: 20px; } .busket-right__line { background: #E1E1E7; width: 100%; height: 1px; margin-bottom: 30px; } .busket-right .validate-wrap__title { font-family: "Circe-Regular"; color: #01077b; font-size: 16px; line-height: 24px; display: block; } .busket-right .validate-wrap__spisok { font-family: "Circe-Regular"; color: #3D3D3D; font-size: 16px; line-height: 24px; display: block; } .busket-right .validate-wrap__spisok span:after { content: ", "; } .busket-right .validate-wrap__spisok span:last-child:after { content: ""; } .busket-right .sale-price { text-decoration: line-through; font-size: 17px; position: relative; } .busket-right .sale-price span { position: absolute; left: 0; bottom: -20px; font-size: 20px; white-space: nowrap; } .busket-buy-form__buy { height: 60px; max-width: 200px; margin: 0 auto; display: block; margin-top: 30px; text-transform: uppercase; font-family: "Circe-Regular"; font-size: 16px; } .busket-promoCode { margin-bottom: 50px; padding: 40px 24px 0; border-top: 1px solid #E1E1E7; border-bottom: 1px solid #E1E1E7; margin-left: -24px; margin-right: -24px; } .busket-promoCode__title { margin-bottom: 20px; } .busket-promoCode__text { font-family: "Circe-Regular"; color: #9B9B9B; font-size: 24px; } .busket-promoCode__result { font-family: "Circe-Regular"; color: #454FB1; font-size: 24px; } .busket-promoCode__sale-result { font-family: "Circe-Regular"; color: #454FB1; font-size: 24px; display: none; } .busket-promoCode__promoInput { border: 1px solid #E0DFE0; box-sizing: border-box; max-width: 350px; width: 100%; display: block; color: #9D9D9D; font-size: 16px; height: 50px; padding: 0 10px; font-family: "Circe-Regular"; margin-bottom: 15px; } .busket-promoCode__poromoBtn { background: #454FB1; border-radius: 5px; box-sizing: border-box; max-width: 350px; width: 100%; border: 1px solid #454FB1; display: block; font-size: 16px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; height: 50px; font-family: "Circe-Regular"; color: #fff; cursor: pointer; } .busket-promoCode__poromoBtn.disableBtn { opacity: 0.4; pointer-events: none; } .busket-promoCode__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } .busket-promoCode__info { font-size: 16px; line-height: 24px; color: #9B9B9B; font-family: "Circe-Regular"; margin-bottom: 40px; } .busket-promoCode__linkInfoSale { color: #454FB1; border-bottom: 1px solid #454FB1; cursor: pointer; text-decoration: none; } .busket-promoCode.active-promo .busket-promoCode__result { text-decoration: line-through; opacity: 0.5; } .busket-promoCode.active-promo .busket-promoCode__text { opacity: 0.5; } } @media screen and (min-width: 480px) { .busket-buy-wrapper__text { font-size: 16px; } .busket-buy-form__block-payment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 430px; width: 100%; } .busket-buy-form__payment-item { max-width: 205px; } .busket-buy-form__buy { margin-left: 70px; } .busket-buy-form__wrap-checked-adult__text { max-width: 520px; } } @media screen and (min-width: 640px) { .busket-buy-form__block-payment { max-width: 590px; } .busket-buy-form__payment-item { max-width: 282px; } .busket-promoCode__promoInput { margin-right: 15px; margin-bottom: 0; } .busket-promoCode__promoInput { margin-bottom: 15px; } } @media screen and (min-width: 1200px) { .busket-buy-wrapper { position: relative; right: 0; top: 0; } .busket-buy-form__wrap-middle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-right: 375px; } .busket-buy-wrapper { max-width: 285px; width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 20px; } .busket-buy-form__wrap-middle-input { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-right: 60px; } .busket-buy-wrapper__btn-organization { height: 52px; } .busket-buy-form__input-wrap:nth-last-of-type(1) { margin-bottom: 60px; } .busket-buy-form__wrap-payment { margin-top: 60px; } .busket-buy-form__payment-item { max-width: 252px; } .busket-buy-form__block-payment { max-width: 810px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .busket-buy-form__payment-item { margin-left: 20px; } .busket-buy-form__payment-item:nth-of-type(1) { margin-left: 0; } .busket-buy-form__payment-item:nth-of-type(4n) { margin-left: 0; } .busket-buy-form__input-wrap { max-width: 350px; } .busket-buy-form__buy { position: absolute; bottom: 77px; right: 30px; } .busket-promoCode { border: none; margin-right: 0; margin-left: 0; position: absolute; left: 55%; top: 0; max-width: 350px; width: 100%; padding: 0; } .busket-promoCode__promoInput { margin-right: 0; margin-bottom: 15px; } .busket-promoCode__poromoBtn { margin-bottom: 30px; } } @media screen and (min-width: 1600px) { .container-wrapper__def-title { margin: 0 auto; margin-bottom: 40px; } .container-wrapper.busket-buy { margin-top: 5px; } .busket-buy-form__wrap-middle { max-width: 900px; max-width: 900px; width: 100%; margin: 0 auto; box-sizing: border-box; } .busket-buy-form__wrap-payment { max-width: 900px; max-width: 900px; width: 100%; margin: 0 auto; box-sizing: border-box; margin-top: 60px; } .busket-buy-wrapper { position: relative; top: 0px; left: 0; right: 0; } .busket-buy-form__buy { position: absolute; bottom: 77px; } .line { width: calc(100% + 50px); height: 14px; background: #F7F7F7; margin-left: -25px; } } .success .busket-buy-form__success { opacity: 1; } .validate { position: relative; } .validate:before { content: 'Неверный формат'; position: absolute; right: 0; top: 40px; color: #FF3838; font-size: 16px; font-family: "Circe-Regular"; opacity: 0; transition: 0.3s ease-in-out; } .validate.error:before { top: 0px; opacity: 1; } .validate.error label { color: #FF3838; } .validate.error input { border-color: #FF3838; } .validate-other:before { content: 'Не заполнено поле'; position: absolute; right: 0; top: 40px; color: #FF3838; font-size: 16px; font-family: "Circe-Regular"; opacity: 0; transition: 0.3s ease-in-out; } .validate-other.error:before { top: 0px; opacity: 1; } .validate-other.error label { color: #FF3838; } .validate-other.error input { border-color: #FF3838; } .active-form { display: block; } #basket { background: #f7f7f7; } @media (min-width: 980px) and (max-width: 1100px) { .busket-promoCode__promoInput { margin-bottom: 15px; } } @media screen and (min-width: 320px) { .welcom-block { padding: 20px; padding-bottom: 0px; } .welcom-block__hello-text { font-family: "Circe-Regular"; font-size: 32px; line-height: 32px; color: #5F5F5F; margin-bottom: 30px; } .welcom-block__hello-about { font-family: "Circe-Regular"; font-size: 16px; line-height: 24px; color: #5F5F5F; margin-bottom: 10px; } .lk-buy { max-width: 900px; margin: 0 auto; } .lk-buy__title { margin-bottom: 20px; } .lk-buy__buy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 80px; } .lk-buy__curse-block { width: 100%; border: 1px solid #e1e1e7; padding: 35px 10px 45px; position: relative; box-sizing: border-box; } .lk-buy__curse-block__date { font-size: 10px; text-transform: uppercase; color: #9B9B9B; letter-spacing: 2px; margin-bottom: 25px; font-family: "Circe-Regular"; } .lk-buy__curse-block__category { font-family: "Circe-Regular"; color: #b3012e; text-transform: uppercase; font-size: 12px; margin-bottom: 15px; } .lk-buy__curse-block__text { font-size: 20px; color: #01077b; font-family: "Circe-Regular"; text-decoration: none; cursor: pointer; } .lk-buy__curse-block__btn-read { max-width: 180px; border: 1px solid #01077b; text-transform: uppercase; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; width: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; height: 40px; cursor: pointer; outline: none; border-radius: 5px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #01077b; z-index: 1; } .lk-buy__curse-block__btn-products-read { max-width: 180px; text-transform: uppercase; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; width: 100%; position: absolute; left: 27%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; height: 40px; cursor: pointer; outline: none; border-radius: 5px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; z-index: 1; } .lk-buy__curse-block__btn-products-read:hover { background: #fff;} .lk-buy__curse-block__btn-inst-products-read {text-align: center; padding: 0 10px; max-width: 220px; text-transform: uppercase; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; width: 110%; position: absolute; left: 71%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; height: 40px; cursor: pointer; outline: none; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #fff; z-index: 1; } .lk-buy__curse-block__btn-inst-products-read:hover { background: #fff;} .lk-buy__additional-block__wrap-item { max-width: 235px; width: 100%; border: 1px solid #e1e1e7; padding: 60px 30px 35px; position: relative; box-sizing: border-box; margin-top: 90px; } .lk-buy__additional-block__wrap-item:before { content: ''; position: absolute; display: block; width: 50px; height: 1px; background: #9b9b9b; top: -35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .lk-buy__additional-block__wrap-item:after { content: ''; position: absolute; display: block; width: 50px; height: 1px; background: #9b9b9b; top: -35px; left: 50%; -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); } .lk-buy__additional-block__wrap-item:last-child { margin-bottom: 80px; } .lk-buy__additional-block__category { font-size: 12px; color: #b3012e; text-transform: uppercase; line-height: 16px; font-family: "Circe-Regular"; letter-spacing: 2px; display: inline; cursor: pointer; transition: 0.3s ease-in-out; border-bottom: 1px solid transparent; } .lk-buy__additional-block__category:hover { border-bottom: 1px solid; } .lk-buy__additional-block__text { margin-top: 10px; text-transform: lowercase; font-family: "Circe-Regular"; font-size: 12px; line-height: 16px; color: #9B9B9B; margin-bottom: 15px; } .lk-buy__additional-block__cost { text-transform: uppercase; font-family: "Circe-Bold"; color: #01077b; font-size: 32px; } .lk-buy__additional-block__btn-read { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; max-width: 150px; height: 40px; width: 100%; color: #01077b; background: #3338A8; border: 1px solid #3338A8; border-radius: 5px; color: #fff; font-family: "Circe-Regular"; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; text-transform: uppercase; } .additional-case { padding: 35px 15px; background: #F7FDEB; position: relative; margin-bottom: 90px; } .additional-case__left-block { margin-bottom: 25px; } .additional-case__img { margin-top: 40px; max-height: 185px; max-width: 130px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); } .additional-case__wrap-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; left: 17px; top: 34px; width: calc(100% - 34px); } .additional-case__date { color: #9B9B9B; font-family: "Circe-Regular"; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; } .additional-case__book { background: url("/static/css/../i/icons/led_book.svg") no-repeat; width: 26.5px; height: 21px; } .additional-case__category { font-size: 12px; letter-spacing: 0.5px; color: #b3012e; margin-bottom: 10px; font-family: "Circe-Regular"; text-transform: uppercase; } .additional-case__title { font-size: 20px; line-height: 24px; color: #01077b; font-family: "Circe-Regular"; max-width: 90%; } .additional-case__block-btn { position: absolute; bottom: -68px; width: 100%; left: 0; } .additional-case__download-epub { max-width: 210px; width: 100%; border-radius: 5px; height: 40px; border: 1px solid #01077b; background: #fff; text-transform: uppercase; font-size: 14px; color: #01077b; font-family: "Circe-Regular"; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin-bottom: 7px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .additional-case__download-pdf { max-width: 210px; width: 100%; border-radius: 5px; height: 40px; border: 1px solid #3338A8; background: #3338A8; text-transform: uppercase; font-size: 14px; color: #fff; font-family: "Circe-Regular"; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .additional-case__download-pdf:hover { background: #fff !important; } } @media screen and (min-width: 480px) { .additional-case__wrap-row { position: relative; left: 0; width: 100%; top: 0; margin-bottom: 15px; } .additional-case { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 35px 10px 50px 35px; max-height: 275px; box-sizing: border-box; } .additional-case__left-block { margin-right: 25px; } .additional-case__img { margin-top: 0; } .additional-case__book { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @media screen and (min-width: 640px) { .lk-buy__additional-block { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .lk-buy__additional-block__wrap-item:last-child { margin-bottom: 0; margin-left: 20px; } .lk-buy__curse-block__text, .additional-case__title { font-size: 24px; line-height: 32px; } .additional-case { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .additional-case__block-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; bottom: -26px; } .additional-case__download-epub { margin-right: 25px; } .additional-case__download-pdf, .additional-case__download-epub { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @media screen and (min-width: 1200px) { .lk-buy__additional-block__wrap-item { margin-top: 0px; margin-left: 20px; min-width: 230px; max-height: 210px; } .lk-buy__additional-block__wrap-item:before { top: 50%; left: -35px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .lk-buy__additional-block__wrap-item:after { top: 50%; left: -60px; -webkit-transform: translateX(50%) rotate(90deg); -ms-transform: translateX(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); } .lk-buy__additional-block { margin-bottom: 0; max-width: 500px; width: auto; } .lk-buy__buy { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 80px; } .lk-buy__curse-block { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; min-height: 225px; } .lk-buy__curse-block__text { max-height: 68px; overflow: hidden; } .additional-case__left-block { margin-right: 70px; } .additional-case { max-height: 230px; } .additional-case__img { max-width: 141px; max-height: 141px; width: 100%; } .lk-buy__additional-block__cost { position: relative; top: -5px; } } @media screen and (min-width: 1600px) { .additional-case__download-pdf, .additional-case__download-epub { left: 30px; } .lk-buy .basket__settings-wrap { margin-bottom: 0; } } @media screen and (min-width: 320px) { .text-page { max-width: 900px; margin: 0 auto; font-family: "Circe-Light"; padding: 20px; } .text-page h1 { font-family: "Circe-Light"; font-size: 36px; margin-bottom: 20px; color: #3D3D3D; word-break: break-word; } .text-page .title { font-family: "Circe-Bold"; color: #3D3D3D; line-height: 32px; } .text-page .item-text { font-family: "Circe-Light"; margin-bottom: 40px; line-height: 32px; } .text-page .item-link { font-family: "Circe-Regular"; color: #01077B; margin-left: 5px; } .text-page ul, .text-page ol { display: block; position: relative; margin-bottom: 2em; } .text-page ul li, .text-page ol li { display: block; position: relative; list-style: none; margin: 1em auto; padding-left: 30px; line-height: 1.3; } .text-page ul li::before { content: ""; display: block; width: 20px; height: 1px; background-color: #000; position: absolute; top: 7px; left: 0; } .text-page ol { counter-reset: list; } .text-page ol li::before { content: counter(list) "."; counter-increment: list; display: block; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; } .text-page .table-wrapper { width: 100%; position: relative; overflow: auto; } .text-page table { width: 100%; min-width: 640px; margin: 1em auto 2em; border: none; border-spacing: 0; border-collapse: collapse; } .text-page table th { text-align: left; padding: 15px 10px; vertical-align: middle; border: none; } .text-page table td { text-align: left; padding: 15px 10px; vertical-align: top; border: none; } .text-page table tr:first-of-type td { text-align: left; padding: 15px 10px; vertical-align: middle; border: none; font-family: "Circe-Bold"; } .text-page table tr:nth-of-type(2n) td { padding: 7px 10px; background-color: #F1F1F1; } } @media screen and (min-width: 640px) { .text-page { padding-top: 100px; padding-bottom: 100px; max-width: 900px; margin: 0 auto; font-family: "Circe-Light"; padding: 20px; } .text-page h1 { font-family: "Circe-Light"; font-size: 56px; margin-bottom: 20px; color: #3D3D3D; } } .articlesList__item { font-size: 20px; line-height: 32px; color: #000; font-family: "Circe-Light"; padding: 30px 210px; } @media screen and (max-width: 1255px) { .articlesList__item { padding: 30px 55px; } } @media screen and (max-width: 480px) { .articlesList__item { padding: 30px 20px; } } .articlesList__item .close-article .article-item__title { position: relative; padding-right: 30px; } .articlesList__item .close-article .article-item__title:after { content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(/static/css/../i/icons/closeStatus.svg) no-repeat; background-size: cover; } .articlesList__item .close-article .article-item__rowAdditionalInfo { position: relative; } .articlesList__item .close-article .writing { right: 0; } .articlesList__title { font-family: "Circe-Bold"; font-size: 48px; line-height: 48px; text-align: center; color: #000; margin-bottom: 50px; } @media screen and (max-width: 640px) { .articlesList__title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .articlesList__title { font-size: 24px; line-height: 24px; margin-bottom: 20px; } } .articlesList__text { font-family: "Circe-Light"; font-size: 20px; line-height: 32px; color: #000000; margin-bottom: 50px; } @media screen and (max-width: 640px) { .articlesList__text { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .articlesList__text { font-size: 14px; line-height: 20px; margin-bottom: 40px; } } .articlesList__wrap-materials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 90px; } @media screen and (max-width: 480px) { .articlesList__wrap-materials { margin-bottom: 40px; } } .articlesList__navigate-material { position: relative; margin-left: 30px; font-family: "Circe-Regular"; font-size: 16px; line-height: 16px; color: #01077B; margin-bottom: 10px; display: inline-block; text-decoration: none; } @media screen and (max-width: 640px) { .articlesList__navigate-material { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .articlesList__navigate-material { font-size: 14px; line-height: 20px; } } .articlesList__navigate-material img { position: absolute; left: -30px; top: 1px; width: 15px; height: 15px; } .articlesList .searchMagazineBlock, .articlesList .introductorySubscription, .articlesList .subscriptionBuyBlock { margin: 0 -210px; } @media screen and (max-width: 1255px) { .articlesList .searchMagazineBlock, .articlesList .introductorySubscription, .articlesList .subscriptionBuyBlock { margin: 0 -55px; } } @media screen and (max-width: 480px) { .articlesList .searchMagazineBlock, .articlesList .introductorySubscription, .articlesList .subscriptionBuyBlock { margin: 0 -20px; } } .articlesList .subscriptionBuyBlock__boldText { font-size: 28px; margin-bottom: 7px; } .articlesList .subscriptionBuyBlock__blockText { margin-top: 1px; } .articlesList .subscriptionBuyBlock { background: #F8F8FB; } .article-item { position: relative; } .article-item__title { font-family: "Circe-Regular"; font-size: 32px; line-height: 32px; color: #01077B; display: block; margin-bottom: 24px; position: relative; } @media screen and (max-width: 480px) { .article-item__title { font-size: 24px; line-height: 24px; } } .article-item__title img { position: absolute; left: -65px; top: 0; width: 26px; height: 27px; } @media screen and (max-width: 1255px) { .article-item__title img { display: none; } } .article-item__rowAdditionalInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media screen and (max-width: 1255px) { .article-item__rowAdditionalInfo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .article-item__author { font-family: "Circe-Regular"; color: #5F5F5F; font-size: 16px; line-height: 32px; } .article-item__author-block {margin-bottom:40px; display: flex; align-items: center; width: auto;} @media screen and (max-width: 640px) { .article-item__author { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .article-item__author { font-size: 14px; line-height: 20px; } } .article-item__author a { text-decoration: none; cursor: pointer; font-family: "Circe-Bold"; color: #01077B; border-bottom: none} .article-item .writing { position: absolute; right: -150px; top: 8px; } @media screen and (max-width: 1255px) { .article-item .writing { position: relative; right: 0; top: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .writing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .writing__like { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-right: 10px; } .writing__views { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .writing__icon-like { width: 13px; height: 13px; background: url("/static/css/../i/icons/like.svg") no-repeat; background-size: cover; margin-right: 3px; } .writing__icon-like.likeActive { background: url(/static/css/../i/icons/like-click.svg) no-repeat; background-size: cover; } .writing__icon-views { background: url(/static/css/../i/icons/look.svg) no-repeat; background-size: cover; width: 16px; height: 16px; margin-right: 3px; } .writing__count-like { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; } .writing__count-views { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; } .article-item { margin-top: 60px; font-size: 20px; } @media screen and (max-width: 640px) { .article-item { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .article-item { font-size: 14px; line-height: 20px; } } .article-item .wrapTable { width: 100%; overflow: auto; } /*.article-item .def-table { border: 1px solid; }*/ .article-item .def-table tr { background: none !important; } .article-item .def-table td { border: 1px solid; background: none; border-collapse: collapse; } .article-item p { font-size: 20px; line-height: 32px; color: #000; font-family: "Circe-Light"; margin-bottom: 30px; } @media screen and (max-width: 640px) { .article-item p { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .article-item p { font-size: 14px; line-height: 20px; } } .article-item img { max-width: 100%; height: auto; margin: 0 auto; } .article-item .vertical-top { vertical-align: top; } .article-item .vertical-center { vertical-align: middle; } .article-item .vertical-bottom { vertical-align: bottom; } .article-item b, .article-item strong { font-family: "Circe-Bold"; } .article-item blockquote { position: relative; max-width: 730px; width: 100%; margin-bottom: 30px; display: block; margin-left: auto; } .article-item blockquote p { font-size: 20px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Bold"; padding-left: 60px; } @media screen and (max-width: 640px) { .article-item blockquote p { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .article-item blockquote p { font-size: 14px; line-height: 20px; } } .article-item blockquote:before { content: ''; background: url("/static/css/../i/icons/quote.svg") no-repeat; background-size: cover; width: 38.8px; height: 30px; left: 0; top: 8px; display: block; position: absolute; } .article-item .fullWidthImg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article-item .fullWidthImg img { width: 100%; height: auto; } .article-item ul { margin-bottom: 50px; max-width: 680px; margin-left: auto; } .article-item ul li { display: block; position: relative; list-style: none; margin: 1em auto; padding-left: 25px; line-height: 1.3; font-family: "Circe-Light"; } .article-item ul li:before { content: ""; display: block; width: 18px; height: 1px; background-color: #000; position: absolute; top: 12px; left: 0; } .article-item ol { margin-bottom: 50px; max-width: 680px; margin-left: auto; counter-reset: list; } .article-item ol li { display: block; position: relative; list-style: none; margin: 1em auto; padding-left: 25px; line-height: 1.3; font-family: "Circe-Light"; } .article-item ol li:before { content: counter(list) "."; counter-increment: list; display: block; font-size: 16px; line-height: 20px; position: absolute; top: 4px; left: 0; } .article-item .videoAndText { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 -140px; margin-bottom: 50px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1600px) { .article-item .videoAndText { margin: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 768px) { .article-item .videoAndText { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .article-item .videoAndText__wrap-video { margin: 0; max-width: 300px; width: 100%; box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.1); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 768px) { .article-item .videoAndText__wrap-video { margin-bottom: 30px; } } .article-item .videoAndText__wrap-video iframe { width: 100%; } .article-item .videoAndText__block-video { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 180px; background-size: cover !important; overflow: hidden; } .article-item .videoAndText__title { position: absolute; left: 20px; bottom: 10px; color: #fff; font-family: "Circe-Regular"; } .article-item .videoAndText__play-btn { background: url(/static/css/../i/icons/subtract.svg) no-repeat !important; background-size: cover; width: 81px; height: 81px; border: none; box-sizing: border-box; background: transparent; outline: none; cursor: pointer; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .article-item .videoAndText__text-video { padding: 12px; background: #fff; font-size: 16px; color: #5f5f5f; font-family: "Circe-Regular"; line-height: 24px; } @media screen and (max-width: 640px) { .article-item .videoAndText__text-video { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .article-item .videoAndText__text-video { font-size: 14px; line-height: 20px; } } .article-item .videoAndText__wrap-text { max-width: 670px; margin-left: 60px; width: 100%; } @media screen and (max-width: 768px) { .article-item .videoAndText__wrap-text { margin: 0; } } .article-item table { width: 100%; min-width: 640px; margin: 1em auto 2em; border: none; border-spacing: 0; border-collapse: collapse; } .article-item table td { text-align: left; padding: 15px 10px; vertical-align: middle; border: none; font-family: "Circe-Light"; } .article-item table tr:nth-of-type(2n + 1) { background-color: #F1F1F1; } .article-item .tooltip { position: relative; text-decoration: none; display: inline-block; font-family: "Circe-Light"; line-height: 29px; } .article-item .tooltip__text { position: relative; z-index: 2; cursor: url("/static/css/../i/icons/cursorQuestion.svg"), auto; background: #fefadc; padding-right: 4px; padding-left: 4px; width: 100%; box-sizing: border-box; word-break: break-word; font-size: 20px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Light"; margin-bottom: 30px; } @media screen and (max-width: 640px) { .article-item .tooltip__text { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 480px) { .article-item .tooltip__text { font-size: 14px; line-height: 20px; } } .article-item .tooltip__help-text { min-width: 210px; position: absolute; left: 0; top: 0; font-size: 12px; line-height: 14px; font-family: "Circe-Regular"; padding: 8px; background: #fff; color: #98A2A8; border: 1px solid #EAEBED; box-sizing: border-box; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11); border-radius: 2px; display: none; word-break: break-word; z-index: 10; } .article-item .tooltip-arrow { border: 7px solid transparent; border-left: 10px solid #000; cursor: pointer; display: inline-block; } .article-item .wrap-table { overflow: auto; width: 100%; } .article-item .def-table { overflow: auto; width: 100%; } .article-hr { width: calc(100% + 440px); height: 1px; background: #E1E1E7; display: block; position: relative; margin-left: -210px; box-sizing: border-box; } .delimiter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #f7f7f7; padding: 45px 0; width: calc(100% + 2px); position: relative; } .delimiter:before { content: ''; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; } .delimiter__topic-title { letter-spacing: 1px; text-transform: uppercase; font-size: 10px; color: #B3012E; font-family: "Circe-Regular"; margin-bottom: 14px; position: relative; } .delimiter__count-topic { letter-spacing: 1px; text-transform: uppercase; color: #000000; font-size: 10px; font-family: "Circe-Regular"; } .download-files { margin-bottom: 60px; } .download-files__title { font-size: 20px; line-height: 32px; color: #000000; margin-bottom: 20px; font-family: "Circe-Bold"; } @media screen and (max-width: 480px) { .download-files__title { font-size: 18px; line-height: 24px; } } .download-files__link { border-bottom:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; margin-bottom: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 480px) { .download-files__link { margin-bottom: 5px; } } .download-files__icon-download { background: url("/static/css/../i/icons/download.svg") no-repeat; background-size: cover; width: 34px; height: 34px; margin-right: 10px; } .download-files__name-file { font-family: "Circe-Bold"; font-size: 20px; line-height: 18px; color: #01077B; margin-right: 8px; border-bottom: 2px solid #01077B; } @media screen and (max-width: 480px) { .download-files__name-file { font-size: 14px; } } .download-files__file-info { font-size: 20px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Light"; } @media screen and (max-width: 480px) { .download-files__file-info { font-size: 14px; } } .table-poll { margin-bottom: 30px; } .table-poll__title { font-size: 20px; line-height: 32px; color: #000000; font-family: "Circe-Bold"; margin-bottom: 5px; display: block; } @media screen and (max-width: 480px) { .table-poll__title { line-height: 24px; font-size: 18px; } } .table-poll__text { display: block; font-size: 20px; line-height: 32px; color: #5F5F5F; margin-bottom: 20px; font-family: "Circe-Light"; } @media screen and (max-width: 480px) { .table-poll__text { font-size: 14px; line-height: 20px; } } .table-poll__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #D9E2E7; padding: 13px 0; } .table-poll__row:nth-of-type(1) { border-top: 1px solid #98a2a8; } .table-poll__row:nth-last-child(2) { border-bottom: 1px solid #98a2a8; margin-bottom: 40px; } .table-poll__question { width: 70%; font-size: 18px; line-height: 20px; color: #000; font-family: "Circe-Regular"; } @media screen and (max-width: 480px) { .table-poll__question { line-height: 24px; font-size: 18px; } } .table-poll__response { width: 30%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 207px; min-width: 125px; } .table-poll__custom-radio { position: relative; margin-left: auto; } @media screen and (max-width: 480px) { .table-poll__custom-radio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .table-poll__custom-radio label { position: relative; font-size: 18px; line-height: 20px; color: #000; font-family: "Circe-Regular"; padding-left: 25px; cursor: pointer; } @media screen and (max-width: 480px) { .table-poll__custom-radio label { line-height: 24px; font-size: 18px; } } .table-poll__custom-radio label:before { content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 17px; border: 2px solid #000000; border-radius: 50%; } .table-poll__custom-radio label:after { content: ''; position: absolute; left: 7px; top: 7px; width: 6.5px; height: 6.5px; background: #01077B; opacity: 0; transition: 0.3s ease-in-out; border-radius: 50%; } .table-poll__custom-radio input { display: none; } .table-poll__custom-radio input:checked + label:after { opacity: 1; } .table-poll__send-result-btn { background: #01077B; color: #fff; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 auto; max-width: 280px; width: 100%; height: 50px; border-radius: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2), 0px 4px 12px rgba(1, 7, 123, 0.2); margin-top: 30px; } .table-poll .error-block { text-align: center; color: red; font-family: "Circe-Light"; margin: 15px 0; display: none; } .table-poll .itog > * { display: none; } .popup-question { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; } .popup-question__background-popup { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.85); width: 100%; height: 100%; } .popup-question__wrap-popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 5px; background: #fff; width: 100%; max-width: 640px; height: auto; padding: 20px 24px; box-sizing: border-box; } .popup-question__close-popup { position: absolute; right: 10px; top: 10px; width: 18.5px; height: 18.5px; border: none; background: transparent; outline: none; cursor: pointer; padding: 0; } .popup-question__close-popup:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #000; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } .popup-question__close-popup:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #000; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } .popup-question__question-title { font-size: 24px; line-height: 24px; color: #000000; font-family: "Circe-Regular"; margin-bottom: 10px; display: block; } .popup-question__question-text { font-size: 16px; line-height: 24px; font-family: "Circe-Regular"; margin-bottom: 20px; display: block; color: #000; } .popup-question__btn-open-result { display: block; border: none; background: none; outline: none; border-bottom: 1px solid #01077B; text-align: center; font-size: 18px; color: #01077B; cursor: pointer; margin: 0 auto; padding: 0; } .popup-question__result-title { font-size: 24px; line-height: 24px; color: #000000; font-family: "Circe-Regular"; margin-bottom: 10px; display: block; margin-top: 10px; } .popup-question__result-text { font-size: 16px; line-height: 24px; font-family: "Circe-Regular"; display: block; color: #9B9B9B; } .question-block { display: inline-block; width: 24px; height: 24px; background: url("/static/css/../i/icons/question-icon.svg") no-repeat; background-size: cover; cursor: pointer; border: none; padding: 0; position: relative; top: 5px; margin: 0 2px; outline: none; } P.epigraph { font-weight: 350; font-size: 16px; line-height: 20px; text-align: right; color: #01077B; font-family: "Circe-Light"; padding-top: 10px; border-top: 1px solid #01077B; margin-bottom: 30px; max-width: 460px; width: 100%; margin-left: auto; } P.expert_opinion_block { position: relative; font-family: "Circe-Regular"; font-size: 16px; line-height: 20px; color: #000000; padding: 30px 25px 40px; max-width: 645px; margin: 0 auto 30px; } @media screen and (max-width: 480px) { P.expert_opinion_block { font-size: 14px; } } P.expert_opinion_block:before { content: ''; position: absolute; left: 0; top: 0; border: 1px solid #E1E1E7; border-radius: 10px; width: 100%; height: 100%; z-index: 1; } P.expert_opinion_block:after { content: ''; position: absolute; left: 40px; bottom: -18px; border: 1px solid #E1E1E7; width: 32px; height: 32px; z-index: 1; background: #fff; border-top: none; border-left: none; border-radius: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .about-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 640px) { .about-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .about-text__left-text { font-size: 20px; line-height: 32px; color: #000; font-family: "Circe-Light"; margin-bottom: 30px; } .about-text__right-text { padding: 17px 20px 17px 20px; position: relative; border: 1px solid #E1E1E7; border-radius: 10px; font-family: "Circe-Regular" !important; margin-left: 40px; font-size: 16px !important; line-height: 20px !important; margin-right: -100px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 30%; } @media screen and (max-width: 1600px) { .about-text__right-text { margin-right: -50px; } } @media screen and (max-width: 640px) { .about-text__right-text { margin-left: 0; padding-left: 9px; font-size: 14px !important; margin-right: 0; max-width: 100%; } } .about-text__right-text:after { content: ''; position: absolute; left: -50px; top: 50%; border: 1px solid #E1E1E7; width: 32px; height: 32px; z-index: 1; background: #fff; border-top: none; border-left: none; border-radius: 0; -webkit-transform: rotate(135deg) translateY(-50%); -ms-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); -webkit-transform-origin: 32px 8px; -ms-transform-origin: 32px 8px; transform-origin: 32px 8px; } @media screen and (max-width: 640px) { .about-text__right-text:after { -webkit-transform-origin: -2px 7px; -ms-transform-origin: -2px 7px; transform-origin: -2px 7px; -webkit-transform: rotate(224deg) translateX(-50%); -ms-transform: rotate(224deg) translateX(-50%); transform: rotate(224deg) translateX(-50%); left: 50%; top: 0; } } .read-list__title { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #b3012e; margin-bottom: 15px; font-family: "Circe-Regular"; text-decoration: none; display: block; } .read-list__item { position: relative; cursor: pointer; } .read-list__container { position: relative; cursor: pointer; } .read-list__container.close-section .read-list__text { color: #7C7C7C; } .read-list__container.readComplete .read-list__text { color: #979797 !important; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .read-list__container.readComplete .read-list__read-progress { opacity: 0; visibility: hidden; } .read-list__read-progress { position: absolute; background: #EBEDFD; width: 0; height: 100%; left: -20px; top: 50%; transition: 0.3s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .read-list__text { font-family: "Circe-Regular"; font-size: 16px; margin-bottom: 10px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 1; transition: 0.3s ease-in-out; overflow: hidden; text-decoration: none; color: #000; min-height: 40px; } .read-list__wrap-block { margin-bottom: 50px; } .read-list__wrap-block.active-theme .read-list__text { color: #01077B; } .theme { padding: 30px 105px 0; } @media screen and (max-width: 1255px) { .theme { padding: 30px 24px 0; } } @media screen and (max-width: 480px) { .theme { padding: 30px 24px 0; } } .theme__bg-img { background: url(/static/css/../i/images/bgTheme.svg) no-repeat; width: 40%; height: 35%; background-size: 100%; position: absolute; left: 0; top: 7.7%; -webkit-transform: none; -ms-transform: none; transform: none; } .theme__title { font-size: 48px; line-height: 48px; text-align: center; color: #000000; font-family: "Circe-Bold"; max-width: 790px; margin: 0 auto 35px; } @media screen and (max-width: 768px) { .theme__title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .theme__title { font-size: 24px; line-height: 24px; } } .theme__about-theme { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 75px; -moz-column-gap: 75px; column-gap: 75px; margin-bottom: 90px; position: relative; } @media screen and (max-width: 1200px) { .theme__about-theme { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom: 0; } } .theme__about-theme-title { font-size: 40px; line-height: 48px; color: #01077B; font-family: "Circe-Bold"; margin-bottom: 15px; text-decoration: none; display: block; } @media screen and (max-width: 768px) { .theme__about-theme-title { font-size: 24px; line-height: 24px; } } @media screen and (max-width: 480px) { .theme__about-theme-title { font-size: 22px; line-height: 22px; } } .theme__about-theme-text { font-size: 20px; line-height: 32px; color: #000000; font-family: "Circe-Light"; margin-bottom: 30px; } @media screen and (max-width: 768px) { .theme__about-theme-text { font-size: 18px; line-height: 22px; } } @media screen and (max-width: 480px) { .theme__about-theme-text { font-size: 16px; line-height: 20px; } } .theme__video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 auto 75px; overflow: hidden; max-width: 754px; } @media screen and (max-width: 480px) { .theme__video { margin: 0 auto 30px; } } .theme__preview-block { position: relative; display: inline-block; margin: 0 auto; width: 100%; } .theme__video-block { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .theme__preview-img { width: 100%; height: auto; } .section-theme__title { font-size: 48px; line-height: 48px; text-align: center; color: #000000; font-family: "Circe-Bold"; margin-bottom: 35px; position: relative; } @media screen and (max-width: 768px) { .section-theme__title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .section-theme__title { font-size: 24px; line-height: 24px; } } .section-theme__container-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #E1E1E7; margin-bottom: 40px; flex-direction: row; } @media screen and (max-width: 768px) { .section-theme__container-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .section-theme__container-item:last-child { margin-bottom: 0; } .section-theme__title-item { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Regular"; margin-bottom: 8px; } @media screen and (max-width: 480px) { .section-theme__title-item { font-size: 22px; line-height: 24px; } } .section-theme__text-item { font-size: 16px; line-height: 20px; color: #5F5F5F; font-family: "Circe-Light"; } .section-theme__link-item { position: absolute; text-decoration: none; border-bottom: 1px solid #01077B; font-size: 16px; line-height: 18px; font-family: "Circe-Regular"; left: 0; bottom: 0; color: #01077B; } .section-theme__link-item:after { content: '➝'; position: absolute; right: -20px; top: 2px; } .section-theme__container-theme-about { position: relative; padding-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 70px; max-width: 275px; margin-bottom: 40px; } @media screen and (max-width: 768px) { .section-theme__container-theme-about { max-width: 100%; margin-right: 0; } } .section-theme__container-theme-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: 0px 0px 20px rgba(1, 7, 123, 0.1); max-width: 580px; width: 100%; padding: 30px 25px; box-sizing: border-box; margin-bottom: 40px; } .section-theme__link-article { font-size: 16px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #01077B; font-family: "Circe-Regular"; display: block; position: relative; margin-bottom: 10px; padding-left: 30px; } .section-theme__link-article.article-icon img { position: absolute; left: 0; top: -1px; width: 15px; height: 15px; } .section-theme__link-article.article-icon.crossed-out-text { text-decoration: line-through; color: #979797; } .section-theme__link-article.practice-icon:before { content: ''; position: absolute; left: 1px; top: -1px; width: 14px; height: 16px; background: url(/static/css/../i/icons/praxis.svg) no-repeat; background-size: cover; } .section-theme__link-article.practice-icon.crossed-out-text { text-decoration: line-through; color: #979797; } .section-theme__link-article.practice-icon.crossed-out-text:before { background: url(/static/css/../i/icons/praxis-grow.svg) no-repeat; background-size: cover; } .section-theme__link-article.new-article-icon:before { content: ''; position: absolute; left: 0; top: -1px; width: 15px; height: 15px; background: url(/static/css/../i/icons/new-materials.svg) no-repeat; background-size: cover; } .otherTheme { padding-top: 105px; background: #F8F8FB; margin: 0 -105px; padding-bottom: 200px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1255px) { .otherTheme { margin: 0 -24px; } } @media screen and (max-width: 768px) { .otherTheme { padding-top: 60px; } } @media screen and (max-width: 480px) { .otherTheme { padding-top: 30px; } } .otherTheme__title { font-size: 48px; line-height: 48px; text-align: center; font-family: "Circe-Bold"; color: #000000; margin-bottom: 20px; } @media screen and (max-width: 768px) { .otherTheme__title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .otherTheme__title { font-size: 24px; line-height: 24px; } } .otherTheme__container-item { margin-bottom: 32px; width: 100%; } .otherTheme__container-item:last-child { margin-bottom: 0; } @media screen and (max-width: 1600px) { .otherTheme__container-item { max-width: calc(100% - 80px); } } .otherTheme .instruments { max-width: 895px; width: 100%; margin: 0 auto; } .materials { padding: 60px 210px; } @media screen and (max-width: 1600px) { .materials { padding: 60px 24px 0; } } @media screen and (max-width: 480px) { .materials { padding: 30px 24px 0; } } .materials__title { font-family: "Circe-Bold"; font-size: 48px; line-height: 48px; color: #000; margin-bottom: 20px; text-align: center; } @media screen and (max-width: 768px) { .materials__title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .materials__title { font-size: 24px; line-height: 24px; } } .materials__subtitle { font-size: 18px; line-height: 28px; font-family: "Circe-Light"; color: #000; text-align: center; margin: 0 auto 100px; max-width: 790px; width: 100%; } @media screen and (max-width: 1200px) { .materials__subtitle { margin-bottom: 30px; font-size: 16px; line-height: 24px; } } .materials__text { font-size: 30px; line-height: 40px; font-family: "Circe-Bold"; color: #000; max-width: 895px; margin: 0 auto 60px; display: block; } .materials__text .color-blue { color: #5C01FF; } @media screen and (max-width: 768px) { .materials__text { font-size: 24px; line-height: 24px; margin: 0 auto 30px; } } @media screen and (max-width: 480px) { .materials__text { font-size: 24px; line-height: 24px; } } .materials .instruments { margin-bottom: 90px; } @media screen and (max-width: 768px) { .materials .instruments { margin-bottom: 30px; } } .materials .def-title-page { margin-bottom: 90px; } .materials .searchMagazineBlock, .materials .subscriptionBuyBlock { margin: 0 -210px; } @media screen and (max-width: 1600px) { .materials .searchMagazineBlock, .materials .subscriptionBuyBlock { margin: 0 -55px; } } @media screen and (max-width: 480px) { .materials .searchMagazineBlock, .materials .subscriptionBuyBlock { margin: 0 -24px; } } .materials .instruments { padding-top: 105px; max-width: 895px; margin-left: auto; margin-right: auto} @media screen and (max-width: 768px) { .materials .instruments { padding-top: 60px; } } @media screen and (max-width: 480px) { .materials .instruments { padding-top: 30px; } } .search { max-width: 790px; width: 100%; position: relative; box-sizing: border-box; margin: 0 auto 80px; } @media screen and (max-width: 768px) { .search { margin: 0 auto 30px; } } .search__input { line-height: 60px; padding-left: 20px; padding-right: 73px; font-size: 16px; color: #979797; height: 60px; width: 100%; background: #fff; border: 1px solid #E1E1E7; box-sizing: border-box; } @media screen and (max-width: 768px) { .search__input { font-size: 16px; } } .search__icon-search { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(/static/css/../i/icons/search-b.svg) no-repeat; background-size: cover; width: 33px; height: 33px; border: none; padding: 0; outline: none; } .def-title-page { font-size: 48px; line-height: 48px; color: #000000; display: block; font-family: "Circe-Bold"; text-align: center; } @media screen and (max-width: 768px) { .def-title-page { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .def-title-page { font-size: 24px; line-height: 24px; } } .materials-close { padding-bottom: 0; } .materials-close .instruments { margin-bottom: -40px; padding-bottom: 100px; } @media screen and (max-width: 1200px) { .materials-close .instruments { padding-bottom: 60px; } } @media screen and (max-width: 768px) { .materials-close .instruments { padding-bottom: 30px; } } .materials-close .subscriptionBuyBlock { background: #fff; } .landing-evolution .listArticles.themeList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 70px 140px; } @media screen and (max-width: 1600px) { .landing-evolution .listArticles.themeList { padding: 70px 24px 70px; } } .landing-evolution .listArticles__blueTitle { font-family: "Circe-Bold"; } .landing-evolution .listArticles__articleTitle { font-family: "Circe-Regular"; } .author-block { padding: 105px 105px 70px; } @media screen and (max-width: 1600px) { .author-block { padding: 105px 24px 70px; } } .author-block__title { font-size: 48px; line-height: 48px; text-align: center; color: #01077B; display: block; font-family: "Circe-Bold"; max-width: 850px; margin: 0 auto 70px; } @media screen and (max-width: 640px) { .author-block__title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .author-block__title { font-size: 24px; line-height: 24px; margin-bottom: 30px; } } .author-block__author-list { display: block; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } @media screen and (max-width: 1600px) { .author-block__author-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (max-width: 480px) { .author-block__author-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .author-block__author-item { margin-bottom: 60px; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .author-block__author-name { font-family: "Circe-Bold"; font-size: 20px; line-height: 24px; color: #000; display: block; } .author-block__author-text { font-family: "Circe-Regular"; font-size: 20px; line-height: 24px; color: #000; } .whereToBegin { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 114px 95px; background: #F8F8FB; position: relative; } @media screen and (max-width: 1200px) { .whereToBegin { padding: 60px 24px 60px; } } @media screen and (max-width: 480px) { .whereToBegin { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .whereToBegin__title { display: inline-block; text-align: center; margin-bottom: 70px; font-family: "Circe-Bold"; font-size: 48px; line-height: 48px; color: #01077B; width: 100%; } @media screen and (max-width: 1200px) { .whereToBegin__title { font-size: 40px; } } @media screen and (max-width: 640px) { .whereToBegin__title { margin-bottom: 50px; } } @media screen and (max-width: 480px) { .whereToBegin__title { font-size: 32px; margin-bottom: 35px; } } .whereToBegin__block-info { display: block; max-width: 465px; width: 100%; } @media screen and (max-width: 1200px) { .whereToBegin__block-info { max-width: 390px; } } @media screen and (max-width: 980px) { .whereToBegin__block-info { max-width: 370px; } } @media screen and (max-width: 480px) { .whereToBegin__block-info { margin-bottom: 15px; } } .whereToBegin__block-title { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Regular"; margin-bottom: 10px; display: block; } @media screen and (max-width: 480px) { .whereToBegin__block-title { font-size: 20px; } } .whereToBegin__block-text { font-size: 16px; line-height: 20px; color: #000; font-family: "Circe-Light"; display: block; } @media screen and (max-width: 480px) { .whereToBegin__block-text { font-size: 14px; } } .whereToBegin__block-img { max-width: 470px; margin-left: auto; width: 100%; position: absolute; right: 0; top: 50px; } .whereToBegin__block-img img { width: 100%; height: auto; } @media screen and (max-width: 1200px) { .whereToBegin__block-img { max-width: 420px; top: 120px; } } @media screen and (max-width: 980px) { .whereToBegin__block-img { top: 135px; right: -140px; } } @media screen and (max-width: 640px) { .whereToBegin__block-img { top: 100px; right: -200px; } } @media screen and (max-width: 480px) { .whereToBegin__block-img { position: relative; top: 0; right: 24px; width: calc(100% + 48px); max-width: none; } } .whereToBegin__download-btn { margin: 40px auto 0; height: 70px; max-width: 325px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-family: "Circe-Regular"; font-size: 16px; position: relative; z-index: 2; text-decoration: none; } @media screen and (max-width: 480px) { .whereToBegin__download-btn { height: 50px; max-width: 280px; } } @media screen and (min-width: 320px) { .research { position: relative; padding: 67px 0 0 0; } .research__back{ font-size:12px; line-height:23px; font-family:Circe-Light,Arial,sans-serif; color:#5f5f5f;cursor:pointer;text-decoration:none;transition:opacity .3s ease-in;display:flex;align-items:center;margin-bottom:30px} .research__back.m-left {margin-left:24px} .research__back:hover{ text-decoration:none;opacity:.9;transition:opacity .3s ease-in} .research__back-i{display:block;width:54px;height:40px} .research__def-title { padding: 0 24px; font-family: "Circe-Light"; font-weight: normal; color: #5F5F5F; font-size: 24px; line-height: 24px; margin: 0 0 20px 0; } .research__button-wrap { position: relative; overflow: hidden; padding: 0 24px 85px 24px; } .research__button-wrap__item { width: 100%; position: relative; height: 48px; display: block; margin: 0 0 20px 0; font-family: "Circe-Regular"; font-size: 14px; line-height: 50px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; border-radius: 3px; cursor: pointer; text-decoration: none; } .white-dashed { color: #3338A8; border: 1px dashed #3338A8; } .blue-solid { color: #fff; background: #3338A8; border: 1px solid #3338A8; } .white-dashed:hover { color: #fff; background: #3338A8; } .blue-solid:hover { color: #3338A8; background: #fff; } .research__materials-title { position: relative; margin: 0 24px 35px 24px; text-align: center; } .research__materials-title:before { width: 100%; height: 1px; position: absolute; top: 50%; left: 0; display: block; content: ''; background: #B3012E; } .research__materials-title h3 { width: 210px; position: relative; color: #B3012E; font-family: "Circe-Regular"; font-size: 16px; line-height: 25px; text-transform: uppercase; text-align: center; font-weight: 400; margin: 0 auto; display: inline-block; background: #fff; } .research__materials { position: relative; } .research__materials-item { position: relative; padding: 0 24px 70px 24px; margin: 0 0 75px 0; border-bottom: 1px solid #E1E1E7; } .research__materials-item:last-child { border-bottom: none; padding: 0 24px; margin: 0 0 130px 0; } .research__materials-item-title { color: #3D3D3D; font-family: "Circe-Regular"; font-size: 18px; line-height: 20px; margin: 0 0 25px 0; } .research__materials-text { color: #979797; font-family: "Circe-Light"; font-size: 14px; line-height: 20px; margin: 0 0 45px 0; } .research__materials-section { position: relative; } .research__materials-section-item { margin: 0 0 20px 0; } .research__section-title { color: #01077B; font-family: "Circe-Regular"; font-size: 18px; line-height: 24px; display: block; margin: 0 0 5px 0; } .research__section-text { color: #979797; font-family: "Circe-Light"; font-size: 14px; line-height: 20px; } /* right */ .book { position: relative; padding: 25px 20px 70px 20px; } .book__def-title { color: #5F5F5F; font-family: "Circe-Regular"; font-size: 28px; line-height: 34px; margin: 0 0 25px 0; } .book__button { width: 100%; height: 60px; display: block; color: #3338A8; font-family: "Circe-Regular"; font-size: 16px; line-height: 60px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: transparent; border: 1px solid #3338A8; border-radius: 3px; cursor: pointer; text-decoration: none; } .book__button:hover { color: #fff; background: #3338A8; border: 1px solid #3338A8; } .book__img { width: 214px; height: auto; display: block; margin: 0 auto 40px auto; box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2); } } @media screen and (min-width: 480px) { .research__def-title { font-size: 28px; line-height: 36px; margin: 0 0 25px 0; } .research__button-wrap { padding: 0 24px 40px 24px; } .research__button-wrap__item { height: 58px; font-size: 16px; line-height: 60px; } .research__materials-title h3 { width: auto; padding: 0 20px; } .research__materials-item-title { font-size: 22px; line-height: 32px; margin: 0 0 20px 0; } .research__materials-text { font-size: 16px; line-height: 28px; margin: 0 0 50px 0; } .research__section-title { font-size: 20px; line-height: 28px; } .research__section-text { font-size: 16px; line-height: 28px; } } @media screen and (min-width: 640px) { .research__def-title { font-size: 32px; line-height: 40px; margin: 0 0 45px 0; } .research__button-wrap { padding: 0 24px 60px 24px; } .white-dashed { width: 48%; margin: 0 0 35px 0; } .white-dashed:nth-child(1) { float: left; } .white-dashed:nth-child(2) { float: right; } .blue-solid { width: 386px; margin: 0 auto; clear: both; } .research__materials-title h3 { padding: 0 50px; } .research__materials-item-title { font-size: 28px; } .research__materials-text { font-size: 20px; line-height: 32px; margin: 0 0 40px 0; } .research__section-title { font-size: 24px; line-height: 32px; } .research__section-text { font-size: 20px; line-height: 32px; } } @media screen and (min-width: 1200px) { .research__def-title { font-size: 40px; line-height: 48px; } .research__materials-title h3 { padding: 0 25px; } .research__materials-item-title { font-size: 32px; line-height: 56px; margin: 0 0 10px 0; } .research__materials-section { width: 600px; margin: 0 auto; } } @media screen and (min-width: 1600px) { .research__def-title { width: 1015px; } .research__button-wrap { padding: 0 24px 80px 24px; } .research__button-wrap__item { width: 356px; } .research__button-wrap__item:nth-child(2) { width: 429px; } .white-dashed:nth-child(1) { margin: 0 30px 0 0; } .white-dashed:nth-child(2) { float: left; } .white-dashed { margin: 0 30px 0 0; } .blue-solid { width: 356px; margin: 0; float: left; clear: none; } .research__materials-title h3 { padding: 0 110px; } .research__materials-text { margin: 0 0 50px 0; } .research__materials-section { width: 900px; } .research__materials-section-item { margin: 0 0 25px 0; } } @media screen and (min-width: 320px) { .school { position: relative; padding: 60px 25px; font-family: "Circe-Light"; text-align: center; color: #000000; border: 10px solid #E1E1E7; } .school__def-title { font-weight: normal; line-height: 40px; font-size: 40px; margin: 0 0 10px 0; } .school__text { line-height: 24px; font-size: 14px; margin: 0 0 30px 0; } .school__price { color: #01077B; line-height: 56px; font-size: 56px; font-family: "Circe-Bold"; margin: 0 0 20px 0; } .school__span { display: inline-block; } .school__span.sale-price { color: #9B9B9B; text-decoration: line-through; display: block; margin-bottom: 10px; font-size: 46 px; } .school__button { width: 200px; position: relative; height: 48px; display: block; margin: 0 auto 50px auto; color: #fff; font-family: "Circe-Regular"; font-size: 16px; line-height: 50px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: #3338A8; border: 1px solid #3338A8; border-radius: 5px; cursor: pointer; box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2); text-decoration: none; } .school__button:hover { color: #3338A8; background: #fff; } .school__note { line-height: 20px; font-size: 14px; } .mainfon { position: relative; padding: 100px 24px 50px 24px; color: #fff; font-family: "Circe-Light"; text-align: center; background: url(/static/css/../i/images/fon1.jpg) no-repeat center; background-size: cover; } .mainfon__title-small { line-height: 16px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .mainfon__title-big { line-height: 32px; font-size: 32px; margin: 10px 0 0 0; } .mainfon__plus { position: relative; overflow: hidden; margin: 40px 0 45px 0; text-align: center; } .mainfon__plus-item { line-height: 24px; font-size: 16px; display: inline-block; margin: 15px 5px 0 5px; } .mainfon__plus .plus1 { padding: 0 0 0 35px; background: url(/static/css/../i/icons/basic_laptop.svg) no-repeat center left; background-size: 29px; } .mainfon__plus .plus2 { padding: 0 0 0 30px; background: url(/static/css/../i/icons/video.svg) no-repeat center left; background-size: 25px; } .mainfon__plus .plus3 { padding: 0 0 0 25px; background: url(/static/css/../i/icons/material.svg) no-repeat center left; background-size: 20px; } .mainfon__plus .plus4 { padding: 0 0 0 30px; background: url(/static/css/../i/icons/music.svg) no-repeat center left; } .mainfon__plus .plus5 { padding: 0 0 0 20px; background: url(/static/css/../i/icons/time.svg) no-repeat center left; } .mainfon__button { width: 100%; max-width: 250px; position: relative; height: 55px; display: block; margin: 0 auto; color: #fff; font-family: "Circe-Regular"; font-size: 14px; line-height: 55px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; border: 1px solid #fff; border-radius: 5px; cursor: pointer; text-decoration: none; } .mainfon__button:hover { color: #fff; background: #3338A8; border: 1px solid #3338A8; } /* right */ .book { position: relative; padding: 25px 20px 70px 20px; } .book__def-title { color: #5F5F5F; font-family: "Circe-Regular"; font-size: 28px; line-height: 34px; margin: 0 0 25px 0; } .book__button { width: 100%; height: 60px; display: block; color: #3338A8; font-family: "Circe-Regular"; font-size: 16px; line-height: 60px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: transparent; border: 1px solid #3338A8; border-radius: 3px; cursor: pointer; } .book__button:hover { color: #fff; background: #3338A8; border: 1px solid #3338A8; } .book__img { width: 214px; height: auto; display: block; margin: 0 auto 40px auto; box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2); } .consultation { position: relative; padding: 25px 20px 70px 20px; cursor: pointer; } .consultation__def-title { color: #5F5F5F; font-family: "Circe-Regular"; font-size: 32px; line-height: 40px; display: inline; border-bottom: 1px solid transparent; transition: 0.3s ease-in-out; } .consultation__def-title:hover { border-bottom: 1px solid; } .consultation__text { color: #5F5F5F; font-size: 16px; line-height: 24px; font-family: "Circe-Light"; margin: 15px 0 25px 0; display: block; } .consultation__button { width: 100%; height: 60px; display: block; color: #fff; font-family: "Circe-Regular"; font-size: 16px; line-height: 60px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: #3338A8; border: 1px solid #3338A8; border-radius: 5px; cursor: pointer; text-decoration: none; } .consultation__button:hover { color: #3338A8; background: #fff; } .consultation__cost { font-family: "Circe-Bold"; font-size: 40px; margin-bottom: 20px; color: #01077B; margin-top: 25px; } .content-block-table { position: relative; margin: 32px auto; max-width: 900px; } .content-block-table__wrapper { width: 100%; position: relative; overflow: auto; } .content-block-table table { width: 100%; min-width: 640px; margin: 1em auto 2em; border: none; border-spacing: 0; border-collapse: collapse; font-size: 16px; line-height: 24px; } .content-block-table table th { text-align: left; padding: 15px 10px; vertical-align: middle; font-family: "Circe-Bold"; border: none; } .content-block-table table td { text-align: left; padding: 15px 10px; vertical-align: top; font-family: "Circe-Light"; border: none; } .content-block-table table tr:first-of-type td { text-align: left; padding: 15px 10px; vertical-align: middle; border: none; font-family: "Circe-Bold"; } .content-block-table table tr:nth-of-type(2n) td { padding: 7px 10px; background-color: #F1F1F1; } .content-block-list { position: relative; margin: 32px auto; max-width: 900px; } .content-block-list ul, .content-block-list ol { display: block; position: relative; margin-bottom: 2em; } .content-block-list ul li, .content-block-list ol li { display: block; position: relative; list-style: none; margin: 1em auto; font-family: "Circe-Light"; padding-left: 30px; font-size: 16px; line-height: 24px; } .content-block-list ul li::before { content: ""; display: block; width: 20px; height: 1px; background-color: #000; position: absolute; top: .7em; left: 0; } .content-block-list ol { counter-reset: list; } .content-block-list ol li::before { content: counter(list) "."; counter-increment: list; display: block; font-size: 1em; line-height: 1.6em; position: absolute; top: 0; left: 0; } .content-block-blockquote { position: relative; margin: 32px auto; max-width: 900px; padding-top: 40px; box-sizing: border-box; } .content-block-blockquote__icon { font-size: 30px; line-height: 1; position: absolute; top: -30px; left: 0; color: #000000; } .content-block-blockquote__text { font-family: 'Circe-Bold'; color: #5F5F5F; position: relative; font-size: 16px; line-height: 24px; } .content-block-blockquote__text p { font-family: 'Circe-Bold'; } } @media screen and (min-width: 480px) { .school__def-title { line-height: 48px; font-size: 48px; } .school__text { line-height: 28px; font-size: 18px; } .school__button { margin: 0 auto 30px auto; } .mainfon { padding: 90px 24px 50px 24px; } .mainfon__title-big { line-height: 40px; font-size: 40px; margin: 15px 0 0 0; } .mainfon__plus { margin: 40px 0 35px 0; } .mainfon__button { max-width: 375px; height: 60px; line-height: 60px; font-size: 16px; } .content-block-list ul li, .content-block-list ol li { font-size: 16px; line-height: 24px; } .content-block-blockquote { padding-left: 60px; padding-top: 0; } .content-block-blockquote__icon { top: 15px; left: -60px; } .content-block-blockquote__text { font-size: 20px; line-height: 32px; } .content-block-table table { font-size: 20px; line-height: 32px; } } @media screen and (min-width: 640px) { .school__note { width: 470px; margin: 0 auto; } .mainfon__button { height: 50px; line-height: 50px; } .content-block-list ul li, .content-block-list ol li { font-size: 20px; line-height: 32px; } } @media screen and (min-width: 1200px) { .school__def-title { line-height: 56px; font-size: 56px; margin: 0 0 25px 0; } .school__text { max-width: 795px; line-height: 32px; font-size: 20px; margin: 0 auto 40px auto; } .mainfon { padding: 110px 24px 50px 24px; } .mainfon__title-big { line-height: 56px; font-size: 48px; margin: 10px 0 0 0; } .mainfon__plus-item { margin: 15px 13px 0 13px; } .content-block-blockquote { padding-left: 9%; } } @media screen and (min-width: 1600px) { .mainfon__title-big { max-width: 940px; margin: 10px auto 0 auto; } .mainfon__plus { margin: 50px 0; } } @media screen and (min-width: 320px) { .detailed-research { padding: 55px 25px; border: 1px solid #e1e1e7; } .block-info-research { position: relative; } .block-info-research:after { content: ''; display: block; width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; height: 1px; background: #e1e1e7; } .block-info-research__title { font-family: "Circe-Light"; font-size: 24px; line-height: 24px; margin-bottom: 20px; color: #000; } .block-info-research__about { font-size: 14px; line-height: 20px; font-family: "Circe-Light"; color: #5f5f5f; margin-bottom: 20px; display: block; } .block-info-research__block-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-info-research__read-up { border: 1px dashed #3338A8; height: 60px; display: block; text-decoration: none; text-transform: uppercase; transition: 0.3s ease-in-out; margin-bottom: 20px; border-radius: 5px; background: #fff; color: #01077b; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; width: 100%; } .block-info-research__read-up:hover { background: #01077b; transition: 0.3s ease-in-out; color: #fff; } .block-info-research__read-down { border: 1px dashed #3338A8; height: 60px; display: block; text-decoration: none; text-transform: uppercase; transition: 0.3s ease-in-out; margin-bottom: 20px; border-radius: 5px; background: #fff; color: #01077b; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; width: 100%; } .block-info-research__read-down:hover { background: #01077b; transition: 0.3s ease-in-out; color: #fff; } .block-info-research__read-research { border-radius: 5px; text-decoration: none; color: #fff; background: #3338A8; width: 100%; box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2), 0px 4px 12px rgba(1, 7, 123, 0.2); transition: 0.2s ease-in-out; cursor: pointer; border: none; outline: none; height: 60px; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; text-transform: uppercase; line-height: 60px; text-align: center; margin-bottom: 20px; } .block-info-research__read-products-research { border-radius: 5px; text-decoration: none; color: #fff; background: #3338A8; width: 100%; box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2), 0px 4px 12px rgba(1, 7, 123, 0.2); transition: 0.2s ease-in-out; cursor: pointer; border: none; outline: none; height: 60px; font-family: "Circe-Regular"; letter-spacing: 0.5px; font-size: 14px; text-transform: uppercase; line-height: 60px; text-align: center; margin-bottom: 20px; position: relative; top: 74px; left: 365px; padding: 10px;} .block-info-research__read-research:hover { background: #01077b; transition: 0.3s ease-in-out; color: #fff; } .social-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .social-block__wrap-share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .social-block__facebook { border: 1px solid #e7e7e7; border-right: 0; width: 67px; height: 67px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .social-block__facebook object { width: 10px; height: 18px; cursor: pointer; } .social-block__twitter { border: 1px solid #e7e7e7; width: 67px; height: 67px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .social-block__instagram { border: 1px solid #e7e7e7; border-left: 0; width: 67px; height: 67px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .social-block__wrap-author { margin-bottom: 80px; } .social-block__text { font-size: 16px; font-family: "Circe-Light"; color: #5f5f5f; } .social-block__name { font-size: 16px; font-family: "Circe-Bold"; color: #01077b; } .chapter { padding: 40px 0; } .chapter-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; } .chapter-title__number { font-family: "Circe-Regular"; color: #3D3D3D; font-size: 18px; } .chapter-title__line { min-width: 25px; max-width: 25px; width: 100%; height: 2px; display: block; background: #3D3D3D; margin-left: 25px; margin-right: 10px; -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); } .chapter-title__text { font-family: "Circe-Regular"; color: #3D3D3D; font-size: 18px; line-height: 24px; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .chapter-text { font-size: 14px; font-family: "Circe-Light"; line-height: 20px; color: #5F5F5F; } .chapter-text strong { font-family: "Circe-Bold"; } .chapter-text ul { padding-left: 20px; list-style: inherit; } .chapter-img__img { max-width: 100%; width: 100%; margin: 20px 0; } .chapter-img__figcaption { font-family: "Circe-Light"; font-size: 16px; line-height: 32px; color: #5F5F5F; text-align: center} .chapter-video-text { margin: 20px 0; } .chapter-video-text__wrap-video { box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.1); max-width: 270px; margin: auto; } .chapter-video-text__text-video { padding: 12px; background: #fff; font-size: 16px; color: #5f5f5f; font-family: "Circe-Regular"; line-height: 24px; } .chapter-video-text__block-video { position: relative; max-width: 270px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; min-height: 180px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(120, 120, 120, 0.1) 87.13%, rgba(255, 255, 255, 0) 100%), url("/static/css/../i/images/video-block.png") no-repeat; background-size: cover; } .chapter-video-text__title { position: absolute; left: 20px; bottom: 10px; color: #fff; font-family: "Circe-Regular"; } .chapter-video-text__play { background: url("/static/css/../i/icons/subtract.svg") no-repeat !important; background-size: cover; width: 81px; height: 81px; border: none; box-sizing: border-box; background: transparent; outline: none; cursor: pointer; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .chapter-video-text__wrap-text { font-family: "Circe-Light"; color: #5f5f5f; line-height: 20px; margin-top: 20px; } .chapter-book { padding: 70px 20px 50px; background: #F7FDEB; width: calc(100% + 45px); margin-left: -25px; box-sizing: border-box; position: relative; margin-bottom: 60px; } .chapter-book .chapter-title__line { margin-left: 8px; } .chapter-book .book-block__book-img { max-width: 215px; width: 100%; background: url("/static/css/../i/images/img1.jpg") no-repeat; height: 311px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.2); } .chapter-book .book-block__author { font-family: "Circe-Bold"; font-size: 14px; line-height: 20px; color: #5f5f5f; margin-bottom: 20px; display: block; } .chapter-book .book-block__text { font-family: "Circe-Light"; font-size: 14px; line-height: 20px; color: #5f5f5f; margin-bottom: 20px; display: block; } .chapter-book .book-block__wrap-btn { position: absolute; left: 0; bottom: -82px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .chapter-book .book-block__download-epub { border: 1px solid #01077b; max-width: 200px; width: 100%; height: 40px; margin-bottom: 10px; background: #fff; display: block; border-radius: 5px; text-decoration: none; color: #01077b; font-family: "Circe-Regular"; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .chapter-book .book-block__download-pdf { border: 1px solid #3338A8; max-width: 200px; width: 100%; height: 40px; margin-bottom: 10px; background: #3338A8; display: block; border-radius: 5px; text-decoration: none; color: #fff; font-family: "Circe-Regular"; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .block-contents { padding: 20px 20px 7px; } .block-contents__title { font-size: 32px; font-family: "Circe-Regular"; color: #5F5F5F; margin-bottom: 50px; } .block-contents .materials-up__wrap-content { margin-bottom: 50px; } .block-contents .materials-up__title { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #b3012e; margin-bottom: 15px; font-family: "Circe-Regular"; } .block-contents .materials-up__wrap-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-contents .materials-up__text { font-family: "Circe-Regular"; font-size: 16px; margin-bottom: 10px; height: 33px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; display: block; z-index: 1; transition: 0.3s ease-in-out; overflow: hidden; max-width: 255px; } .block-contents .materials-up__item { position: relative; cursor: pointer; } .block-contents .materials-up__read-progress { position: absolute; background: #EBEDFD; width: 0; height: 100%; left: -20px; top: -6px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: 0.3s ease; } .block-contents .materials-up .book-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .block-contents .materials-up .book-item:after { content: ''; position: relative; display: block; background: url("/static/css/../i/icons/led_book.svg") no-repeat; width: 22px; height: 29px; background-size: contain; margin-top: 0px; box-sizing: border-box; } .block-contents .materials-up .book-item:before { content: ''; position: absolute; width: calc(100% + 40px); left: -20px; top: -6px; background: #F7FDEB; height: 100%; } .block-contents .materials-down__title { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #b3012e; margin-bottom: 15px; font-family: "Circe-Regular"; } .block-contents .materials-down__wrap-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-contents .materials-down__text { font-family: "Circe-Regular"; font-size: 16px; margin-bottom: 10px; height: 33px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; display: block; z-index: 1; max-width: 255px; } .block-contents .materials-down__item { position: relative; cursor: pointer; } .block-contents .materials-down__read-progress { position: absolute; background: #EBEDFD; width: calc(100% + 40px); height: 100%; left: -20px; top: -10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .block-contents .materials-down .book-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .block-contents .materials-down .book-item:after { content: ''; position: relative; display: block; background: url("/static/css/../i/icons/led_book.svg") no-repeat; width: 22px; height: 29px; background-size: contain; margin-top: 0px; box-sizing: border-box; } .block-contents .materials-down .book-item:before { content: ''; position: absolute; width: calc(100% + 40px); left: -20px; top: -6px; background: #F7FDEB; height: 100%; } .read-compleate { opacity: 0.2; } .content-bold { font-family: "Circe-Bold" !important; } } @media screen and (min-width: 480px) { .block-info-research__title { font-size: 32px; line-height: 32px; } .block-info-research__about { font-size: 16px; line-height: 24px; } .chapter-title { margin-bottom: 30px; } .chapter-title__number { font-size: 24px; } .chapter-title__line { width: 50px; min-width: 50px; } .chapter-title__text { font-size: 24px; line-height: 32px; } .chapter-text { font-size: 16px; line-height: 24px; } .chapter-video-text__wrap-video { margin: 0 auto; } .social-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .social-block__wrap-author { margin-bottom: 10px; margin-left: 20px; } .chapter-book .book-block__author { font-size: 14px; line-height: 24px; } .chapter-book .book-block__text { font-size: 14px; line-height: 24px; margin-bottom: 0; } .chapter-title__line { -webkit-transform: translateY(16px); -ms-transform: translateY(16px); transform: translateY(16px); } } @media screen and (min-width: 640px) { .block-info-research__title { font-size: 48px; line-height: 48px; } .block-info-research__about { font-size: 20px; line-height: 32px; } .detailed-research { padding: 55px 20px 55px 25px; } .block-info-research__block-btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .block-info-research__read-up { margin-right: 20px; } .chapter-title__number { font-size: 32px; } .chapter-title__text { font-size: 32px; } .chapter-title__line { -webkit-transform: translateY(22px); -ms-transform: translateY(22px); transform: translateY(22px); } .chapter-text { font-size: 20px; line-height: 32px; } .chapter-video-text__wrap-video { margin: 0; max-width: 300px; width: 100%; } .chapter-video-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .chapter-video-text__wrap-text { width: calc(100% - 335px); font-size: 20px; line-height: 32px; margin-top: 0; } .chapter-video-text__block-video { max-width: 300px; width: 100%; } .chapter-book .book-block__book-img { margin: 0; } .book-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .book-block__right-block { width: calc(100% - 255px); margin-left: 40px; } .book-block__left-block { width: 100%; max-width: 215px; } .chapter-book .book-block__wrap-btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; bottom: 35px; } .chapter-book .book-block__download-epub { margin-right: 10px; background: transparent; } .chapter-book { padding-bottom: 135px; margin-bottom: 0; } .block-info-research__block-btn { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .block-info-research__block-btn a { max-width: 280px; } .block-info-research__read-up { margin-right: 0; } } @media screen and (min-width: 1200px) { .block-info-research__title { font-size: 56px; line-height: 56px; } .chapter-text, .chapter-img { max-width: 600px; margin: 0 auto; } .chapter-video-text { margin: 50px 0; } .chapter { padding: 55px 0 70px; } .chapter-book .book-block__wrap-btn { position: relative; left: 0; bottom: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 40px; } .book-block { max-width: 600px; margin: 0 auto; } .chapter-book { padding-bottom: 30px; } .book-block__right-block { width: 100%; min-width: 450px; } .book-block__left-block { min-width: 215px; } } @media screen and (min-width: 1256px) { .chapter-text, .chapter-img { max-width: 900px; } .chapter-title__line { margin-right: 38px; } .block-info-research { max-width: 900px; margin: 0 auto; } .chapter-video-text { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .chapter-video-text__wrap-text { max-width: 670px; margin-left: 60px; } .book-block { max-width: 900px; } .chapter-book { padding: 90px 30px; } .chapter-title__text { max-width: 900px; line-height: 40px; } .book-block__author, .book-block__text { max-width: 900px; } .chapter-book .book-block__wrap-btn { margin-top: 60px; } .social-block { max-width: 900px; margin: 0 auto; } .chapter-title__text { position: absolute; left: 152px; top: 0; } .chapter-title { height: 75px; } } .autor-padding { margin-top: 20px; margin-bottom: 20px; margin-left: 0; } @media screen and (min-width: 320px) { .projects { position: relative; padding: 90px 24px; background: #F8F8FB; } .projects__title { font-family: "Circe-Light"; text-align: center; color: #000000; line-height: 32px; font-size: 32px; margin: 0 0 50px 0; } .projects__item { position: relative; padding: 70px 0 110px 0; background: #fff; transition: 0.3s ease-in-out; } .projects__item:hover { background: #F8F8FB; transition: 0.3s ease-in-out; } .projects__item__wp { padding: 0 20px; } .projects__item__info { height: 280px; text-overflow: ellipsis; overflow: hidden; } .projects__item__title-small { color: #B3012E; line-height: 16px; font-size: 10px; letter-spacing: 2px; font-family: "Circe-Regular"; text-transform: uppercase; margin: 0 0 5px 0; min-height: 35px; } .projects__item__title-big { color: #000; line-height: 28px; font-size: 20px; font-family: "Circe-Light"; } .projects__item__text { color: #979797; line-height: 20px; font-size: 14px; font-family: "Circe-Light"; } .projects__item__link { width: 200px; height: 50px; position: absolute; bottom: 30px; left: 20px; display: block; color: #3338A8; font-family: "Circe-Regular"; font-size: 16px; line-height: 50px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: #fff; border: 1px solid #3338A8; border-radius: 5px; cursor: pointer; text-decoration: none; } .projects__item__link:hover { color: #fff; background: #3338A8; } .projects__wide-block { position: relative; background: #fff; border: 1px solid #E6E6E6; } .projects__column-block { position: relative; overflow: hidden; background: #fff; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; } .projects__center-block { position: relative; text-align: center; background: #fff; border: 1px solid #E6E6E6; } .projects__center-block .projects__item__title-big { font-size: 28px; line-height: 32px; margin: 0 0 15px 0; } .projects__center-block .projects__item__link { left: 50%; margin: 0 0 0 -100px; } .projects__center-block .projects__item__title-big { line-height: 32px; font-size: 28px; } .projects__column-block .left { border-bottom: 1px solid #E6E6E6; } .courses { position: relative; padding: 105px 0; background: #fff; border-bottom: 1px solid #E6E6E6; } .courses__subtext { font-size: 20px; font-family: "Circe-Light"; color: #000; max-width: 885px; margin: 0 auto; margin-bottom: 56px; line-height: 32px; padding: 0 24px; } .courses__title { font-family: "Circe-Light"; text-align: center; color: #000000; line-height: 32px; font-size: 32px; margin: 0 0 50px 0; } .courses__title.home-title { max-width: 885px; margin: 0 auto; text-align: left; margin-bottom: 56px; padding: 0 24px; } .courses__list-wp { position: relative; margin: 0 0 65px 0; } .courses__list { position: relative; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .courses__list-item { width: 360px; position: relative; padding: 0 0 30px 0; margin: 0 13px; float: left; box-shadow: 0px 0px 30px 0px rgba(51, 56, 68, 0.1); transition: 0.2s all linear; margin-bottom: 20px; } .courses__list-item:hover { box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.4) !important; } .courses__list-item img { width: 100%; height: auto; display: block; } .courses__item-info { margin: 45px 25px 20px 25px; height: 220px; overflow: hidden; } .courses__item-title-small { color: #B3012E; line-height: 16px; font-size: 12px; letter-spacing: 2px; font-family: "Circe-Regular"; text-transform: uppercase; margin: 0 0 15px 0; } .courses__item-title-big { color: #01077B; line-height: 24px; font-size: 22px; font-family: "Circe-Regular"; margin: 0 0 15px 0; text-decoration: none; cursor: pointer; display: block; } .courses__item-text { color: #3D3D3D; line-height: 20px; font-size: 16px; font-family: "Circe-Light"; } .courses__item-time, .courses__item-date { padding: 0 0 0 20px; margin: 0 25px; color: #000; line-height: 24px; font-size: 16px; font-family: "Circe-Regular"; } .courses__item-time { background: url(/static/css/../i/icons/time-small.svg) no-repeat center left; background-position-x: 1px; } .courses__item-date { background: url(/static/css/../i/icons/start.svg) no-repeat center left; } .courses__item-link { width: 150px; height: 40px; display: block; margin: 30px 0 0 25px; color: #3338A8; font-family: "Circe-Regular"; font-size: 14px; line-height: 40px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: #fff; border: 1px solid #3338A8; border-radius: 5px; cursor: pointer; text-decoration: none; box-sizing: border-box; } .courses__item-link:hover { color: #fff; background: #3338A8; } .courses__item-link_blue-color { background: #3338A8; color: #FFF; } .courses__item-link_blue-color:hover { color: #3338A8; background: transparent; } .courses__item-link_more { width: calc(50% - 35px); margin: 30px 10px 0 25px; } .courses__item-link_buy { width: calc(50% - 35px); margin: 30px 25px 0 10px; } .clearing { width: 100%; clear: both; height: 0; line-height: 0; } .courses__all { width: 200px; height: 60px; display: block; margin: 0 auto; color: #3338A8; font-family: "Circe-Regular"; font-size: 16px; line-height: 60px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: #fff; border: 1px solid #3338A8; border-radius: 5px; text-decoration: none; cursor: pointer; } .courses__all:hover { color: #fff; background: #3338A8; } /* right-video */ .right-video { position: relative; padding: 25px 20px 70px 20px; } .right-video__title { color: #5F5F5F; font-size: 32px; line-height: 32px; font-family: "Circe-Regular"; margin: 0 0 15px 0; } .right-video__name { line-height: 24px; font-size: 24px; color: #5F5F5F; font-family: "Circe-Regular"; } .right-video__post { line-height: 24px; font-size: 16px; color: #979797; font-family: "Circe-Regular"; } .right-video__video { position: relative; margin: 0 0 15px 0; cursor: pointer; } .right-video__video iframe { width: 100%; min-width: none; height: auto; min-height: 200px; } .right-video__video img { width: 100%; height: auto; display: block; } .video_play { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/static/css/../i/icons/play.svg) no-repeat center rgba(0, 68, 153, 0.25); border: none; cursor: pointer; box-sizing: border-box; } #video-placeholder { width: 100%; height: auto; display: none; } .courses .owl-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 480px) { .projects__title, .courses__title { font-size: 40px; line-height: 40px; } .projects__item__wp { padding: 0 40px; } .projects__item__link { left: 40px; } .projects__wide-block .projects__item__info, .projects__center-block .projects__item__info { height: 220px; } .projects__column-block .left { width: calc(50% - 1px); float: left; border-bottom: none; border-right: 1px solid #e1e1e7; } .projects__column-block .right { width: 50%; padding: 70px 0 110px 0; float: right; } .projects__column-block:before { width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background: #E6E6E6; display: block; content: ''; } .projects__center-block .projects__item__title-big { line-height: 32px; font-size: 32px; } } @media screen and (min-width: 640px) { .projects__title, .courses__title { font-size: 48px; line-height: 48px; } .projects__item__title-small { font-size: 12px; min-height: 35px; } .projects__item__title-big { line-height: 32px; font-size: 24px; margin: 0 0 15px 0; text-decoration: none; cursor: pointer; display: block; } .projects__item__text { line-height: 24px; } .projects__item__wp { padding: 0 50px; } .projects__item__link { left: 50px; } .projects__center-block .projects__item__title-big { line-height: 40px; font-size: 40px; } } @media screen and (min-width: 980px) { .right-video__video iframe { height: 169px !important; min-width: 300px; min-height: 169px !important; } } @media screen and (min-width: 1200px) { .courses .owl-item { display: block; } .projects__title { font-size: 56px; line-height: 56px; margin: 0 0 35px 0; } .projects__item__title-big { line-height: 40px; font-size: 32px; } .projects__item__text { line-height: 32px; font-size: 16px; } .projects__center-block .projects__item__title-big { line-height: 56px; font-size: 56px; } .courses__title { font-size: 56px; line-height: 56px; margin: 0 0 65px 0; } .courses__all { width: 335px; } } @media screen and (min-width: 1600px) { .projects__wide-block, .projects__column-block, .projects__center-block { max-width: 900px; margin: 0 auto; } } @media screen and (max-width: 1550px) { .courses__list-item { width: 300px; margin: 0 10px; } .courses__item-info { height: 265px; } } @media screen and (max-width: 1400px) { .courses__list-item { margin: 0 20px; } } .courses__list.owl-loaded { display: block; } @media screen and (min-width: 320px) { .instruments__container { position: relative; } .instruments-wp { position: relative; padding: 90px 24px; background: #F8F8FB; } .instruments-wp__more { text-align: center; margin: 4em 0 3em; } .instruments { position: relative; } .instruments__bg { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% + 420px); height: 100%; background: #F8F8FB; } } @media screen and (min-width: 320px) and (max-width: 1600px) { .instruments__bg { width: calc(100% + 110px); } } @media screen and (min-width: 320px) and (max-width: 480px) { .instruments__bg { width: calc(100% + 80px); } } @media screen and (min-width: 320px) { .instruments__title { color: #000; font-size: 28px; line-height: 32px; font-family: "Circe-Light"; margin: 0 0 10px 0; } .instruments__text { color: #000; font-size: 14px; line-height: 24px; font-family: "Circe-Light"; margin: 0 0 55px 0; } .instruments__item { position: relative; padding: 40px 20px; margin: 0 0 40px 0; font-family: "Circe-Regular"; background: #fff; border: 1px solid #E1E1E7; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); z-index: 3; } .instruments__shadow-block { position: absolute; width: 100%; height: 100%; left: 2px; bottom: -5px; border: 1px solid #E1E1E7; background: #fff; z-index: 2; } .instruments__shadow-block-next { position: absolute; width: 100%; height: 100%; left: 6px; bottom: -9px; border: 1px solid #E1E1E7; background: #fff; z-index: 1; } .instruments__item h3 { color: #B3012E; font-size: 10px; line-height: 24px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; margin: 0 0 10px 0; } .instruments__title { font-size: 20px; line-height: 24px; color: #01077B; font-weight: 400; margin: 0 0 15px 0; text-decoration: none; display: block; cursor: pointer; } .instruments__item .text { color: #979797; font-size: 12px; line-height: 18px; margin: 0 0 30px 0; } .instruments__plus { position: relative; overflow: hidden; margin: 0 0 30px 0; } .instruments__plus-item { line-height: 24px; font-size: 12px; display: inline-block; margin: 0 15px 10px 0; } .instruments__plus .plus1 { padding: 0 0 0 35px; background: url(/static/css/../i/icons/basic_laptop-b.svg) no-repeat center left; background-size: 25px; } .instruments__plus .plus2 { padding: 0 0 0 30px; background: url(/static/css/../i/icons/video-b.svg) no-repeat center left; background-size: 22px; } .instruments__plus .plus3 { padding: 0 0 0 25px; background: url(/static/css/../i/icons/material-b.svg) no-repeat center left; } .instruments__plus .plus4 { padding: 0 0 0 30px; background: url(/static/css/../i/icons/music-b.svg) no-repeat center left; } .instruments__plus .plus5 { padding: 0 0 0 25px; background: url(/static/css/../i/icons/basic_anticlockwise.svg) no-repeat center left; } .instruments__plus .plus6 { padding: 0 0 0 25px; background: url(/static/css/../i/icons/folder.svg) no-repeat; background-position: 0 2px; } .instruments__plus .plus7 { padding: 0 0 0 25px; background: url(/static/css/../i/icons/praxis.svg) no-repeat; background-position: 0 2px; } .instruments__plus .plus8 { padding: 0 0 0 25px; background: url(/static/css/../i/icons/newFileIcon.svg) no-repeat; background-position: 0 2px; color: #B3012E; } .instruments__button { width: 100%; height: 50px; display: block; color: #3338A8; font-family: "Circe-Regular"; font-size: 12px; line-height: 52px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: 0.2s; background: #fff; border: 1px solid #3338A8; border-radius: 5px; cursor: pointer; text-decoration: none; } .instruments__button:hover { color: #fff; background: #3338A8; } .instruments__button.blue-color { color: #fff; background: #3338A8; } .instruments__button.blue-color:hover { color: #3338A8; background: #fff; } .fixed-size-title { font-size: 28px; line-height: 32px; color: #000; } .consultation--popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; display: none; } .popup-bg { width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.4); } .wrap-popup { padding: 65px 150px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 800px; padding: 30px 30px; box-sizing: border-box; width: 100%; } .wrap-popup__def-title { color: #5F5F5F; font-size: 32px; font-family: "Circe-Regular"; margin-bottom: 30px; } .wrap-popup__def-text { color: #9B9B9B; line-height: 24px; font-size: 16px; font-family: "Circe-Regular"; max-width: 490px; display: block; } .wrap-popup__def-text b { font-weight: bold; } .wrap-popup__def-text i { font-style: italic; } .def-close-popup { width: 300px; height: 60px; color: #3338A8; font-family: "Circe-Regular"; font-size: 16px; border-radius: 5px; margin-top: 20px; background: #fff; text-transform: uppercase; border: 1px solid #01077b; display: block; width: 270px; } .icon-close-btn { position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; background: transparent; outline: none; border: none; } .icon-close-btn:before { content: ''; width: 100%; height: 1px; background: #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; left: 0; top: 10px; } .icon-close-btn:after { content: ''; width: 100%; height: 1px; background: #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; left: 0; top: 10px; } .instruments__read-count { margin-left: auto; } } @media screen and (min-width: 320px) and (max-width: 480px) { .instruments__read-count { margin: 20px auto 0; } } @media screen and (min-width: 320px) { .instruments__read-more-btn { font-size: 18px; line-height: 32px; font-family: "Circe-Regular"; color: #01077B; text-align: center; background: none; border: none; display: block; margin: 0 auto; cursor: pointer; } } @media screen and (min-width: 480px) { .instruments__title { font-size: 40px; line-height: 40px; } .instruments__text { font-size: 16px; line-height: 28px; } .instruments__item h3 { font-size: 12px; } .instruments__title { font-size: 24px; line-height: 24px; } .instruments__item .text { font-size: 14px; line-height: 20px; } .instruments__item { padding: 55px 30px; } .instruments__button { width: 175px; font-size: 14px; } .instruments__plus-item { font-size: 14px; } .fixed-size-title { font-size: 40px; line-height: 40px; } } @media screen and (min-width: 640px) { .instruments__title { font-size: 56px; line-height: 56px; } .instruments__text { font-size: 20px; line-height: 32px; } .instruments__title { font-size: 32px; line-height: 32px; } .instruments__item .text { font-size: 16px; line-height: 24px; } .instruments__plus-item { font-size: 16px; } .fixed-size-title { font-size: 56px; line-height: 56px; } } @media screen and (min-width: 1200px) { .instruments__button { width: 240px; } .instruments__item { padding: 55px 60px; } .wrap-popup { padding: 65px 150px; } } @media screen and (min-width: 1256px) { .instruments { max-width: 900px; margin: 0 auto; } .instruments__plus { margin: 0 50px 30px 0; } .instruments__text { max-width: 830px; } .instruments-wp { padding: 110px 0 40px 0; } } .instruments__bold-title { font-size: 48px; color: #000; margin-bottom: 30px; text-align: center; font-family: "Circe-Bold"; line-height: 48px; position: relative; z-index: 2; } @media screen and (max-width: 768px) { .instruments__bold-title { font-size: 32px; line-height: 32px; } } @media screen and (max-width: 480px) { .instruments__bold-title { font-size: 24px; line-height: 24px; } } .social-pack { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .social-pack.block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .social-pack__item { width: 36px; height: 36px; cursor: pointer; background-size: cover; background-repeat: no-repeat; background-color: transparent; display: block; font-size: 0; margin-left: 10px; } .social-pack__item:first-of-type { margin-left: 0; } .social-pack__item.facebook { background-image: url("/static/css/../i/icons/facebook.svg"); } .social-pack__item.twitter { background-image: url("/static/css/../i/icons/twitter.svg"); } .social-pack__item.instagram { background-image: url("/static/css/../i/icons/ista.svg"); } .contacts-container { position: relative; display: block; box-sizing: border-box; } .contacts-container * { box-sizing: border-box; } .contacts-container__logo { display: block; position: relative; } .contacts-container__logo-link { width: 28px; height: 28px; background: url("/static/css/../i/icons/footer-logo.svg"); display: block; background-size: cover; } .contacts-container__content, .contacts-container__social { position: relative; display: block; } .contacts-container__address { position: relative; display: block; margin: 17px 0 20px; } .contacts-container__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 20px; } .contacts-container__text { display: block; max-width: 290px; font-family: "Circe-Light"; color: #5f5f5f; font-size: 14px; line-height: 24px; } .contacts-container__link { font-family: "Circe-Light"; font-size: 16px; line-height: 24px; height: 24px; outline: none; color: #01077b; display: inline-block; text-decoration: none; position: relative; } .contacts-container__link::before { content: ''; width: 100%; position: absolute; bottom: 5px; left: 0; border-bottom: 1px solid #01077b; display: block; } .contacts-container__link.phone { color: #5f5f5f; } .contacts-container__link.phone::before { display: none; } @media screen and (min-width: 480px) { .contacts-container__logo { position: absolute; left: -50px; top: 0; } } @media screen and (min-width: 640px) { .contacts-container__logo { left: 0; } .contacts-container__social { position: absolute; top: 0; right: 0; } .contacts-container__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .contacts-container__address { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 36px 0 0; padding-right: 30px; } .contacts-container__list { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 2px 8px 0; margin: 34px 0 0; } } @media screen and (min-width: 1200px) { .contacts-container__list { padding: 2px 64px 0; } } @media screen and (min-width: 1256px) {.contacts-container__social { position: relative; } } @media screen and (min-width: 1256px) { .contacts-container__content { display: block; } .contacts-container__address { padding: 0; margin: 0; } .contacts-container__list { padding: 0; margin: 20px 0; } } .basket-item { border: 1px solid #E1E1E7; position: relative; margin-bottom: 60px; max-width: 230px; min-height: 225px; box-sizing: border-box; } .basket-item:first-of-type { margin-left: 0; } .basket-item.isCombo { margin: 90px 0 0; } .basket-item.isCombo::before { content: ''; position: absolute; display: block; width: 50px; height: 1px; background: #9b9b9b; top: -35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .basket-item.isCombo::after { content: ''; position: absolute; display: block; width: 50px; height: 1px; background: #9b9b9b; top: -35px; left: 50%; -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); } @media screen and (min-width: 640px) { .basket-item.isCombo { margin-left: 25px; } } @media screen and (min-width: 1200px) { .basket-item.isCombo { margin: 0 0 0 20px; } .basket-item.isCombo:last-of-type { margin-bottom: 0; } .basket-item.isCombo::before { top: 50%; left: -35px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .basket-item.isCombo::after { top: 50%; left: -60px; -webkit-transform: translateX(50%) rotate(90deg); -ms-transform: translateX(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); } } .basket-item .btn { min-width: 70%; } .basket-item__in { display: block; height: 100%; position: relative; box-sizing: border-box; padding: 42px 24px 86px; text-decoration: none; cursor: pointer; } .basket-item__in * { text-decoration: none; outline: none; } .basket-item__in:hover .basket-item__more { opacity: 1; visibility: visible; } .basket-item__in:hover .basket-item__title { border-bottom-color: #B3012E; } .basket-item__more { display: block; visibility: hidden; opacity: 0; position: absolute; top: 14px; left: 24px; font-family: "Circe-Regular"; font-size: 10px; line-height: 16px; text-transform: uppercase; color: #9B9B9B; transition: all .2s ease-in-out; } .basket-item__title { font-family: "Circe-Regular"; font-size: 12px; line-height: 17px; letter-spacing: 2px; color: #B3012E; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all .2s ease-in-out; word-break: break-word; } .basket-item__text { font-family: "Circe-Regular"; color: #9B9B9B; font-size: 12px; line-height: 14px; text-decoration: none; } .basket-item__price { display: block; position: absolute; left: 24px; bottom: 40px; font-family: "Circe-Bold"; color: #01077B; font-size: 32px; margin-top: 20px; } .basket-item__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 42px; position: absolute; bottom: -21px; left: 0; } @media screen and (min-width: 1200px) { .basket-item { margin-left: 25px; } } .basket-item__in.noHoverBlock:hover { cursor: unset; } .basket-item__in.noHoverBlock:hover .basket-item__title { border-bottom-color: transparent; } .basket-item__in.noHoverBlock:hover .basket-item__more { opacity: 0; visibility: hidden; } .sale-item .basket-item__in { padding: 42px 24px 136px; } .sale-item .sale-price + .basket-item__price { color: #9B9B9B; text-decoration: line-through; font-size: 28px; bottom: 84px; } .inc-counter, .research-change-quantity { position: relative; width: 80px; margin: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .inc-counter__input { display: block; width: 34px; border: none; border-bottom: 1px solid #9B9B9B; font-size: 16px; line-height: 20px; outline: none; padding: 2px 0; margin: 0; text-align: center; } .inc-counter__button { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; outline: none; padding: 0; font-size: 0; line-height: 0; text-decoration: none; border: 1px solid #000000; border-radius: 100%; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-color: transparent; background-position: 50% 50%; background-size: 8px; } .inc-counter__button.disabled { opacity: .25; cursor: default; } .inc-counter__button_plus:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -4px; width: 8px; height: 2px; background: #000000; } .inc-counter__button_plus:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -1px; width: 2px; height: 8px; background: #000000; } .inc-counter__button_minus:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -4px; width: 8px; height: 2px; background: #000000; } .searchMagazineBlock { background: #3338A8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 75px 0 50px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .searchMagazineBlock__item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 283px; margin-bottom: 45px; margin-top: 40px; } .searchMagazineBlock__item:nth-of-type(2) { margin: 40px; } .searchMagazineBlock__wrapInput { width: 100%; position: relative; max-width: 595px; margin: 0 auto; box-sizing: border-box; } .searchMagazineBlock__icon { width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 15px; } .searchMagazineBlock__icon.oneSubscription { background: url("/static/css/../i/icons/one-subscription.svg") no-repeat; background-size: 54px; background-position: center; background-color: #fff; } .searchMagazineBlock__icon.mirror { background: url("/static/css/../i/icons/mirror-icon.svg") no-repeat; background-size: 64px; background-position: center; background-color: #fff; } .searchMagazineBlock__icon.world { background: url("/static/css/../i/icons/world-icon.svg") no-repeat; background-size: 57px; background-position: center; background-color: #fff; } .searchMagazineBlock__icon.practice { background: url("/static/css/../i/icons/basic_todolist_pencil.svg") no-repeat; background-size: 58px; background-position: center; background-color: #fff; } .searchMagazineBlock__title { font-family: "Circe-Bold"; font-size: 20px; line-height: 20px; text-align: center; color: #FFFFFF; margin-bottom: 10px; } .searchMagazineBlock__text { font-family: "Circe-Light"; font-size: 16px; line-height: 18px; text-align: center; color: #FFFFFF; } .searchMagazineBlock__input { width: 100%; height: 60px; border: 1px solid #E1E1E7; line-height: 60px; padding-left: 20px; padding-right: 70px; background: transparent; font-size: 16px; color: #E1E1E7; font-family: "Circe-Regular"; box-sizing: border-box; } .searchMagazineBlock__input::-webkit-input-placeholder { color: #E1E1E7; font-family: "Circe-Regular"; } .searchMagazineBlock__input::-moz-placeholder { color: #E1E1E7; font-family: "Circe-Regular"; } .searchMagazineBlock__input:-ms-input-placeholder { color: #E1E1E7; font-family: "Circe-Regular"; } .searchMagazineBlock__input::placeholder { color: #E1E1E7; font-family: "Circe-Regular"; } .searchMagazineBlock__iconSeach { display: block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 33px; height: 33px; background: url("/static/css/../i/icons/search-w.svg") no-repeat; cursor: pointer; } .searchMagazineBlock__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .searchMagazineBlock__title-block { font-size: 48px; line-height: 48px; font-family: "Circe-Bold"; text-align: center; color: #FFFFFF; margin-bottom: 30px; display: block; } @media screen and (max-width: 480px) { .searchMagazineBlock__title-block { font-size: 36px; line-height: 36px; } } .journalTitle { font-family: "Circe-Regular"; font-size: 64px; line-height: 56px; text-align: center; color: #000000; display: block; margin-bottom: 33px; } .tagBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 900px; margin: 0 auto 32px; } @media screen and (max-width: 480px) { .tagBlock { display: none; } } .tagBlock__item { padding: 13px 28px; border-radius: 60px; height: 40px; box-sizing: border-box; box-shadow: 0px 4px 20px rgba(1, 7, 123, 0.14); font-size: 16px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; color: #01077B; margin: 0 10px 14px; font-family: "Circe-Bold"; width: auto; position: relative; box-sizing: border-box; cursor: pointer; } .tagBlock__item.activeTag { background: #3338A8; color: #fff; } .tagBlock .tagItemClose { position: absolute; right: -5px; top: -5px; width: 23px; height: 23px; border-radius: 50%; background: #fff; display: block; box-shadow: 0px 4px 20px rgba(1, 7, 123, 0.14); cursor: pointer; } .tagBlock .tagItemClose:before { content: ''; position: absolute; left: 4px; top: 11px; width: 65%; height: 2px; background: #3338A8; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .tagBlock .tagItemClose:after { content: ''; position: absolute; left: 4px; top: 11px; width: 65%; height: 2px; background: #3338A8; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .listNumberJournals { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 40px 50px; width: calc(100% - 80px); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .listNumberJournals .owl-item { vertical-align: bottom; } .listNumberJournals__item { max-width: calc((100%/4) - 55px); width: 100%; margin-bottom: 40px; text-decoration: none; display: block; margin-right: 70px; } .listNumberJournals__item:nth-of-type(4n + 4) { margin-right: 0; } @media screen and (max-width: 1251px) { .listNumberJournals__item { max-width: calc((100%/3) - 17px); margin-right: 25px; } .listNumberJournals__item:nth-of-type(4n + 4) { margin-right: 25px; } .listNumberJournals__item:nth-of-type(3n + 3) { margin-right: 0; } } @media screen and (max-width: 1200px) { .listNumberJournals__item { max-width: calc((100%/2) - 15px); } .listNumberJournals__item:nth-of-type(4n + 4) { margin-right: 0; } .listNumberJournals__item:nth-of-type(2n + 2) { margin-right: 0; } } @media screen and (max-width: 640px) { .listNumberJournals__item { max-width: 255px; } } .listNumberJournals__image { width: 100%; max-width: 129px; height: 184px; margin-bottom: 10px; } .listNumberJournals__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listNumberJournals__dateBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 10px; } .listNumberJournals__title { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Bold"; } .listNumberJournals__text { font-size: 16px; line-height: 22px; color: #000; font-family: "Circe-Regular"; width: 100%; } .listNumberJournals__text * { font-size: 16px !important; line-height: 22px !important; color: #000 !important; font-family: "Circe-Regular" !important; width: 100% !important; text-align: left !important; margin: 0 !important; } .listNumberJournals__number { display: block; width: 100%; font-size: 32px; line-height: 32px; font-family: "Circe-Regular"; margin-bottom: 5px; color: #000; } .listNumberJournals__year { display: block; width: 100%; font-size: 16px; line-height: 18px; font-family: "Circe-Regular"; color: #000; } .listNumberJournals__date { margin-top: auto; margin-bottom: 10px; font-size: 12px; line-height: 16px; text-transform: lowercase; color: #9B9B9B; font-family: "Circe-Regular"; } .listNumberJournals__btnWrap { width: 100%; } .listNumberJournals__btnMore { max-width: 240px; height: 50px; width: 100%; background: transparent; border: 1px solid #3338A8; box-sizing: border-box; border-radius: 5px; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; color: #3338A8; display: block; margin: 0 auto; } .bannerArticle { padding: 60px 75px 0px 115px; } .bannerArticle__rowHead { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .bannerArticle__wrapText { max-width: 515px; width: 100%; } .bannerArticle__bannerImg { min-width: 693px; width: 100%; height: auto; margin-right: -325px; margin-top: -25px; } .bannerArticle__overflowImg { height: 400px; overflow: hidden; margin-right: -76px; } .bannerArticle__imageNumberArticle { width: 100%; max-width: 64px; height: auto; } .bannerArticle__infoArticle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .bannerArticle__dateInfo { font-size: 12px; line-height: 16px; text-align: center; text-transform: lowercase; color: #9B9B9B; font-family: "Circe-Regular"; } .bannerArticle__iconStatus { margin-top: 40px; display: block; width: 24px; height: 24px; box-sizing: border-box; } .bannerArticle__iconStatus.closeIcon { background: url("/static/css/../i/icons/closeStatus.svg") no-repeat; background-size: cover; } .bannerArticle__iconStatus.openIcon { background: url("/static/css/../i/icons/openStatus.svg") no-repeat; background-size: cover; } .bannerArticle__rowBody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bannerArticle__titleInfo { font-size: 24px; line-height: 28px; color: #01077B; margin-bottom: 10px; font-family: "Circe-Regular"; text-decoration: none; display: block; max-width: 440px; } .bannerArticle__text { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Light"; margin-bottom: 10px; } .bannerArticle__author { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Light"; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bannerArticle__bannerImg { max-width: 695px; width: 100%; height: auto; margin-right: -87px; margin-top: -25px; } .bannerArticle__authorName { font-size: 16px; line-height: 20px; color: #01077b; font-family: "Circe-Bold"; } .bannerArticle__authorImg { width: 100%; height: 100%; max-width: 44px; max-height: 44px; margin: 0 3px; border-radius: 50%; } .bannerArticle__authorItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .grayBg { background: #F8F8FB; padding-top: 30px; padding-bottom: 55px; } .listArticles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border: 1px solid #E1E1E7; padding: 80px 40px; } .listArticles.themeList { border: none; } @media screen and (max-width: 768px) { .listArticles.themeList { padding-top: 30px; } } .listArticles.themeList .listArticles__wrapArticlesList { padding-top: 0; } @media screen and (max-width: 1200px) { .listArticles.themeList .listArticles__wrapArticlesList { margin-top: 30px; } } .listArticles.themeList .listArticles__menuItem { line-height: 21px; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .listArticles.themeList .listArticles__menuItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .listArticles.themeList .listArticles__menuItem:before { content: none; } .listArticles.themeList .listArticles__menuItem-text { display: inline; border-bottom: 1px solid #01077b; transition: 0.3s ease-in-out; } .listArticles.themeList .listArticles__menuItem-text:hover { border-bottom: 1px solid transparent; } .listArticles.themeList .listArticles__mobileSelect { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 16px; } @media screen and (min-width: 1200px) { .listArticles.themeList .listArticles__mobileSelect { display: none; } } .listArticles__wrapMenuArticles { border-right: 1px solid #E1E1E7; padding-right: 40px; min-width: 320px; box-sizing: border-box; } .listArticles__titleTheme { font-family: "Circe-Bold"; font-size: 24px; line-height: 28px; color: #01077B; margin-bottom: 30px; width: 100%; } .listArticles__numberTitle { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Bold"; margin-bottom: 45px; } .listArticles__titleBlockTheme { font-size: 12px; line-height: 32px; letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-family: "Circe-Regular"; margin-bottom: 20px; } .listArticles__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1200px) { .listArticles__menu { display: none; } } .listArticles__menuItem { font-size: 16px; line-height: 48px; color: #01077b; cursor: pointer; display: inline-block; width: auto; position: relative; font-family: "Circe-Regular"; } .listArticles__menuItem:before { content: ''; position: absolute; left: 0; bottom: 13px; width: 100%; height: 1px; background: #01077b; transition: 0.3s ease-in-out; } .listArticles__menuItem:hover { color: #000; } .listArticles__menuItem:hover:before { background: #000; width: 0; } .listArticles__menuItem.activeTheme { color: #000; border-bottom: none; } .listArticles__menuItem.activeTheme .listArticles__menuItem-text { border-bottom: none; } .listArticles__menuItem.activeTheme:before { content: none; } .listArticles__wrapArticlesList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 90px; padding-top: 80px; } .listArticles__wrapArticlesList-title { font-size: 24px; line-height: 28px; font-family: "Circe-Bold"; margin-bottom: 30px; color: #01077B; } .listArticles__themeTitle { letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-size: 12px; line-height: 16px; font-family: "Circe-Regular"; margin-bottom: 10px; } .listArticles__articleItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 40px; } .listArticles__articleItem:last-child { margin-bottom: 75px; } .listArticles__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listArticles__nameJournal { font-size: 12px; line-height: 16px; text-transform: lowercase; color: #01077B; font-family: "Circe-Bold"; text-decoration: none; } .listArticles__dateInfo { font-size: 12px; line-height: 16px; text-transform: lowercase; color: #9B9B9B; font-family: "Circe-Regular"; margin-left: 2px; } .listArticles__statusInfo { margin-left: auto; width: 24px; height: 24px; position: relative; top: -8px; } .listArticles__statusInfo.closeIcon { background: url(/static/css/../i/icons/closeStatus.svg) no-repeat; background-size: cover; } .listArticles__statusInfo.openIcon { background: url(/static/css/../i/icons/openStatus.svg) no-repeat; background-size: cover; } .listArticles__articleTitle { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Bold"; margin-bottom: 15px; width: 100%; text-decoration: none; display: block; } .listArticles__articleTitle.statusOpenIcon { position: relative; padding-right: 26px; } .listArticles__articleTitle.statusOpenIcon:before { content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(/static/css/../i/icons/openStatus.svg) no-repeat; background-size: cover; } .listArticles__articleTitle.statusCloseIcon { position: relative; padding-right: 35px; } .listArticles__articleTitle.statusCloseIcon:before { content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(/static/css/../i/icons/closeStatus.svg) no-repeat; background-size: cover; } .listArticles__articleText { width: 100%; font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Light"; display: block; text-decoration: none; } .listArticles__articleText ul li { padding-left: 15px; position: relative; margin-bottom: 5px; } .listArticles__articleText ul li:before { content: ''; width: 10px; height: 1px; background-color: #000; position: absolute; top: 7px; left: 0; } .listArticles__articleText ul li a { text-decoration: none; cursor: pointer; color: #000; } .listArticles__authorBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .listArticles__authorTitle { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Light"; } .listArticles__authorList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listArticles__authorLink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .listArticles__authorImg { width: 100%; height: 100%; max-width: 44px; max-height: 44px; margin-left: 3px; border-radius: 50%; } .listArticles__authorName { margin-left: 5px; font-family: "Circe-Bold"; color: #01077b; } .listArticles__socialInfoArticle { margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .listArticles__likeBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .listArticles__likeIcon { background: url("/static/css/../i/icons/like.svg") no-repeat; background-size: cover; width: 13px; height: 13px; position: relative; top: -2px; } .listArticles__likeIcon.likeActive { background: url("/static/css/../i/icons/like-click.svg") no-repeat; background-size: cover; } .listArticles__likeNumber { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; margin-left: 3px; } .listArticles__seenBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: 7px; } .listArticles__seenIcon { background: url("/static/css/../i/icons/look.svg") no-repeat; background-size: cover; width: 16px; height: 16px; } .listArticles__seenNumber { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; margin-left: 3px; } .listArticles__mobileSelect { display: none; } .btnMoreArticles { width: 240px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #3338A8; box-sizing: border-box; border-radius: 5px; background: #fff; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; font-family: "Circe-Regular"; color: #3338A8; } .handleIconSlider { display: none; } .tagMobileSelect { display: none; } @media screen and (max-width: 1255px) { .bannerArticle__wrapText { max-width: 395px; width: 100%; } .bannerArticle__bannerImg { min-width: 595px; margin-top: 10px; } .bannerArticle__text { max-width: 385px; } .searchMagazineBlock__item { max-width: 240px; } .grayBg { padding-bottom: 20px; } .listNumberJournals { margin: 60px 25px; } .bannerArticle { padding: 60px 25px 0px 25px; } .listArticles__wrapMenuArticles { min-width: 230px; } .listArticles__wrapArticlesList { padding-left: 40px; } .searchMagazineBlock { padding: 60px 0 50px 0; } } @media screen and (max-width: 1199px) { .searchMagazineBlock { padding: 60px 0 50px 0; } .searchMagazineBlock__wrapInput { max-width: 395px; } .searchMagazineBlock__item { max-width: 180px; } .searchMagazineBlock__item:nth-of-type(2) { margin: 40px 15px; } .grayBg { padding-bottom: 20px; } .bannerArticle { padding: 60px 25px 0px 25px; } .bannerArticle__rowBody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bannerArticle__bannerImg { min-width: auto; width: 100%; margin-top: 15px; } .bannerArticle__overflowImg { overflow: hidden; max-height: 160px; margin: 0; } .bannerArticle__wrapText { max-width: none; } .bannerArticle__bannerImg { margin: 0; min-width: auto; max-width: none; } .bannerArticle__titleInfo { max-width: none; } .bannerArticle__text { max-width: none; } .listArticles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 80px 25px; } .listArticles__wrapMenuArticles { min-width: auto; width: 100%; border-right: 0; padding-right: 0; } .listArticles__titleTheme { margin-bottom: 15px; } .listArticles__wrapArticlesList { padding-left: 0; padding-top: 60px; } .listArticles__menu { border: 2px solid #01077B; border-top: none; } .listArticles__menuItem { line-height: 70px; font-size: 20px; color: #01077B; font-family: "Circe-Regular"; width: 100%; padding: 0 75px 0px 24px; box-sizing: border-box; cursor: pointer; } .listArticles__menuItem:before { content: none; } .listArticles__menuItem.activeTheme { color: #01077B; } .listArticles__menuItem:hover { color: #01077B; } .listArticles__mobileSelect { display: block; width: 100%; min-height: 70px; border: 2px solid #01077B; font-size: 20px; color: #01077B; font-family: "Circe-Regular"; padding: 10px 75px 10px 24px; box-sizing: border-box; line-height: 70px; position: relative; cursor: pointer; } .listArticles__mobileSelect:before { content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 34px; height: 18px; background: url("/static/css/../i/icons/arrow_down.svg") no-repeat; background-size: cover; -webkit-transform-origin: 17px 5px; -ms-transform-origin: 17px 5px; transform-origin: 17px 5px; transition: 0.3s ease-in-out; } .listArticles.activeSelect:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btnMoreArticles { margin: 0 auto; } } @media screen and (max-width: 979px) { @-webkit-keyframes handleSlider { 0% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 10% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 70% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 81% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } } @keyframes handleSlider { 0% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 10% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; } 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 70% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 81% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } } .listNumberJournals { width: calc(100% - 50px); } .listNumberJournals .owl-item { display: inline-block; } } @media screen and (max-width: 639px) { .handleIconSlider { display: block; width: 21px; height: 21px; background: url("/static/css/../i/icons/handleSlider.svg") no-repeat; background-size: cover; -webkit-animation: handleSlider 1.5s infinite; animation: handleSlider 1.5s infinite; margin-left: auto; margin-right: 20px; margin-bottom: -20px; } .searchMagazineBlock__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .searchMagazineBlock__item { max-width: none; padding: 0 25px; margin: 30px 0; } .searchMagazineBlock__item:nth-of-type(2) { margin: 30px 0; } .searchMagazineBlock__item:last-child { margin-bottom: 70px; } .searchMagazineBlock__wrapInput { max-width: 375px; } .tagBlock { margin-bottom: 70px; } .listNumberJournals__btnWrap { display: none; } .bannerArticle__overflowImg { max-height: 250px; } } @media screen and (max-width: 479px) { .listNumberJournals { width: 100%; } .searchMagazineBlock { padding: 40px 0 50px 0; } .searchMagazineBlock__item { padding: 0 20px; } .searchMagazineBlock__wrapInput { max-width: 270px; } .searchMagazineBlock__input { font-size: 12px; } .bannerArticle__titleInfo { font-size: 20px; } .bannerArticle__dateInfo { max-width: 120px; text-align: right; } .bannerArticle__overflowImg { max-height: 145px; } .listArticles { padding-bottom: 50px; } .listArticles__row { position: relative; } .listArticles__row:nth-of-type(1) { padding-right: 30px; } .listArticles__statusInfo { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .listArticles__articleTitle { font-size: 20px; line-height: 24px; } .listArticles__menuItem { padding-right: 20px; line-height: normal; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 70px; font-size: 16px; } .listArticles__mobileSelect { font-size: 16px; } .listArticles__socialInfoArticle { margin: 0 auto; } .listArticles__articleItem:nth-last-of-type(2) { margin-bottom: 85px; } .tagMobileSelect { display: block; background: #FFFFFF; border: 2px solid #01077B; box-sizing: border-box; padding-left: 25px; padding-right: 60px; margin: 0 25px; height: 60px; line-height: 60px; font-family: "Circe-Regular"; font-size: 16px; color: #01077B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .tagMobileSelect:before { content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 34px; height: 18px; background: url(/static/css/../i/icons/arrow_down.svg) no-repeat; background-size: cover; -webkit-transform-origin: 17px 5px; -ms-transform-origin: 17px 5px; transform-origin: 17px 5px; transition: 0.3s ease-in-out; } .tagBlock { border: 2px solid #01077B; border-top: none; margin: 0 25px; } .tagBlock__item { text-align: left; box-shadow: none; border-radius: 0; margin: 0; width: 100%; } .tagBlock__item.activeTag .tagItemClose { left: 0; top: 0; width: 100%; height: 100%; background: transparent; border-radius: 0; } .tagBlock__item.activeTag .tagItemClose:before { content: none; } .tagBlock__item.activeTag .tagItemClose:after { content: none; } } .searchMagazineBlock__link-read-more { min-width: 270px; height: 60px; background: transparent; text-decoration: none; border: 1px solid #FFFFFF; border-radius: 5px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; color: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-family: "Circe-Regular"; cursor: pointer; transition: 0.3s ease-in-out; } @media screen and (max-width: 480px) { .searchMagazineBlock__link-read-more { height: 50px; } } .searchMagazineBlock__link-read-more:hover { background: #fff; color: #01077B; } .listArticles__blueTitle { width: 100%; display: block; text-align: center; margin-bottom: 38px; font-size: 48px; line-height: 48px; font-family: "Circe-Regular"; color: #01077B; } @media screen and (max-width: 1200px) { .listArticles__blueTitle { font-size: 40px; } } @media screen and (max-width: 1200px) { .listArticles__blueTitle { font-size: 32px; } } .listArticles__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1200px) { .listArticles__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .searchJournalContainer { padding: 65px 115px; } @media screen and (max-width: 1599px) { .searchJournalContainer { padding: 65px 130px; } } @media screen and (max-width: 1199px) { .searchJournalContainer { padding: 65px 25px; } } .searchJournalContainer .searchJournal { margin-bottom: 50px; } .searchJournalContainer .aticleList { margin-bottom: 20px; } .searchJournal { max-width: 590px; width: 100%; box-sizing: border-box; margin: 0 auto 20px; position: relative; } .searchJournal__input { width: 100%; height: 60px; background: #FFFFFF; border: 1px solid #E1E1E7; padding-left: 20px; padding-right: 73px; box-sizing: border-box; font-size: 16px; line-height: 60px; color: #979797; font-family: "Circe-Regular"; } .searchJournal__icon { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("/static/css/../i/icons/search-b.svg") no-repeat; background-size: cover; width: 33px; height: 33px; } .aticleList__item { margin-bottom: 40px; } @media screen and (max-width: 1599px) { .aticleList__item { margin-bottom: 25px; } } .aticleList__titleBlock { font-size: 12px; line-height: 32px; letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-family: "Circe-Regular"; } .aticleList__titleItem { font-size: 24px; line-height: 32px; color: #01077B; font-family: "Circe-Regular"; text-decoration: none; } @media screen and (max-width: 479px) { .aticleList__titleItem { font-size: 20px; line-height: 24px; } } .aticleList__textItem { font-family: "Circe-Regular"; font-size: 16px; line-height: 20px; color: #5F5F5F; } @media screen and (max-width: 479px) { .aticleList__textItem { font-size: 14px; line-height: 20px; } } .aticleList__linkJournal { text-decoration: none; font-size: 12px; line-height: 16px; text-transform: lowercase; color: #01077B; font-family: "Circe-Bold"; } .aticleList__dateJournal { font-size: 12px; line-height: 16px; text-transform: lowercase; color: #9B9B9B; font-family: "Circe-Regular"; } .aticleList__btnMore { width: 240px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #3338A8; box-sizing: border-box; border-radius: 5px; background: #fff; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; font-family: "Circe-Regular"; color: #3338A8; display: block; margin: 0 auto; } .journalList__titleBlock { font-size: 12px; line-height: 32px; letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-family: "Circe-Regular"; } .journalList__item { margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1599px) { .journalList__item { margin-bottom: 25px; } } .journalList__wrapImg { max-width: 57px; width: 100%; min-width: 57px; } .journalList__img { width: 100%; height: auto; display: block; } .journalList__textBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 20px; } @media screen and (max-width: 479px) { .journalList__textBlock { max-width: 189px; } } .journalList__titleItem { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Regular"; text-decoration: none; } @media screen and (max-width: 479px) { .journalList__titleItem { font-size: 20px; line-height: 24px; } } .journalList__textItem { font-size: 14px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; } @media screen and (max-width: 479px) { .journalList__textItem { font-size: 14px; line-height: 20px; } } .journalList__btnMore { width: 240px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #3338A8; box-sizing: border-box; border-radius: 5px; background: #fff; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; font-family: "Circe-Regular"; color: #3338A8; display: block; margin: 0 auto; } .journalDetailBlock { padding: 30px 0 0; max-width: 900px; margin: 0 auto -25px; box-sizing: border-box; position: relative; } @media screen and (max-width: 1599px) { .journalDetailBlock { padding: 30px 25px 0; } } @media screen and (max-width: 1199px) { .journalDetailBlock { padding: 30px 20px 0; } } @media screen and (max-width: 479px) { .journalDetailBlock { padding: 30px 20px; } } .journalDetailBlock__wrapArrowBack { background: url("/static/css/../i/icons/arrow-back.svg") no-repeat; background-size: cover; width: 54px; height: 40px; margin-right: auto; margin-bottom: 25px; cursor: pointer; display: block; } .journalDetailBlock__wrapDetailInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .journalDetailBlock__wrapImg { max-width: 280px; box-sizing: border-box; width: 100%; } @media screen and (max-width: 1199px) { .journalDetailBlock__wrapImg { max-width: 136px; } } @media screen and (max-width: 639px) { .journalDetailBlock__wrapImg { max-width: 90px; } } @media screen and (max-width: 479px) { .journalDetailBlock__wrapImg { max-width: 60px; } } .journalDetailBlock__img { width: 100%; height: auto; } .journalDetailBlock__wrapContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 25px; } @media screen and (max-width: 479px) { .journalDetailBlock__wrapContent { margin-left: 10px; width: calc(100% - 75px); } } @media screen and (max-width: 479px) { .journalDetailBlock__wrapMobileFixed { width: calc(100vw - 50px); margin-left: -75px; } } .journalDetailBlock__rowStatus { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 75px; } @media screen and (max-width: 1599px) { .journalDetailBlock__rowStatus { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 979px) { .journalDetailBlock__rowStatus { margin-bottom: 50px; } } @media screen and (max-width: 639px) { .journalDetailBlock__rowStatus { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .journalDetailBlock__rowStatus { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .journalDetailBlock__dateInfo { font-size: 12px; line-height: 16px; color: #9B9B9B; font-family: "Circe-Regular"; } @media screen and (max-width: 1199px) { .journalDetailBlock__dateInfo { max-width: 225px; } } @media screen and (max-width: 639px) { .journalDetailBlock__dateInfo { max-width: 170px; } } @media screen and (max-width: 479px) { .journalDetailBlock__dateInfo { max-width: 200px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .journalDetailBlock__wrapStatusAndLink { margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1599px) { .journalDetailBlock__wrapStatusAndLink { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 479px) { .journalDetailBlock__wrapStatusAndLink { margin-left: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 35px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .journalDetailBlock__linkJournal { font-size: 12px; line-height: 16px; color: #01077B; font-family: "Circe-Regular"; text-decoration: none; position: relative; height: 13px; margin-top: -3px; } .journalDetailBlock__linkJournal:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #01077B; display: block; } .journalDetailBlock__status { width: 24px; height: 24px; margin-left: 30px; position: relative; top: -6px; } @media screen and (max-width: 1599px) { .journalDetailBlock__status { position: relative; top: -12px; } } .journalDetailBlock__themeText { font-size: 12px; line-height: 16px; letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-family: "Circe-Regular"; max-width: 420px; margin-bottom: 20px; } @media screen and (max-width: 1199px) { .journalDetailBlock__themeText { max-width: 315px; } } .journalDetailBlock__titleText { font-size: 64px; line-height: 56px; color: #000000; font-family: "Circe-Light"; margin-bottom: 20px; } @media screen and (max-width: 1199px) { .journalDetailBlock__titleText { font-size: 44px; line-height: 36px; } } .journalDetailBlock__btnWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 90px; } @media screen and (max-width: 1199px) { .journalDetailBlock__btnWrap { margin-bottom: 50px; } } .journalDetailBlock__btnRead { height: 30px; background: #fff; border-radius: 5px; border: 1px solid #3338A8; margin-right: 10px; font-size: 12px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; color: #3338A8; font-family: "Circe-Regular"; padding: 0 15px; } .journalDetailBlock__btnRead.disabledBtn { pointer-events: none; border: 1px solid rgba(151, 151, 151, 0.4); color: rgba(151, 151, 151, 0.4); } .journalDetailBlock__btnRead:last-child { margin-right: 0; } @media screen and (max-width: 479px) { .journalDetailBlock__btnRead { padding: 0 10px; } } .journalDetailBlock__detailText { font-size: 16px; line-height: 24px; color: #000000; font-family: "Circe-Regular"; max-width: 590px; margin-bottom: 100px; } .journalDetailBlock__buyBtn { max-width: 280px; width: 100%; height: 50px; font-size: 14px; line-height: 21px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .closeIcon { background: url("/static/css/../i/icons/closeStatus.svg") no-repeat; background-size: cover; } .openIcon { background: url("/static/css/../i/icons/openStatus.svg") no-repeat; background-size: cover; } .titileMenu { font-size: 32px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Regular"; margin-bottom: 30px; } .journalDetailPage.listArticles .listArticles__wrapArticlesList { max-width: 590px; margin: 0 auto; box-sizing: border-box; padding: 0; } @media screen and (max-width: 479px) { .journalDetailPage.listArticles .listArticles__row:nth-of-type(1) { padding-right: 0; } } .menuArticle__item { font-size: 16px; line-height: 18px; color: #000000; font-family: "Circe-Regular"; margin-bottom: 25px; padding-right: 26px; position: relative; cursor: pointer; } .menuArticle__item a { font-size: 16px; line-height: 18px; color: #000000; font-family: "Circe-Regular"; margin-bottom: 25px; padding-right: 26px; position: relative; cursor: pointer; text-decoration: none; } .menuArticle__item.closeStatus:before { content: ''; position: absolute; background: url("/static/css/../i/icons/closeStatus.svg") no-repeat; background-size: cover; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; } .menuArticle__item.openStatus { color: #01077B; } .menuArticle__item.openStatus:before { content: ''; position: absolute; background: url("/static/css/../i/icons/openStatus.svg") no-repeat; background-size: cover; right: 0; top: calc(50% - 4px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; } .subscriptionBuyBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F8F8FB; padding: 80px 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .subscriptionBuyBlock__wrapContent { width: 100%; margin: 0 auto; max-width: 690px; } @media screen and (max-width: 639px) { .subscriptionBuyBlock__wrapContent { padding: 0 25px; box-sizing: border-box; } } .subscriptionBuyBlock__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .subscriptionBuyBlock__row:last-child { margin-bottom: 0; } @media screen and (max-width: 639px) { .subscriptionBuyBlock__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .subscriptionBuyBlock__title { font-size: 24px; line-height: 28px; font-family: "Circe-Bold"; color: #01077B; margin-bottom: 5px; width: 100%; } .subscriptionBuyBlock__input { display: none; } .subscriptionBuyBlock__input:checked + label:after { opacity: 1; } .subscriptionBuyBlock__wrapBlock { max-width: 285px; width: 100%; min-width: 285px;} .subscriptionBuyBlock__wrapBlock:nth-of-type(1) { margin-right: 25px; } @media screen and (max-width: 639px) { .subscriptionBuyBlock__wrapBlock { margin: 0 0 15px 0; max-width: none; min-width: auto;} } .subscriptionBuyBlock__label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding: 40px 40px 20px 10px; border: 1px solid #979797; box-sizing: border-box; border-radius: 5px; cursor: pointer; height: 100%; width: 100%; } .subscriptionBuyBlock__label:before { content: ''; position: absolute; left: 10px; top: 10px; width: 17px; height: 17px; display: block; border-radius: 50%; border: 2px solid #000; } .subscriptionBuyBlock__label:after { content: ''; position: absolute; left: 18px; top: 18px; width: 5.5px; height: 5.5px; display: block; border-radius: 50%; background: #01077b; opacity: 0; transition: 0.3s ease-in-out; } .subscriptionBuyBlock__labelContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .subscriptionBuyBlock__labelContent.timeSubscribe { padding-left: 25px; } .subscriptionBuyBlock__blockText { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 30px; } .subscriptionBuyBlock__boldText { font-size: 20px; line-height: 24px; color: #01077B; font-family: "Circe-Bold"; } .subscriptionBuyBlock__defText { font-family: "Circe-Regular"; font-size: 16px; line-height: 16px; color: #000000; } .subscriptionBuyBlock__link { font-size: 16px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #01077B; font-family: "Circe-Regular"; cursor: pointer; } .subscriptionBuyBlock__specialBlock { margin: 20px 0; text-align: center; } .subscriptionBuyBlock__specialText { font-size: 16px; line-height: 24px; text-align: center; color: #01077B; font-family: "Circe-Bold"; } @media screen and (max-width: 479px) { .subscriptionBuyBlock__specialText { font-size: 12px; } } .subscriptionBuyBlock__specialNumber { font-size: 28px; line-height: 24px; text-align: center; color: #01077B; font-family: "Circe-Bold"; } @media screen and (max-width: 479px) { .subscriptionBuyBlock__specialNumber { font-size: 24px; line-height: 24px; } } .subscriptionBuyBlock__buyBasket { max-width: 280px; width: 100%; height: 50px; font-size: 14px; line-height: 21px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; color: #FFFFFF; border-radius: 5px; font-family: "Circe-Regular"; margin: 0 auto; display: block; } .boxes { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; left: 0; top: 0; height: 100%; background: rgba(255, 255, 255, 0.8); } .boxes .box { margin: 16.66667px; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(130deg, #3338A8 0%, #6b77a8 100%); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-animation: pulse 1s linear infinite alternate; animation: pulse 1s linear infinite alternate; } .boxes .box:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .boxes .box:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .boxes .box:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .boxes .box:nth-child(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .boxes .box:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .boxes .box:nth-child(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .boxes .box:nth-child(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .boxes .box:nth-child(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .boxes .box:nth-child(9) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-webkit-keyframes pulse { from, 40% { opacity: 0; } 50% { opacity: 0.5; } 80%, to { opacity: 1; } } @keyframes pulse { from, 40% { opacity: 0; } 50% { opacity: 0.5; } 80%, to { opacity: 1; } } @media screen and (max-width: 300px) { .box { width: 30px !important; height: 30px !important; } } .preloaderActive { position: relative; } .articlesList__item.preloaderActive > *:not(.boxes) { display: none; } .containerArticleOpen { padding: 30px 115px; } @media screen and (max-width: 1255px) { .containerArticleOpen { padding: 30px 25px; } } .containerArticleOpen .arrowBack { margin-bottom: 20px; } .containerArticleOpen__wrapHeadContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 40px; } .containerArticleOpen__rowInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 20px; } @media screen and (max-width: 479px) { .containerArticleOpen__rowInfo { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .containerArticleOpen__wrapAboutArticle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-left: 20px; } .containerArticleOpen__dateInfoJournal { font-size: 12px; line-height: 16px; color: #9B9B9B; font-family: "Circe-Regular"; } @media screen and (max-width: 479px) { .containerArticleOpen__dateInfoJournal { display: block; } } .containerArticleOpen__wrapJournalInfo { font-size: 12px; line-height: 16px; color: #01077B; font-family: "Circe-Bold"; } .containerArticleOpen__linkJournal { font-size: 12px; line-height: 16px; color: #01077B; font-family: "Circe-Regular"; margin-right: 30px; } @media screen and (max-width: 479px) { .containerArticleOpen__linkJournal { margin-right: 15px; } } .containerArticleOpen__iconStatusJournalNumber { width: 24px; height: 24px; display: block; } .containerArticleOpen__img { max-width: 55px; width: 100%; height: 100%; min-width: 55px; } .containerArticleOpen__rowDownloadAndSocial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .containerArticleOpen__wrapDownload { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .containerArticleOpen__btnDownload { text-decoration: none; display: inline-block; height: 30px; background: #fff; border-radius: 5px; border: 1px solid #3338A8; margin-right: 10px; font-size: 12px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; color: #3338A8; font-family: "Circe-Regular"; padding: 0 15px; line-height: 30px; margin-bottom: 10px; } .containerArticleOpen__wrapSocial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .containerArticleOpen__wrapSocialLike { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; cursor: pointer; } .containerArticleOpen__likeIcon { background: url(/static/css/../i/icons/like.svg) no-repeat; background-size: cover; width: 13px; height: 13px; position: relative; top: -2px; } .containerArticleOpen__likeNumber { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; margin-left: 3px; } .containerArticleOpen__wrapSocialLook { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .containerArticleOpen__lookIcon { background: url(/static/css/../i/icons/look.svg) no-repeat; background-size: cover; width: 16px; height: 16px; } .containerArticleOpen__lookNumber { font-size: 16px; line-height: 20px; color: #000000; font-family: "Circe-Regular"; margin-left: 3px; } .containerArticleOpen__wrapAboutInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: auto; } @media screen and (max-width: 479px) { .containerArticleOpen__wrapAboutInfo { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .containerArticleOpen__themeTitle { font-size: 12px; line-height: 16px; letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-family: "Circe-Regular"; margin-bottom: 20px; } .containerArticleOpen__titleNumber { font-size: 36px; line-height: 36px; color: #000000; font-family: "Circe-Regular"; max-width: 755px; margin-bottom: 10px; } .containerArticleOpen__titleNumber.notAuthorized { font-size: 24px; line-height: 32px; color: #01077B; } @media screen and (max-width: 479px) { .containerArticleOpen__titleNumber.notAuthorized { font-size: 20px; line-height: 28px; } } @media screen and (max-width: 479px) { .containerArticleOpen__titleNumber { font-size: 20px; line-height: 28px; } } .containerArticleOpen__authorBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .containerArticleOpen__authorText { font-size: 16px; line-height: 36px; color: #000000; font-family: "Circe-Regular"; } @media screen and (max-width: 479px) { .containerArticleOpen__authorText { font-size: 12px; } } .containerArticleOpen__wrapAuthorList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .containerArticleOpen__authorImg { width: 44px; height: 44px; border-radius: 50%; margin: 0 3px; display: inline-block; } .containerArticleOpen__authorItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .containerArticleOpen__authorName { font-size: 16px; line-height: 36px; color: #01077B; font-family: "Circe-Bold"; } @media screen and (max-width: 479px) { .containerArticleOpen__authorName { font-size: 12px; } } .containerArticleOpen__textNumber { font-size: 16px; line-height: 20px; color: #5F5F5F; font-family: "Circe-Regular"; } .introductorySubscription { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; background: #CCCDE5; margin-left: -115px; margin-right: -115px; clear: both; } .introductorySubscription__icon { display: block; width: 100px; height: 100px; background: url(/static/css/../i/icons/subscribe.svg) no-repeat center; background-color: #fff; border-radius: 50%; margin-bottom: 15px; } .introductorySubscription__title { font-size: 20px; line-height: 20px; text-align: center; color: #000000; font-family: "Circe-Bold"; } .introductorySubscription__subtitle { font-size: 16px; line-height: 20px; text-align: center; color: #000000; font-family: "Circe-Regular"; margin-bottom: 10px; } .introductorySubscription__text { font-size: 16px; line-height: 20px; text-align: center; color: #000000; font-family: "Circe-Regular"; max-width: 590px; margin-bottom: 35px; } @media screen and (max-width: 1199px) { .introductorySubscription__text { max-width: 385px; } } @media screen and (max-width: 479px) { .introductorySubscription__text { max-width: 280px; } } .introductorySubscription__btnReg { width: 100%; max-width: 290px; height: 50px; text-align: center; font-size: 16px; line-height: 50px; letter-spacing: 0.5px; text-transform: uppercase; color: #FFFFFF; font-family: "Circe-Regular"; } @media screen and (max-width: 479px) { .introductorySubscription__btnReg { max-width: 270px; } } .arrowBack { background: url(/static/css/../i/icons/arrow-back.svg) no-repeat; background-size: cover; width: 54px; height: 40px; margin-right: auto; margin-bottom: 25px; cursor: pointer; display: block; } .disableStatus { color: #C1C1C1; } .wrapBlockMaterials { border: 1px solid #E1E1E7; } .bonusMaterials { padding-top: 60px; padding-bottom: 60px; max-width: 590px; margin: 0 auto; } @media screen and (max-width: 640px) { .bonusMaterials { padding-right: 25px; padding-left: 25px; } } .bonusMaterials__item { margin-bottom: 30px; } .bonusMaterials__title { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Bold"; margin-bottom: 50px; } .bonusMaterials__wrapListMaterials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bonusMaterials__materialTitle { font-size: 20px; line-height: 28px; color: #000000; font-family: "Circe-Bold"; margin-bottom: 8px; text-decoration: none; position: relative; cursor: pointer; } .bonusMaterials__materialTitle:before { content: ''; position: absolute; left: 0; bottom: 4px; width: 100%; height: 1px; background: #000; } .bonusMaterials__materialText { font-size: 16px; line-height: 24px; color: #5F5F5F; font-family: "Circe-Regular"; margin-bottom: 8px; } .bonusMaterials__wrapDetailFile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-decoration: none; cursor: pointer; } .bonusMaterials__nameFile { font-size: 16px; line-height: 28px; color: #01077B; font-family: "Circe-Bold"; } .bonusMaterials__fileSize { font-size: 16px; line-height: 28px; color: #5F5F5F; font-family: "Circe-Light"; } .authorPageBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 385px; } @media screen and (max-width: 639px) { .authorPageBlock { height: 500px; } } .authorPageBlock__wrapContent { padding: 0 20px; max-width: 750px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .authorPageBlock__wrapImg { max-width: 140px; max-height: 140px; border-radius: 50%; } .authorPageBlock__img { min-width: 140px; min-height: 140px; width: 100%; } .authorPageBlock__wrapText { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 15px; position: relative; top: 40px; } @media screen and (max-width: 479px) { .authorPageBlock__wrapText { top: 0; margin-top: 30px; margin-left: 0; } } .authorPageBlock__nameAuthor { font-size: 24px; line-height: 28px; color: #000000; font-family: "Circe-Bold"; margin-bottom: 20px; max-width: 215px; } @media screen and (max-width: 479px) { .authorPageBlock__nameAuthor { text-align: center; margin: 0 auto 20px; font-size: 20px; line-height: 24px; } } .authorPageBlock__aboutAuthor { font-size: 18px; line-height: 28px; color: #000000; font-family: "Circe-Regular"; margin-bottom: 10px; } @media screen and (max-width: 479px) { .authorPageBlock__aboutAuthor { font-size: 14px; line-height: 24px; } } .authorPageBlock__wrapAuthorInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 479px) { .authorPageBlock__wrapAuthorInfo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .authorPageBlock__wrapSocialAuthor { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1199px) { .authorPageBlock__wrapSocialAuthor { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .authorPageBlock__wrapFaceebok { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .authorPageBlock__link { font-size: 18px; line-height: 20px; color: #01077B; border-bottom: 1px solid #01077B; text-decoration: none; font-family: "Circe-Regular"; } .authorPageBlock__authorIcon { margin-right: 10px; } .authorPageBlock__wrapFaceebok { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } @media screen and (max-width: 1199px) { .authorPageBlock__wrapFaceebok { margin-bottom: 10px; } } .authorPageBlock__wrapVK { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .vk { background-image: url(/static/css/../i/icons/vk.svg); } .subscribeBuy { max-height: none; padding: 42px 40px 60px; } .subscribeBuy .basket__wrapImgSubscribe { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; } .subscribeBuy .basket__wrap-item__text { text-align: center; display: block; } .subscribeBuy .basket__wrap-item__title { text-align: center; } .subscribeBuy .basket__wrap-item__price { text-align: center; } .subscribeBuy .basket___wrap-item__subText { font-size: 16px; line-height: 16px; text-align: center; color: #000000; font-family: "Circe-Regular"; max-width: 360px; } .sidebar-block { position: relative; width: 100%; box-sizing: border-box; padding: 25px 20px 50px 20px; } .sidebar-block__title { width: 100%; color: #5F5F5F; font-size: 32px; line-height: 32px; font-family: "Circe-Regular"; margin: 0 0 15px; } .sidebar-block__media { position: relative; width: 100%; overflow: hidden; margin: 0 0 15px; } .sidebar-block__img { display: block; width: 100%; } .sidebar-block__about { position: relative; width: 100%; margin: 0 0 15px; font-family: "Circe-Regular"; font-size: 24px; line-height: 24px; color: #5F5F5F; } .sidebar-block__text { position: relative; width: 100%; margin: 0 0 15px; font-family: "Circe-Regular"; font-size: 16px; line-height: 24px; color: #979797; } .sidebar-block__link { position: relative; width: 100%; } .video-player { display: block; position: relative; width: 100%; overflow: hidden; } .video-player.playing .video-player__video { position: relative; } .video-player__video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-player__preview { position: relative; width: 100%; height: 100%; overflow: hidden; } .video-player__preview img { display: block; height: 100%; width: 100%; } .video-player__play { background-color: rgba(0, 68, 153, 0.25); background-image: none; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; outline: none; text-decoration: none; padding: 0; margin: 0; border: none; cursor: pointer; box-sizing: border-box; transition: all .2s ease-in-out; } .video-player__play::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #3338A8; border-right: 5px solid #3338A8; -webkit-animation: loading 1s infinite; animation: loading 1s infinite; } .video-player__play:hover { background-color: rgba(0, 68, 153, 0.35); } .video-player__play.loaded { background-image: url(/static/css/../i/icons/play.svg); } .video-player__play.loaded::after { display: none; } @-webkit-keyframes loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .video-player__video { height: 84%; } .subscribeList { padding: 0 25px 100px; } .subscribeList__title { font-size: 20px; line-height: 16px; letter-spacing: 2px; color: #B3012E; font-family: "Circe-Regular"; margin-bottom: 20px; } .subscribeList__wrapList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subscribeList__item { border: 1px solid #E1E1E7; box-sizing: border-box; padding: 40px 40px 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; max-width: 440px; box-sizing: border-box; width: 100%; margin-right: 25px; margin-bottom: 50px; } .subscribeList__item:nth-of-type(2n+2) { margin-right: 0; } .subscribeList__img { max-width: 180px; margin: 0 auto 40px; width: 100%; } .subscribeList__type { font-size: 12px; line-height: 16px; text-align: center; letter-spacing: 2px; text-transform: uppercase; color: #B3012E; font-family: "Circe-Regular"; } .subscribeList__itemTitle { text-decoration: none; font-size: 24px; line-height: 32px; text-align: center; color: #01077B; font-family: "Circe-Regular"; margin-bottom: 10px; } .subscribeList__btnReadMore { max-width: 180px; text-align: center; line-height: 38px; height: 40px; background: transparent; border: 1px solid #3338A8; box-sizing: border-box; border-radius: 5px; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; color: #3338A8; width: 100%; margin: 0 auto 10px; text-decoration: none; font-family: "Circe-Regular"; } .subscribeList__timeSubcribe { font-size: 12px; line-height: 16px; text-align: center; color: #000000; font-family: "Circe-Regular"; margin-top: auto; } .subscribeList__timeSubcribe.redSubscribe { color: #D61F28; } .subscribeList__btnExtend { position: absolute; left: 50%; bottom: -30px; width: 100%; max-width: 200px; height: 60px; color: #fff; border-radius: 5px; background: #3338A8; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; } .subscribeList__btnExtend:hover { background: #fff !important; } @media screen and (max-width: 468px) { .containerArticleOpen__textNumber .article img { width: 100% !important; height: auto !important; } } .containerArticleOpen__textNumber acronym { position: relative; text-decoration: none; } .containerArticleOpen__textNumber acronym:before { content: ''; position: absolute; left: -4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fefadc; width: calc(100% + 8px); height: calc(100% + 8px); } .containerArticleOpen__textNumber acronym .acronymHelp { min-width: 210px; position: absolute; left: 0; top: 0; font-size: 12px; line-height: 14px; font-family: "Circe-Regular"; padding: 8px; background: #fff; color: #98A2A8; z-index: 1; border: 1px solid #EAEBED; box-sizing: border-box; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11); border-radius: 2px; display: none; } .containerArticleOpen__textNumber acronym .acronymText { position: relative; z-index: 2; } .containerArticleOpen__textNumber ul { margin-bottom: 30px; max-width: 720px; margin-left: auto; } .containerArticleOpen__textNumber ul li { position: relative; padding-left: 20px; font-size: 20px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Light"; } .containerArticleOpen__textNumber ul li p { margin-bottom: 10px !important; } .containerArticleOpen__textNumber ul li:before { content: ''; position: absolute; left: 0; width: 15px; height: 1px; background: #5F5F5F; top: 15px; font-size: 20px; color: #5F5F5F; font-family: "Circe-Light"; } .containerArticleOpen__textNumber ol { margin-bottom: 30px; counter-reset: myCounterUl; max-width: 720px; margin-left: auto; } .containerArticleOpen__textNumber ol li { position: relative; padding-left: 20px; font-size: 20px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Light"; } .containerArticleOpen__textNumber ol li p { margin-bottom: 10px !important; } .containerArticleOpen__textNumber ol li:before { content: counter(myCounterUl) "."; counter-increment: myCounterUl; position: absolute; left: 0; top: 0; font-size: 20px; color: #5F5F5F; font-family: "Circe-Light"; } .containerArticleOpen__textNumber .epigraph { font-weight: 350; font-size: 16px; line-height: 20px; text-align: right; color: #01077B; font-family: "Circe-Light"; padding-top: 10px; border-top: 1px solid #01077B; margin-bottom: 30px; max-width: 460px; width: 100%; margin-left: auto; } .containerArticleOpen__textNumber .article { font-family: "Circe-Light"; font-weight: 350; font-size: 20px; line-height: 32px; color: #000000; margin-bottom: 30px; } .containerArticleOpen__textNumber .article img { margin: 0 auto; display: block; } .containerArticleOpen__textNumber .illustration { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; } .containerArticleOpen__textNumber .illustration img { width: 100% !important; height: auto !important; } .containerArticleOpen__textNumber .illustration_caption { font-family: "Circe-Light"; text-align: center; font-size: 16px; margin-bottom: 30px; } .containerArticleOpen__textNumber .expert_opinion_block { position: relative; font-family: "Circe-Regular"; font-size: 16px; line-height: 20px; color: #000000; padding: 30px 25px 40px; max-width: 645px; margin: 0 auto 30px; } .containerArticleOpen__textNumber .expert_opinion_block:before { content: ''; position: absolute; left: 0; top: 0; border: 1px solid #E1E1E7; border-radius: 10px; width: 100%; height: 100%; z-index: 1; } .containerArticleOpen__textNumber .expert_opinion_block:after { content: ''; position: absolute; left: 40px; bottom: -18px; border: 1px solid #E1E1E7; width: 32px; height: 32px; z-index: 1; background: #fff; border-top: none; border-left: none; border-radius: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .containerArticleOpen__textNumber .expert_opinion_block .expertCommentText { position: absolute; left: 20px; top: -15px; width: auto; padding: 5px; background: #fff; z-index: 2; font-family: "Circe-Bold"; font-size: 16px; color: #000; } .containerArticleOpen__textNumber .sources_list_header { font-size: 24px; line-height: 28px; color: #01077B; font-family: "Circe-Bold"; max-width: 590px; margin: 0 auto 30px; } .containerArticleOpen__textNumber .sources_list_header + ol { max-width: 590px; width: 100%; margin: 0 auto; counter-reset: myCounter; } .containerArticleOpen__textNumber .sources_list_header + ol li { position: relative; padding-left: 25px; } .containerArticleOpen__textNumber .sources_list_header + ol li:before { content: counter(myCounter); counter-increment: myCounter; position: absolute; left: 0; top: 6px; font-family: "Circe-Light"; color: #5F5F5F; font-size: 20px; } .containerArticleOpen__textNumber .sources_list_header + ol li a { font-size: 20px; color: #01077b; font-family: "Circe-Light"; line-height: 32px; } .containerArticleOpen__textNumber .sources_list { font-size: 20px; line-height: 32px; color: #5F5F5F; font-family: "Circe-Light"; } .containerArticleOpen__textNumber h3.article { font-size: 32px; line-height: 37px; color: #5F5F5F; text-align: center; font-family: "Circe-Regular"; } .containerArticleOpen__textNumber table { max-width: 900px; min-width: 900px; margin: 0 auto 30px; overflow: auto; font-family: "Circe-Light"; display: none; } .containerArticleOpen__textNumber table tr:nth-of-type(odd) { background: #F1F1F1; } .containerArticleOpen__textNumber table td { padding: 5px; text-align: center; } .containerArticleOpen__textNumber .wrapTable { max-width: 900px; width: 100%; overflow-x: auto; margin: 0 auto 30px; } .containerArticleOpen__textNumber .wrapTable table { display: table; } .containerArticleOpen__textNumber strong { font-family: "Circe-Bold" !important; color: #5F5F5F; font-size: 20px; line-height: 32px; } .containerArticleOpen__textNumber blockquote { position: relative; padding-left: 60px; margin-left: auto; display: block; font-family: "Circe-Bold"; font-size: 20px; line-height: 32px; color: #5F5F5F; max-width: 745px; width: 100%; } .containerArticleOpen__textNumber blockquote * { font-family: "Circe-Bold" !important; font-size: 20px !important; line-height: 32px !important; color: #5F5F5F !important; } .containerArticleOpen__textNumber blockquote:before { content: ''; background: url(/static/css/../i/icons/quote.svg) no-repeat; background-size: cover; width: 38.8px; height: 30px; left: 0; top: 8px; display: block; position: absolute; } .containerArticleOpen__textNumber .blockVideo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 300px; margin-bottom: 55px; float: left; margin-right: 60px; position: relative; min-height: 270px; width: 100%; } .containerArticleOpen__textNumber .blockVideo:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f1f1f1; z-index: 1; transition: 0.2s ease-in-out; opacity: 1; } .containerArticleOpen__textNumber .blockVideo:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #3338A8; border-right: 5px solid #3338A8; -webkit-animation: loading 1s infinite; animation: loading 1s infinite; transition: 0.2s ease-in-out; opacity: 1; z-index: 1; } .containerArticleOpen__textNumber .blockVideo.loaded:before { opacity: 0; visibility: hidden; } .containerArticleOpen__textNumber .blockVideo.loaded:after { opacity: 0; visibility: hidden; } @media screen and (max-width: 480px) { .containerArticleOpen__textNumber .blockVideo { max-width: 268px; } } .containerArticleOpen__textNumber .blockVideo iframe { width: 100%; height: 100%; } .containerArticleOpen__textNumber .blockVideo__blockPlayVideo { width: 300px; height: 200px; position: relative; background: #CCCDE5; background-size: cover; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 460px) { .containerArticleOpen__textNumber .blockVideo__blockPlayVideo { width: 268px; } } .containerArticleOpen__textNumber .blockVideo__blockPlayVideo:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #000000 -13.33%, rgba(120, 120, 120, 0.322792) 85.42%, rgba(255, 255, 255, 0) 100%); transition: 0.3s ease-in-out; } .containerArticleOpen__textNumber .blockVideo__blockPlayVideo:after { content: ''; position: absolute; background-image: url(/static/css/../i/icons/play.svg); background-size: cover; width: 80px; height: 80px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.3s ease-in-out; } .containerArticleOpen__textNumber .blockVideo__nameVideo { position: absolute; left: 20px; bottom: 20px; color: #fff; font-size: 16px; line-height: 24px; font-family: "Circe-Regular"; transition: 0.3s ease-in-out; } .containerArticleOpen__textNumber .blockVideo__blockAboutVideo { padding: 20px 20px 30px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .containerArticleOpen__textNumber .blockVideo__text { font-weight: normal; font-size: 16px; line-height: 24px; color: #5F5F5F; font-family: "Circe-Regular"; } .blockVideo__video { opacity: 0; transition: 0.3s ease-in-out; } .playVideoArticle { background: transparent; } .playVideoArticle:before { visibility: hidden; opacity: 0; } .playVideoArticle:after { visibility: hidden; opacity: 0; } .playVideoArticle .blockVideo__nameVideo { visibility: hidden; opacity: 0; } .playVideoArticle .blockVideo__video { opacity: 1; } .wrap-title { position: relative; } .articlesList__navigate-material span { border-bottom: 1px solid #01077B; font-size: 16px; line-height: 21px; } .download-files__link { border: none !important; } .about-text__right-text a{ font-size: initial; line-height: 20px; color: #01077B; } .article-item__anchor { height: 32px; } @media screen and (max-width: 640px) { .lk-buy__curse-block__btn-inst-products-read { left: 50%; bottom: -80px; } .lk-buy__curse-block__btn-products-read { left: 50%; } .basket-item.isCombo { margin: 150px 0 0; } } .containerArticleOpen sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } /* ------------------------------------------------------------------------------------------------------------------------ breadcrumb ------------------------------------------------------------------------------------------------------------------------ /**!*/ /*.breadcrumb {*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* font-family:Circe, Arial, sans-serif;*/ /*}*/ /*.breadcrumb__item {*/ /* position: relative;*/ /* padding-right: 9px;*/ /* margin-right: 6px;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .breadcrumb__item {*/ /* padding-right: 16px;*/ /* margin-right: 10px;*/ /* }*/ /*}*/ /*.breadcrumb__item:after {*/ /* position: absolute;*/ /* right: 0;*/ /* font-size: 13px;*/ /* color: #858585;*/ /* line-height: 14px;*/ /* content: '/';*/ /*}*/ /*.breadcrumb__item:last-child:after {*/ /* content: none;*/ /*}*/ /*.breadcrumb__link {*/ /* font-size: 14px;*/ /* font-weight: 300;*/ /* -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;*/ /* transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;*/ /* text-decoration: none;*/ /* color: #000;*/ /*}*/ /*.breadcrumb__link--active {*/ /* color: #9e9e9e !important;*/ /* pointer-events: none;*/ /*}*/ /*.breadcrumb__link:hover {*/ /* color: #9e9e9e !important;*/ /* border-bottom: 0px solid #858585;*/ /* -webkit-box-shadow: inset 0px -1px 0px 0px #858585;*/ /* -moz-box-shadow: inset 0px -1px 0px 0px #858585;*/ /* box-shadow: inset 0px -1px 0px 0px #858585;*/ /*}*/ /*!**/ /*------------------------------------------------------------------------------------------------------------------------*/ /*catalog page style*/ /*------------------------------------------------------------------------------------------------------------------------*/ /**!*/ /*!* основные стили*!*/ /*.catalog {*/ /* font-family: 'Circe',Arial,sans-serif;*/ /* font-weight: 300;*/ /* color: #000;*/ /*}*/ /*.catalog__h2 {*/ /* color: #3338a8;*/ /* font-size: 28px;*/ /* line-height: 1.23;*/ /* font-family: 'Circe',Arial,sans-serif;*/ /* font-weight: 600;*/ /* margin-bottom: 20px;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .catalog__h2 {*/ /* font-size: 46px;*/ /* margin-bottom: 40px;*/ /* }*/ /*}*/ /*.catalog__h3 {*/ /* font-family: Circe;*/ /* font-style: normal;*/ /* font-weight: bold;*/ /* font-size: 32px;*/ /* line-height: 40px;*/ /* max-width: 790px;*/ /* margin-bottom: 40px;*/ /*}*/ /*.catalog__breadcrumb {*/ /* margin-bottom: 8px;*/ /*}*/ /*.goods-list__item {*/ /* padding: 0;*/ /* display: flex;*/ /* max-width: 100%;*/ /* width: 100%;*/ /* margin-bottom: 70px;*/ /* box-sizing: border-box;*/ /*}*/ /*@media screen and (min-width: 1200px){*/ /* .goods-list__item {*/ /* margin-left: 20px;*/ /* margin-right: 20px;*/ /* max-width: calc(50% - 40px);*/ /* }*/ /*}*/ /*@media screen and (min-width: 1600px) {*/ /* .goods-list__item {*/ /* max-width: calc(33.3333333% - 40px);*/ /* }*/ /*}*/ /*.catalog__goods-list {*/ /* margin-bottom: 30px;*/ /*}*/ /*.catalog__item {*/ /* border-bottom: 1px solid #E1E1E7;*/ /*}*/ /*.catalog__item-header {*/ /* padding-top: 64px;*/ /* padding-bottom: 64px;*/ /* padding-left: 20px;*/ /* padding-right: 20px;*/ /* max-width: 100%;*/ /* box-sizing: border-box;*/ /* background-color: #f8f8fb;*/ /* border-bottom: 1px solid #E1E1E7;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .catalog__item-header {*/ /* padding-left: 40px;*/ /* }*/ /*}*/ /*.catalog__subsection {*/ /* border-bottom: 1px solid #E1E1E7;*/ /* !*padding-bottom: 80px;*!*/ /*}*/ /*.catalog__subsection:last-child {*/ /* border-bottom: none;*/ /*}*/ /*.catalog__item-subheader {*/ /* padding-top: 64px;*/ /* padding-left: 20px;*/ /* padding-right: 20px;*/ /* max-width: 100%;*/ /* box-sizing: border-box;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .catalog__item-subheader {*/ /* padding-left: 120px;*/ /* }*/ /*}*/ /*.catalog__offers {*/ /* padding-left: 20px;*/ /* padding-right: 20px;*/ /* padding-top: 80px;*/ /* padding-bottom: 80px;*/ /*}*/ /*.catalog__description {*/ /* padding: 0;*/ /* font-size: 18px;*/ /* line-height: 1.5;*/ /* margin-bottom: 30px;*/ /* max-width: 790px;*/ /*}*/ /*.catalog__description:last-child {*/ /* margin-bottom: 0;*/ /*}*/ /*.catalog__buttons {*/ /* margin: auto;*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* justify-content: center;*/ /* margin-right: -10px;*/ /* margin-left: -10px;*/ /* margin-bottom: -10px;*/ /*}*/ /*.catalog__header {*/ /* padding: 95px 35px;*/ /* background-color: #01077b;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .catalog__header {*/ /* padding: 95px 99px;*/ /* }}*/ /*.catalog__h1 {*/ /* color: #ffffff;*/ /* font-size: 42px;*/ /* font-family: 'Circe',Arial,sans-serif;*/ /* line-height: 1.1;*/ /* font-weight: 300;*/ /* text-align: center;*/ /* margin-bottom: 15px;*/ /*}*/ /*.catalog__h4 {*/ /* color: #ffffff;*/ /* text-align: center;*/ /* font-size: 16px;*/ /* font-family: 'Circe',Arial,sans-serif;*/ /* line-height: 1.55;*/ /* font-weight: 300;*/ /* margin-bottom: 48px;*/ /*}*/ /*.catalog__buttons--left {*/ /* justify-content: left;*/ /*}*/ /*.catalog .offersBuyBlock__wrapBlock {*/ /* max-width: 100%;*/ /* width: 100%;*/ /* flex-basis: auto;*/ /*}*/ /*.catalog .offersBuyBlock__wrapBlock:last-child {*/ /* margin-bottom: 0;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .catalog .offersBuyBlock__wrapBlock {*/ /* margin-right: 0 !important;*/ /* }*/ /*}*/ /*!**/ /*------------------------------------------------------------------------------------------------------------------------*/ /*1. goods-list style*/ /*------------------------------------------------------------------------------------------------------------------------*/ /**!*/ /*.goods-list__header-wrapper {*/ /* margin-bottom: 30px;*/ /*}*/ /*.goods-list {*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* margin-bottom: -40px;*/ /*}*/ /*.goods-list__inner {*/ /* display: flex;*/ /* flex-direction: column;*/ /* align-items: stretch;*/ /* background: #fff;*/ /* padding: 40px 20px;*/ /* border: 1px solid #E1E1E7;*/ /* box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);*/ /* max-width: 100%;*/ /* width: 100%;*/ /* box-sizing: border-box;*/ /*}*/ /*.goods-list__price {*/ /* font-size: 20px;*/ /* line-height: 24px;*/ /* color: #01077B;*/ /* font-family: "Circe-Bold";*/ /* margin-top: auto;*/ /* margin-bottom: 15px;*/ /*}*/ /*.goods-list__buttons {*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* !*justify-content: space-between;*!*/ /* margin-right: -10px;*/ /* margin-left: -10px;*/ /* margin-bottom: -15px;*/ /* margin-top: auto;*/ /*}*/ /*.goods-list__button {*/ /* margin-bottom: 15px;*/ /* margin-right: 10px;*/ /* margin-left: 10px;*/ /* margin-top: 15px;*/ /*}*/ /*@media screen and (min-width: 1200px) {*/ /* .goods-list__button {*/ /* margin-right: 10px;*/ /* margin-left: 10px;*/ /* }*/ /*}*/ /*.goods-list__button:hover {*/ /* color: #3338A8;*/ /* background: #fff;*/ /*}*/ /*!*&&&*!*/ /*.goods-list__subtitle {*/ /* color: #b3012e;*/ /* font-size: 12px;*/ /* line-height: 1.85;*/ /* font-weight: 400;*/ /* font-family: 'Circe';*/ /* text-transform: uppercase;*/ /* margin-bottom: 8px;*/ /*}*/ /*.goods-list__title {*/ /* color: #01077b;*/ /* font-size: 22px;*/ /* line-height: 1.2;*/ /* font-weight: 400;*/ /* font-family: 'Circe';*/ /*}*/ /*.goods-list__offers {*/ /* margin-bottom: auto;*/ /* !*margin-bottom: 0;*!*/ /* !*margin-top: 0;*!*/ /*}*/ /*.goods-list-top {*/ /* display: flex;*/ /* flex-direction: column;*/ /* align-items: stretch;*/ /* height: 100%;*/ /* justify-content: flex-start;*/ /*}*/ /*.goods-list__form {*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* flex-direction: column;*/ /* flex-grow: 1;*/ /*}*/ /*.goods-list__item.test{*/ /* flex-wrap: wrap;*/ /*}*/ /*.goods-list__item.test .goods-list-top{*/ /* height: auto;*/ /*}*/ /*.goods-list__offers .offersBuyBlock__wrapBlock:nth-child(n) {*/ /* margin-right: 0;*/ /*}*/ /*.goods-list__offers {*/ /* margin-bottom: auto;*/ /*}*/ /*.goods-list__form .offersBuyBlock__row {*/ /* align-items: stretch;*/ /* margin-bottom: auto;*/ /*}*/ /*!**/ /*------------------------------------------------------------------------------------------------------------------------*/ /*1. button style*/ /*------------------------------------------------------------------------------------------------------------------------*/ /**!*/ /*.button {*/ /* box-sizing: border-box;*/ /* padding: 10px 28px;*/ /* !*width: 100%;*!*/ /* display: block;*/ /* color: #3338A8;*/ /* font-family: "Circe-Regular";*/ /* font-size: 12px;*/ /* line-height: 21px;*/ /* line-height: 21px;*/ /* text-transform: uppercase;*/ /* text-align: center;*/ /* letter-spacing: 0.5px;*/ /* transition: 0.2s;*/ /* background: #fff;*/ /* border: 1px solid #3338A8;*/ /* border-radius: 5px;*/ /* cursor: pointer;*/ /* text-decoration: none;*/ /*}*/ /*.button--big {*/ /* min-width: 240px;*/ /* box-sizing: border-box;*/ /* padding-top: 21px;*/ /* padding-bottom: 18px;*/ /* padding-left: 28px;*/ /* padding-right: 28px;*/ /*}*/ /*.button--blue{*/ /* color: #fff;*/ /* background: #3338A8;*/ /* box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2);*/ /*}*/ /*.button--transparent {*/ /* background: transparent;*/ /*}*/ /*.button--white {*/ /* background: transparent;*/ /* color: #ffffff;*/ /* border-color: #ffffff*/ /*}*/ /*!*offersBuyBlock__label*!*/ /*.offersBuyBlock__label--min {*/ /* padding-top: 12px !important;*/ /* padding-bottom: 12px !important;*/ /*}*/ /*.test-wrapper {*/ /* display: flex;*/ /* flex-direction: column;*/ /* align-items: stretch;*/ /* height: 100%;*/ /* justify-content: flex-start;*/ /*}*/ .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: 'Circe-Regular', Arial, sans-serif; } .breadcrumb__item { position: relative; padding-right: 9px; margin-right: 6px; } @media screen and (min-width: 1200px) { .breadcrumb__item { padding-right: 16px; margin-right: 10px; } } .breadcrumb__item:after { position: absolute; right: 0; font-size: 13px; color: #858585; line-height: 14px; content: '/'; } .breadcrumb__item:last-child:after { content: none; } .breadcrumb__link { font-size: 14px; font-weight: 300; -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; text-decoration: none; color: #000; } .breadcrumb__link--active { color: #9e9e9e !important; pointer-events: none; } .breadcrumb__link:hover { color: #9e9e9e !important; border-bottom: 0px solid #858585; -webkit-box-shadow: inset 0px -1px 0px 0px #858585; box-shadow: inset 0px -1px 0px 0px #858585; } /* ------------------------------------------------------------------------------------------------------------------------ catalog page style ------------------------------------------------------------------------------------------------------------------------ */ /* основные стили*/ .catalog { font-family: 'Circe',Arial,sans-serif; font-weight: 300; color: #000; } .catalog__h2 { color: #3338a8; font-size: 28px; line-height: 1.23; font-family: 'Circe',Arial,sans-serif; font-weight: 600; margin-bottom: 20px; } @media screen and (min-width: 1200px) { .catalog__h2 { font-size: 46px; margin-bottom: 40px; } } .catalog__h3 { font-family: Circe; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; max-width: 790px; margin-bottom: 40px; } .catalog__breadcrumb { margin-bottom: 8px; } .goods-list__item { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; width: 100%; margin-bottom: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 980px){ .goods-list__item { margin-left: 20px; margin-right: 20px; max-width: calc(50% - 40px); } } @media screen and (min-width: 1200px){ .goods-list__item { max-width: calc(33.3333333% - 40px); } } .catalog__goods-list { margin-bottom: 30px; } .catalog__item { border-bottom: 1px solid #E1E1E7; } .catalog__item-header { padding-top: 64px; padding-bottom: 64px; padding-left: 20px; padding-right: 20px; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f8f8fb; border-bottom: 1px solid #E1E1E7; } @media screen and (min-width: 1200px) { .catalog__item-header { padding-left: 40px; } } .catalog__subsection { border-bottom: 1px solid #E1E1E7; /*padding-bottom: 80px;*/ } .catalog__subsection:last-child { border-bottom: none; } .catalog__item-subheader { padding-top: 64px; padding-left: 20px; padding-right: 20px; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1200px) { .catalog__item-subheader { padding-left: 120px; } } .catalog__offers { padding-left: 20px; padding-right: 20px; padding-top: 80px; padding-bottom: 80px; } .catalog__description { padding: 0; font-size: 18px; line-height: 1.5; margin-bottom: 30px; max-width: 790px; } .catalog__description:last-child { margin-bottom: 0; } .catalog__buttons { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -10px; margin-left: -10px; margin-bottom: -10px; } .catalog__header { padding: 95px 35px; background-color: #01077b; } @media screen and (min-width: 1200px) { .catalog__header { padding: 95px 99px; }} .catalog__h1 { color: #ffffff; font-size: 42px; font-family: 'Circe',Arial,sans-serif; line-height: 1.1; font-weight: 300; text-align: center; margin-bottom: 15px; } .catalog__h4 { color: #ffffff; text-align: center; font-size: 16px; font-family: 'Circe',Arial,sans-serif; line-height: 1.55; font-weight: 300; margin-bottom: 48px; } .catalog__buttons--left { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .catalog .offersBuyBlock__wrapBlock { max-width: 100%; width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } .catalog .offersBuyBlock__wrapBlock:last-child { margin-bottom: 0; } @media screen and (min-width: 1200px) { .catalog .offersBuyBlock__wrapBlock { margin-right: 0 !important; } } /* ------------------------------------------------------------------------------------------------------------------------ 1. goods-list style ------------------------------------------------------------------------------------------------------------------------ */ .goods-list__header-wrapper { margin-bottom: 30px; } .hide{ height: 600px; overflow: hidden; } .goods-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; } .goods-list__offers .offersBuyBlock__blockText { display: block; } .goods-list__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; padding: 40px 20px; border: 1px solid #E1E1E7; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); max-width: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .goods-list__price { font-size: 20px; line-height: 24px; color: #01077B; font-family: "Circe-Bold"; margin-top: auto; margin-bottom: 15px; } .goods-list__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*justify-content: space-between;*/ margin-right: -10px; margin-left: -10px; margin-bottom: -15px; margin-top: auto; } .goods-list__button { margin-bottom: 15px; margin-right: 10px; margin-left: 10px; } .goods-list__item .goods-list__button { margin-top: 15px; } @media screen and (min-width: 1200px) { .goods-list__button { margin-right: 10px; margin-left: 10px; } } .goods-list__button:hover { color: #3338A8; background: #fff; } /*&&&*/ .goods-list__subtitle { color: #b3012e; font-size: 12px; line-height: 1.85; font-weight: 400; font-family: 'Circe'; text-transform: uppercase; margin-bottom: 8px; } .goods-list__title { color: #01077b; font-size: 22px; line-height: 1.2; font-weight: 400; font-family: 'Circe'; } .goods-list__offers { margin-bottom: auto; /*margin-bottom: 0;*/ /*margin-top: 0;*/ } .goods-list-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .goods-list__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .goods-list__item.test{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .goods-list__item.test .goods-list-top{ height: auto; } .goods-list__offers .offersBuyBlock__wrapBlock:nth-child(n) { margin-right: 0; } .goods-list__offers { margin-bottom: auto; } .goods-list__form .offersBuyBlock__row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 1. button style ------------------------------------------------------------------------------------------------------------------------ */ .button { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 28px; /*width: 100%;*/ display: block; color: #3338A8; font-family: "Circe-Regular"; font-size: 12px; line-height: 21px; line-height: 21px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: #fff; border: 1px solid #3338A8; border-radius: 5px; cursor: pointer; text-decoration: none; } .button--big { min-width: 240px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 21px; padding-bottom: 18px; padding-left: 28px; padding-right: 28px; } .button--blue{ color: #fff; background: #3338A8; -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2); } .button--transparent { background: transparent; } .button--white { background: transparent; color: #ffffff; border-color: #ffffff } /*offersBuyBlock__label*/ .offersBuyBlock__label--min { padding-top: 12px !important; padding-bottom: 12px !important; } .test-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .hidden { display: none; } .text-bold { font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; } .main-page { padding-left: 23px; padding-right: 23px; font-family: "Circe", Arial, sans-serif; font-family: 'Circe-Light', Arial, sans-serif; font-size: 16px; line-height: 24px; } .main-page__header-icon { display: block; width: 32px; height: 32px; margin-bottom: 24px; margin-left: auto; margin-right: auto; } .main-page__header { text-align: center; padding-top: 40px; } .main-page__head-wrap { margin-bottom: 16px; } .research__button-wrap-research { padding-bottom: 46px; } .research__button-wrap-research .research__button-wrap__item { float: none; margin: 0 auto !important; } .main-page__head { font-size: 20px; line-height: 124%; font-weight: normal; } .main-page__subheader { font-size: 20px; line-height: 124%; margin-bottom: 16px; font-weight: normal; color: #3338A8; } .main-page__head span { color: #3338A8; } .main-page__subtitle { font-size: 16px; line-height: 24px; margin-bottom: 8px; } .main-page__header-img-wrapper { width: 100%; } .main-page__header-img-in { min-width: 432px; min-height: 181px; position: relative; left: 50%; transform: translateX(-50%); line-height: 0; } .main-page__stats { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; padding-top: 64px; padding-bottom: 64px; background: #F8F8FB; border-top: 1px solid #E1E1E7; border-bottom: 1px solid #E1E1E7; } .main-stats { display: flex; flex-wrap: wrap; } .main-stats__item { width: 100%; box-sizing: border-box; margin-bottom: 40px; } .main-stats__item:last-child { margin-bottom: 0; } .main-stats__item-inner { padding-left: 16px; padding-right: 16px; width: 100%; box-sizing: border-box; } .main-stats__count { margin-bottom: 16px; font-size: 24px; line-height: 24px; color: #010876; font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; } .main-stats__text { font-size: 16px; line-height: 24px; color: #000000; } .main-page__projects { padding-top: 80px; padding-bottom: 0; } .main-projects__img-wrapper { width: 98px; height: 140px; margin-bottom: 32px; box-shadow: 0px 4px 24px rgba(1, 7, 123, 0.1); flex: 0 0 auto; } .main-projects__img-wrapper img { width: 100%; height: 100%; } .main-page__title { font-size: 36px; line-height: 44px; margin-bottom: 56px; text-align: center; } .main-projects__icon { width: 32px; height: 32px; display: block; margin-right: auto; margin-bottom: 16px; } .main-projects__title { font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 16px; } .main-projects__text { font-size: 16px; line-height: 24px; margin-bottom: 32px; } .main-projects__description { padding-left: 16px; padding-right: 16px; } .main-projects__video { position: relative; line-height: 0; width: 100%; height: 0; padding-top: 56.25%; } .main-projects__video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .main-projects__description { margin-bottom: 40px; } .main-projects__offers { margin-right: -24px; margin-left: -24px; padding-top: 24px; } .main-projects__in { border: 1px solid #E1E1E7; box-sizing: border-box; box-shadow: 0px 4px 11px rgba(1, 7, 123, 0.1); box-shadow: 0px 4px 32px rgba(1, 7, 123, 0.1); padding: 31px 23px; display: flex; flex-wrap: wrap; align-content: space-between; /*width: 260px;*/ /*margin-right: 12px;*/ } .main-projects__offer-title { font-size: 20px; line-height: 24px; color: #010876; margin-bottom: 16px; font-family: "Circe-Regular", Arial, sans-serif; } .main-projects__offer-description { font-size: 16px; line-height: 24px; color: #5F5F5F; } .main-projects__offer-wrapper { margin-bottom: 32px; } .main-btn { display: block; width: 100%; box-sizing: border-box; padding: 11px 20px; border: 1px solid #3338A8; border-radius: 5px; font-size: 14px; line-height: 16px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; color: #010876; background: transparent; font-family: "Circe-Regular", Arial, sans-serif; outline: none; transition: box-shadow 300ms ease-in; cursor: pointer; transition: all 300ms ease-in; /*transition: border-color 300ms ease-in;*/ } .main-btn:hover { color: #fff; background: #3338A8; transition: all 300ms ease-in; /*transition: border-color 300ms ease-in;*/ } .main-btn--red { border-color: #B3012E; color: #B3012E; } .main-btn--red:hover { color: #fff; background: #B3012E; transition: all 300ms ease-in; } .filled-btn { width: 100%; padding: 20px; background: #3338A8; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; box-shadow: 0px 4px 12px rgba(1, 7, 123, 0.2), 0px 15px 50px rgba(0, 0, 0, 0.2); box-sizing: border-box; border: 0; border-radius: 5px; color: #fff; transition: all 300ms ease-in; outline: none; cursor: pointer; text-transform: uppercase; } .filled-btn:hover { background: #fff; color: #010876; transition: all 300ms ease-in; } .main-projects__offer-button { width: 160px; } .main-page__form { margin-left: -24px; margin-right: -24px; background-color: #F8F8FB; border: 10px solid #E1E1E7; padding: 54px 30px 64px; } .main-form__subtitle { font-size: 18px; line-height: 28px; } .main-page__form--mailing { background-color: #fff; background-image: url('/local/templates/directory/img/journals.png'); background-image: url('/local/templates/directory/img/journals-2.png'); background-repeat: no-repeat; background-position: 50% 105%; padding-bottom: 152px; } .main-form__caption, .form-block__caption { display: none; font-size: 16px; line-height: 20px; margin-top: 8px; } .main-form__wrapper--error .main-form__caption, .form-block__wrapper--error .form-block__caption { display: block; color: #D61F28; } .main-form__item { margin-bottom: 24px; } .main-form__item:last-child { margin-bottom: 0; } .main-form__title { margin-bottom: 12px; font-size: 32px; line-height: 36px; font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; color: #000000; } .main-form__group, .form-block__group { margin-bottom: 24px; } .main-form__wrapper, .form-block__wrapper { margin-bottom: 24px; } .main-form__wrapper:last-child { margin-bottom: 0; } .main-form__wrapper input, .form-block__wrapper input, .form-block input { width: 100%; padding: 17px 15px; border: 1px solid #E1E1E7; box-sizing: border-box; color: #000000; outline: none; font-size: 16px; line-height: 20px; background-color: #FFFFFF !important; } .main-form__wrapper--error input, .form-block__wrapper--error input { border: 1px solid #D61F28; } .main-form__wrapper input::placeholder { color: #7C7C7C; font-family: "Circe", Arial, sans-serif; } .main-form__btn, .form-block__btn { width: 100%; margin-bottom: 16px; } .form-block__btn { margin-bottom: 0; } .main-form__agreement { font-size: 16px; line-height: 24px; text-align: center; } .main-form__link { color: #3338A8; } .main-page__experts { padding-top: 80px; padding-bottom: 80px; } .experts-list { display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; } .main-page__experts-list:last-of-type { margin-top: 40px; } .experts-list:last-of-type { margin-bottom: -52px; } .experts-list__item { width: 50%; padding-left: 6px; padding-right: 6px; box-sizing: border-box; margin-bottom: 32px; } .experts-list { margin-bottom: -32px; } .expert__img-wrapper { width: 106px; height: 106px; line-height: 0; margin-bottom: 24px; margin-left: auto; margin-right: auto; border-radius: 50%; overflow: hidden; } .expert__img { max-width: 100%; max-height: 100%; } .expert__title { font-size: 16px; line-height: 20px; color: #010876; text-align: center; margin-bottom: 8px; font-family: 'Circe-Regular', Arial, sans-serif; } .expert__description { font-size: 14px; line-height: 20px; text-align: center; color: #5F5F5F; } .expert__body { padding-left: 8px; padding-right: 8px; } .main-page__experts-button { margin-top: 56px; width: 256px; margin-left: auto; margin-right: auto; } .main-page__gap { margin-left: -24px; margin-right: -24px; background: #E1E1E7; height: 1px; } .main-page__articles { padding-top: 96px; padding-bottom: 96px; /*margin-left: -24px;*/ /*margin-right: -24px;*/ /*padding-left: 24px;*/ /*padding-right: 24px;*/ /*border-top: */ } .main-page__article { margin-bottom: 32px; } .articles-list__article { margin-bottom: 32px; } .articles-list__article:last-child { margin-bottom: 0; } .main-page__article:last-child { margin-bottom: 0; } .main-page__articles-button { max-width: 256px; margin-left: auto; margin-right: auto; margin-top: 32px; } .article__top { display: flex; font-size: 12px; line-height: 16px; text-transform: lowercase; margin-bottom: 12px; } .article__flag { font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-weight: 700; color: #010876; margin-right: 8px; } .article__date { color: #7C7C7C; font-family: 'Circe-Regular', 'Arial', sans-serif; font-weight: 400; } .article__main { text-decoration: none; } .article__title { font-size: 20px; line-height: 24px; color: #010876; margin-bottom: 12px; font-family: 'Circe-Regular', 'Arial', sans-serif; font-weight: 400; transition: opacity 105ms ease-in; text-decoration: none; } .article__title:hover { opacity: 0.8; transition: opacity 105ms ease-in; } .article__text { font-size: 16px; line-height: 24px; margin-bottom: 8px; font-family: 'Circe-Light', Arial, sans-serif; color: #000; } .article__footer { display: flex; /*flex-wrap: wrap;*/ align-items: center; } .article__label { display: block; /*width: 100%;*/ font-size: 12px; margin-right: 12px; line-height: 16px; color: #7C7C7C; margin-bottom: 4px; font-family: 'Circe-Light', Arial, sans-serif; } .article__name { font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-size: 12px; line-height: 16px; width: 100%; color: #010876; } .article__img-wrapper { width: 24px; height: 24px; margin-right: 8px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; line-height: 0; margin-bottom: 0 !important; } .article__img-block { display: flex; align-items: center; } .article__img { /*max-width: none !important;*/ /*max-height: 100% !important;*/ width: 100%; height: 100%; object-fit: cover; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .article__img { height: auto; } } .article__author { width: 100%; margin-bottom: 12px; font-size: 16px; line-height: 24px; } .article__writing { margin-left: auto; display: flex; } .article__writing-item { margin-right: 12px; display: flex; } .article__writing-item:last-child { margin-right: 0; } .article__writing-icon { width: 16px; height: 16px; display: block; margin-right: 4px; } .article__writing-icon svg { display: block; } .article__writing-count { font-size: 16px; line-height: 20px; font-family: 'Circe-Regular', 'Arial', sans-serif; } .main-page__reviews { padding-top: 80px; padding-bottom: 0; background: #F8F8FB; margin-left: -23px; margin-right: -23px; padding-left: 23px; padding-right: 23px; } .main-page__reviews .main-page__title { margin-bottom: 32px } .review-list { padding-top: 24px; margin-left: -24px; margin-right: -24px; overflow: inherit; } .review-list .swiper-wrapper{ margin-left: 18px; } .main-projects__offers .swiper-wrapper{ margin-left: 18px; display: flex; } .main-projects__offer { display: flex; text-decoration: none; color: inherit; } .main-projects__offer:hover, .main-projects__offer:focus, .main-projects__offer:visited { text-decoration: none; color: inherit; } .review__img-wrapper { width: 80px; height: 80px; overflow: hidden; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #F8F8FB; box-sizing: border-box; filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.16)); margin-left: auto; margin-right: auto; margin-top: -40px; margin-bottom: 24px; } .review__img-wrapper img { max-width: 100%; max-height: 100%; } .review { padding-top: 40px; } .review-list__review-in, .main-projects__offer { width: 272px; width: 83%; padding-left: 6px; padding-right: 6px; box-sizing: border-box; display: flex; height: auto; padding-bottom: 24px; padding-bottom: 56px; padding-bottom: 80px; /* для тени*/ } .review-list__review-in:last-child, .main-projects__offer:last-child { width: 314px; width: 308px; padding-right: 48px; padding-right: 42px; padding-right: 6px; margin-right: 42px; width: 90%; } .review__in { border: 1px solid #E1E1E7; box-shadow: 0px 4px 12px rgba(1, 7, 123, 0.1); box-shadow: 0px 4px 32px rgba(1, 7, 123, 0.1); box-sizing: border-box; padding-left: 32px; padding-right: 32px; padding-bottom: 32px; height: 100%; background: #fff; /*margin-left: 24px;*/ /*margin-right: 24px;*/ box-sizing: border-box; /*width: 260px;*/ } .review__client { margin-bottom: 24px; color: #5F5F5F; } .review__client span { color : #000 } .review-list__btn { display: none; } /* ------------------------------------------------------------------------------------------------------------------------ шапка сайта ------------------------------------------------------------------------------------------------------------------------ */ .overflow-hidden { overflow: hidden; } .overflow-hidden-mob { overflow: hidden; } .header { background: #F7F7F7; min-height: 98px; position: fixed; position: static; width: 100%; min-height: 106px; } .header.float { height: 106px; } .header__float { width: 100%; font-family: 'Circe-Regular', Arial, sans-serif; background: #F7F7F7; position: relative; min-height: 98px; } .header__float-in { position: fixed; top: 0; width: 100%; z-index: 100; } .dropdown-panel__control-wrap { min-height: 40px; } .dropdown-panel__control.float { position: fixed; top: 0; left: 0; z-index: 50; transition: transform .5s ease-in; /*top: -98px;*/ z-index: 0; width: 100%; transform: translateY(98px) translateZ(0); } .header__top { background: #F7F7F7; } .header__top-in { display: flex; justify-content: space-between; max-width: 1256px; margin-left: auto; margin-right: auto; position: static; } .header__top svg path { fill: inherit; } .social { padding: 0; margin: 0; list-style: none; display: flex; } .social__link { width: 32px; height: 32px; flex: 0 0 auto; padding: 4px; font-size: 0; display: block; box-sizing: border-box; } .social__icon { width: 100%; height: 100%; display: block; } .social__icon svg{ fill: #5F5F5F; transition: fill 150ms ease-in; } .social__link:hover .social__icon svg{ fill: #010876; transition: fill 150ms ease-in; } .user-nav { padding: 0; margin: 0; list-style: none; display: flex; } .contacts-block__icon { width: 32px; height: 32px; flex: 0 0 auto; padding: 4px; font-size: 0; box-sizing: border-box; display: block; } .contacts-block__icon svg{ fill: #5F5F5F; transition: fill 150ms ease-in; } .contacts-block__icon:hover .social__icon svg{ fill: #010876; transition: fill 150ms ease-in; } .header-top__in { flex: 0 0 auto; display: flex; align-items: center; padding-left: 8px; padding-right: 7px; border-right: 1px solid #E1E1E7; border-left: 1px solid #E1E1E7; } .d-480-show { display: none !important; } .d-640-show { display: none !important; } .d-1024-show { display: none !important; } .user-nav-btn { flex: 1 0 87px; padding: 8px; box-sizing: border-box; background: transparent; color: #5F5F5F; display: flex; align-items: center; position: relative; justify-content: center; min-width: 87px; font-size: 12px; line-height: 14px; font-family: 'Circe-Regular', Arial, sans-serif; text-decoration: none; transition: all 300ms ease-in; } .user-nav-btn--login { order: -1; background: #010876; color: #fff; transition: all 300ms ease-in; } .header__line--login { display: none; color: #fff; margin: 0; padding-left: 2px; padding-right: 2px; align-items: center; background: #010876; } .user-nav-btn--login.header__logout { display: none; font-size: 12px; line-height: 14px; color: #fff; } .user-nav-btn--login .header__login-text { color: #fff; } .user-nav-btn--login:hover { background: #fff; color: #010876; transition: all 300ms ease-in; } .user-nav-btn--login:hover .header__login-text, .user-nav-btn--login:hover .header__logout { color: #010876; } .user-nav-btn--login svg { fill: #fff; transition: fill 300ms ease-in; } .user-nav-btn--login:hover svg { fill: #010876; transition: fill 300ms ease-in; } .user-nav-btn--basket { background: #F7F7F7; color: #5F5F5F; transition: all 300ms ease-in; } .user-nav-btn--basket:hover { background: #FFFFFF; color: #010876; transition: all 300ms ease-in; } .user-nav-btn--basket svg { fill: #5F5F5F; transition: all 300ms ease-in; } .user-nav-btn--basket:hover svg { fill: #010876; transition: all 300ms ease-in; } .header__top-icon { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; flex: 0 0 auto; position: relative; display: block; } .user-nav-btn__text { display: block; margin-top: 2px; } .user-nav-btn__count { position: absolute; top: -4px; right: -3px; justify-content: center; display: flex; align-items: center; border-radius: 50%; width: 12px; height: 12px; background: #D61F28; color: #fff; font-size: 9px; line-height: 12px; font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; } .user-nav-btn__count i { padding-top: 1px; padding-left: 1px; } .contacts-block__tel { font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-size: 12px; line-height: 14px; color: #5F5F5F; font-family: inherit; text-decoration: none; transition: color 150ms ease-in; } .contacts-block__tel:hover { color: #010876; transition: color 150ms ease-in; } .header__in { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; box-sizing: border-box; max-width: 1256px; margin-left: auto; margin-right: auto; } .main-nav__trigger { display: flex; align-items: center; position: relative; z-index: 8; transition: opacity 0ms ease 300ms; border: none; background: transparent; padding: 0; } .main-nav__title { margin-right: 8px; letter-spacing: .5px; text-transform: uppercase; font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-size: 12px; line-height: 16px; color: #010876; } .header__logo-wrap { display: block; } .header__logo { margin: 0; padding: 0; width: 24px; height: 24px; background: none; } .header__logo path { } .header__menu-wrapper { width: 24px; height: 24px; background: grey; } /******************************** шапка сайта *************************************/ .main-nav-dropdown__title { padding-top: 14px; color: #5F5F5F; letter-spacing: 0.5px; text-transform: uppercase; font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 56px; } .main-nav-dropdown__item { margin-bottom: 32px; } .main-nav-dropdown__link { display: block; font-size: 20px; line-height: 24px; text-align: center; color: #010876; text-decoration: none; opacity: 1; transition: opacity 150ms ease-in; } .main-nav-dropdown__link--submenu { margin-bottom: 24px; } .main-nav-dropdown__link:hover { opacity: 0.8; transition: opacity 150ms ease-in; } .main-nav-dropdown__list { list-style: none; padding: 0; margin: 0; } .main-nav-dropdown__img-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin-top: 0; margin-left: -6px; margin-right: -6px; margin-bottom: -32px; justify-content: center; } .main-nav-dropdown__img-item { width: 129px; padding-left: 6px; padding-right: 6px; margin-bottom: 32px; /*box-sizing: border-box;*/ } .main-nav-dropdown__img-wrap { width: 129px; height: 184px; box-shadow: inset 0 0 5px #fff, 0px 4px 24px rgba(1, 7, 123, 0.1); margin-bottom: 12px; border: 1px solid #fff; } .main-nav-dropdown__img { max-width: 100%; max-height: 100%; height: 100%; } .main-nav-dropdown__figcaption { font-size: 16px; line-height: 20px; color: #010876; font-family: 'Circe-Bold', Arial, sans-serif; font-weight: 700; text-align: left; } .main-nav { /*position: relative;*/ /*min-height: 40px;*/ } .main-nav__list { margin: 0; padding: 0; list-style: none; width: 100%; } .main-nav__link { display: block; padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; color: #010876; font-weight: bold; font-family: 'Circe-Bold', Arial, sans-serif; /*text-align: center;*/ text-decoration: none; padding-top: 14px; padding-bottom: 14px; } .main-nav__dropdown { } .dropdown-submenu__list { list-style: none; margin: 0; padding: 0; } .dropdown-submenu__item { margin-bottom: 24px; } .dropdown-submenu__item:last-of-type { margin-bottom: 0; } .dropdown-submenu__link { display: block; font-size: 16px; line-height: 20px; color: #5F5F5F; text-decoration: none; opacity: 1; transition: opacity 150ms ease-in; } .dropdown-submenu__link:hover { opacity: 0.8; transition: opacity 150ms ease-in; } .dropdown-submenu__in { padding-bottom: 39px; margin-bottom: 40px; } .dropdown-submenu__in:first-of-type { border-bottom: 1px solid #E1E1E7; } .dropdown-submenu__in:last-of-type { padding-bottom: 0; margin-bottom: 0; } .main-nav-dropdown__title { font-family: 'Circe-Bold', 'Arial', sans-serif; font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; color: #5F5F5F; position: relative; display: inline-block; } .main-nav-dropdown__title:before { position: absolute; content: ''; left: 0; width: 100%; height: 3px; background: #010876; bottom: -3px; } .main-nav-dropdown__button { padding: 19px; width: 218px; flex: 0 0 auto; margin-left: auto; margin-right: auto; margin-top: 40px; } .main-nav-dropdown__trigger { border: none; background: transparent; display: inline-flex; align-items: center; position: relative; position: absolute; right: 24px; top: 64px; top: 54px; } .main-nav-dropdown__close { position: absolute; left: 24px; top: 64px; top: 54px; padding: 0; background: transparent; border: none; display: flex; font-family: 'Circe-Bold', 'Arial', sans-serif; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; color: #010876; align-items: center; opacity: 1; transition: opacity 150ms ease-in; } .main-nav-dropdown__close:hover { opacity: 0.8; transition: opacity 150ms ease-in; } .main-nav-dropdown__close i { display: block; padding: 0; width: 24px; height: 24px; margin-right: 8px; } .main-form__successbox { text-align: center; background: #62C584; color: #fff; padding: 20px; font-family: 'Circe',Arial,sans-serif; align-self: center; width: 100%; box-sizing: border-box; } .main-form__error { text-align: center; background: #F95D51; color: #fff; padding: 20px; margin-bottom: 20px; font-family: 'Circe',Arial,sans-serif; align-self: center; } .contacts-block__time { margin: 0; padding: 0; color: #5F5F5F; } .social-pack__item { width: 32px; height: 32px; } .social-pack__item svg path { fill: inherit; transition: fill 150ms ease-in; } .social-pack__item svg { fill: #5F5F5F; } .social-pack__item:hover svg { fill: #010876; transition: fill 150ms ease-in; } .eye_wrapper { background: #3338A8; box-shadow: 0px 4px 12px rgba(1, 7, 123, 0.2), 0px 15px 50px rgba(0, 0, 0, 0.2); border-radius: 5px; width: 194px !important; font-family: Circe-Bold, 'Arial', sans-serif !important; font-size: 16px !important; line-height: 16px !important; padding: 12px 20px; display: flex !important; color: #fff !important; letter-spacing: 0.45px; text-align: center; text-decoration: none; } .eye_wrapper .eye { margin-left: 0; } .eye_wrapper .eye_text { margin-left: 12px; width: 100%; text-align: center; } @media(max-width: 1023px) { .main-nav__wrap { position: fixed; width: 100%; left: 100%; right: 0; top: 0; bottom: 0; z-index: 5; padding-top: 100px; background: #fff; text-align: center; z-index: 1; transition: left 300ms ease-in; height: 100vh !important; overflow-y: auto; box-sizing: border-box; } .main-nav__trigger { transition: opacity 0ms ease 100ms; } .drop-open .main-nav__trigger { opacity: 0; transition: opacity 0ms ease 100ms; } .main-nav-dropdown.main-nav__wrap { z-index: 10; transition: left 300ms ease-in; } .main-nav.open > .main-nav__wrap { left: 0; transition: all 300ms ease-in; } .main-nav__in { padding-top: 42px; padding-bottom: 64px; overflow-y: auto; height: 100%; box-sizing: border-box; } @media(min-width: 640px) { .main-nav__in { padding-bottom: 128px; } } .main-nav-dropdown .main-nav__in { padding-left: 18px; padding-right: 18px; } .main-nav__item.open > .main-nav-dropdown.main-nav__wrap { left: 0; transition: left 300ms ease-in; z-index: 10; } .main-nav-dropdown__dropdown-submenu, .main-nav-dropdown__list { max-width: 284px; margin-left: auto; margin-right: auto; } } .trigger { position: relative; cursor: pointer; height: 24px; width: 24px; top: 0px; } .trigger__icon { position: absolute; width: 100%; height: 1px; background-image: url('https://direktoria.org/static/i/icons/line-menu.svg'); right: 0px; top: 0px; opacity: 1; background-repeat: no-repeat; transition: all 0.3s ease-in-out 0s; } .trigger__icon:nth-of-type(1) { top: 1px; } .main-nav.open .trigger__icon:nth-of-type(1) { top: 9.5px; opacity: 0; } .trigger__icon:nth-of-type(2) { top: 10px; } .main-nav.open .trigger__icon:nth-of-type(2) { transform: rotate(45deg); } .trigger__icon:nth-of-type(3) { top: 10px; } .main-nav.open .trigger__icon:nth-of-type(3) { transform: rotate(-45deg); } .trigger__icon:nth-of-type(4) { top: 20px; } .main-nav.open .trigger__icon:nth-of-type(4) { top: 9.5px; opacity: 0; } .header__main { border-top: 1px solid #E1E1E7; border-bottom: 1px solid #E1E1E7; background: #F7F7F7; } .form-block { font-family: "Circe", Arial, sans-serif; } .popup .popup-reg__wrap-popup { padding-bottom: 60px; } .popup__form-block { margin-bottom: 40px; } .popup__btn-group { margin-left: -8px; margin-right: -8px; } .popup__btn { color: #01077b; font-family: "Circe-Regular"; font-size: 16px; cursor: pointer; display: inline-block; border-bottom: 1px solid #01077b; margin-left: 8px; margin-right: 8px; margin-bottom: 0; } /************************** dropdown-panel **************************/ .dropdown-panel { width: auto; border-left: none; } .dropdown-panel__control { display: flex; justify-content: center; align-items: center; padding: 4px; background: #F8F8FB; font-family: 'Circe-Regular', Arial, sans-serif; border-bottom: 1px solid #E1E1E7; border-left: 1px solid #E1E1E7; margin-left: auto; transition: width 600ms ease-in, left 600ms ease-in; box-sizing: border-box; cursor: pointer; } .dropdown-panel.open .dropdown-panel__control { width: 100%; transition: left 600ms ease-in; /*left: 0;*/ } .dropdown-panel__arrow { width: 24px; height: 24px; display: block; flex: 0 0 auto; order: 2; } .dropdown-panel__arrow svg { transform: rotate(90deg); transition: transform 300ms ease-in; } .dropdown-panel.open .dropdown-panel__arrow svg{ transform: rotate(-90deg); transition: transform 300ms ease-in; } .dropdown-panel__book { width: 32px; height: 32px; display: block; flex: 0 0 auto; order: -1; margin-right: 16px; } .dropdown-panel__title { font-size: 18px; line-height: 20px; color: #010876; text-align: center; flex: 0 5 auto; overflow: hidden; margin-right: 12px; } .menu { display: block; z-index: -1; position: fixed; top: -100%; height: calc(100% - 139px); transition: top 300ms ease-in; background: #fff; overflow-y: scroll; font-family: "Circe", Arial, sans-serif; } .dropdown-panel.open .menu { top: 139px; transition: top 300ms ease-in; } .dropdown-panel { position: relative; } .content-list { padding: 24px; box-sizing: border-box; } .sidebar-block { padding: 24px; box-sizing: border-box; } .content-list__group { margin-bottom: 40px; } .content-list__title { font-size: 20px; line-height: 24px; color: #010876; margin-bottom: 20px; } a.content-list__title { text-decoration: none; display: block; } .content-list__item { display: block; margin-bottom: 20px; font-size: 16px; line-height: 20px; color: #000000; text-decoration: none; } .content-list__item:hover { opacity: 0.8; transition: opacity 150ms ease-in; } .content-list__item:last-child { margin-bottom: 0; } .dropdown-panel.open { transition: height 500ms ease-in; height: 100%; overflow: scroll; } .main { margin-top: 0; } .menu__content { background: #fff; } .main-projects__item:not(:first-child) { padding-top: 40px; position: relative; } .main-projects__item:not(:first-child):before { position: absolute; content: ''; width: 150%; height: 1px; display: block; background: #E1E1E7; top: 0; left: 50%; transform: translateX(-50%); } .main-form { font-family: "Circe-Light", Arial, sans-serif; } .password-recovery .popup-reg__wrap-popup { max-height: initial; } /* !! адаптив от 480px*/ @media(min-width: 480px) { .menu { height: calc(100% - 153px); } .dropdown-panel.open .menu { top: 153px; } .dropdown-panel.open-mob .menu { top: 153px; } .main-stats__count { font-size: 32px; line-height: 32px; } .main-page__stats { padding-top: 80px; padding-bottom: 80px; } .main-page__header { padding-top: 65px; } .main-page__header-img-wrapper { margin-left: auto; margin-right: auto; } .main-page__head { font-size: 32px; } .main-page__subheader { font-size: 32px; } .main-page__subtitle { font-size: 18px; line-height: 28px; } .main-stats { margin-left: -12px; margin-right: -12px; margin-bottom: -40px; } .main-stats__item { width: 50%; padding-left: 12px; padding-right: 12px; } .main-page__title { font-size: 44px; line-height: 52px; margin-bottom: 72px; } .main-page__projects { padding-top: 96px; } .main-projects__title { font-weight: bold; font-family: 'Circe-Bold', 'Arial', sans-serif; font-size: 32px; line-height: 36px; } .main-projects__description { margin-bottom: 56px; padding-left: 40px; padding-right: 40px; } .main-projects__offer-title { font-size: 24px; line-height: 28px; } .main-projects__offer-description { font-size: 16px; line-height: 24px; } .main-page__form { padding: 70px 30px; } .main-form { max-width: 440px; margin-left: auto; margin-right: auto; } .expert__img-wrapper { width: 140px; height: 140px; } .expert__title { font-size: 20px; line-height: 24px; } .expert__description { font-size: 16px; line-height: 24px; } .expert__body { padding-left: 16px; padding-right: 16px; } .main-page__experts-button { margin-top: 72px; } .main-page__articles { padding-top: 80px; padding-bottom: 80px; } .main-page__article { margin-bottom: 48px; } .articles-list__article { margin-bottom: 48px; } .articles-list__article:last-child { margin-bottom: 0; } .article__img-wrapper { display: block; width: 44px; height: 44px; margin-right: 12px; } .article__name { font-size: 16px; line-height: 24px; /*flex: 1 1;*/ } .main-page__articles-button { margin-top: 48px; } .article__author { display: flex; align-items: center; width: auto; margin-bottom: 0; margin-right: 12px; flex: 1 1; } .article__label { font-size: 16px; line-height: 24px; margin-bottom: 0; } .main-page__reviews { padding-top: 96px; } .review-list__review-in, .main-projects__offer { width: 342px; padding-left: 12px; padding-right: 12px; padding-bottom: 24px; padding-bottom: 96px; } .review-list__review-in:last-child, .main-projects__offer:last-child { width: 366px; padding-right: 36px; } .review-list .swiper-wrapper { margin-left: 12px; } .main-projects__offers .swiper-wrapper{ margin-left: 12px; } .main-form__title { /*width: 320px;*/ font-size: 36px; line-height: 40px; } .main-projects__video-wrap { max-width: 352px; margin-left: auto; margin-right: auto; } .main-projects__img-wrap { max-width: 352px; margin-left: auto; margin-right: auto; } .d-480-hide { display: none !important; } .d-480-show { display: block !important; } .contacts-block__icon { width: 40px; height: 40px; padding: 8px; } .social__link { width: 40px; height: 40px; padding: 8px; display: block; } .header__top-icon { width: 24px; height: 24px; } .user-nav-btn__count { width: 16px; height: 16px; font-size: 11px; line-height: 12px; } .user-nav-btn { font-size: 12px; line-height: 20px; } .header__logout { font-size: 12px; line-height: 20px; } .header__logo { width: auto; height: auto; max-width: none; } .header__logo-wrap { width: 186px; height: 24px; } .header__float.float { /*transition: transform .5s ease-in;*/ /*top: -112px;*/ /*transform: translateY(112px) translateZ(0);*/ } .header__float { min-height: 112px; } .header__in { padding: 23px 24px; } .dropdown-panel__control.float { transform: translateY(112px) translateZ(0); } .experts-list { margin-left: -12px; margin-right: -12px; margin-bottom: -40px; } .experts-list__item { padding-left: 12px; padding-right: 12px; margin-bottom: 40px; } .main-page__experts { padding-top: 96px; padding-bottom: 96px; } .main-page__articles { padding-top: 96px; padding-bottom: 96px; } .main-page__form--mailing { background-size: 360px 282px; background-position: right -155px top 39px; background-image: url('/local/templates/directory/img/journals.png'); } .main-projects__item { /*padding-bottom: 72px;*/ } .main-projects__in { padding: 31px; } .main-projects__offers { padding-bottom: 0; } /* конец 480*/ } /* !! адаптив от 640 px*/ @media(min-width: 640px) { .content-list { padding: 40px 24px 24px 24px; } .sidebar-block { padding: 40px 24px 24px 24px; } .menu { box-shadow: none; border-left: 1px solid #E1E1E7; display: block; z-index: 100; z-index: 100; margin-top: 0; overflow-y: inherit; height: auto; height: calc(100% - 57px); transition: transform 0ms ease-in 600ms; position: static; display: flex; } .dropdown-panel.open .menu { transform: translateX(-108px); } .dropdown-panel.open-mob .menu { transform: translateX(-108px); } .dropdown-panel__control-wrap { height: 57px; width: 100%; } .dropdown-panel { right: -340px; height: calc(100vh - 112px); height: 100%; width: 340px; height: 100vh; display: flex; flex-wrap: wrap; position: absolute; overflow: inherit; transition: transform 600ms ease-in; } .dropdown-panel.open { transform: translateX(-232px); transition: transform 600ms ease-in 120ms; height: calc(100vh - 112px); overflow: inherit; } .dropdown-panel.open-mob { transform: translateX(-232px); transition: transform 600ms ease-in 120ms; height: calc(100vh - 112px); overflow: inherit; } .menu__content { opacity: 0; transition: opacity 600ms ease-in; } .dropdown-panel.open .menu__content { opacity: 1; transition: opacity 600ms ease-in 120ms; } .dropdown-panel.open-mob .menu__content { opacity: 1; transition: opacity 600ms ease-in 120ms; } .review-list__review-in, .main-projects__offer { width: 462px; padding-left: 12px; padding-right: 12px; } .review-list__review-in:last-child, .main-projects__offer:last-child { width: 486px; padding-right: 36px; } .articles-list { max-width: 776px; margin-left: auto; margin-right: auto; } .main-projects__video-wrap { max-width: 376px; margin-left: 0; } .main-projects__img-wrap { max-width: 376px; margin-left: 0; } .d-640-hide { display: none !important; } .d-640-show { display: block !important; } .user-nav-btn--login { order: 0; } .user-nav-btn { padding-left: 16px; padding-right: 16px; flex: 0 0 auto; font-size: 12px; line-height: 20px; } .user-nav-btn--basket { border-left: 1px solid #E1E1E7; border-right: 1px solid #E1E1E7; } .contacts-block { padding: 6px 16px; border-left: 1px solid #E1E1E7; font-size: 12px; line-height: 14px; height: 100%; box-sizing: border-box; display: flex; align-items: center; } .header-top__in { padding-left: 0; padding-right: 0; } .header__project { font-size: 12px; line-height: 14px; color: #5F5F5F; text-align: left; display: flex !important; align-items: center; width: 130px; margin-left: 24px; flex: 1 0 auto; } .social { padding-left: 8px; padding-right: 8px; } .dropdown-panel__control.float { position: absolute; left: -108px; width: 108px; } .dropdown-panel__control { width: 108px; justify-content: space-between; position: absolute; left: -108px; z-index: 10; padding: 12px 24px 12px 16px; transition: width 600ms ease-in; } .dropdown-panel.open .dropdown-panel__control { transition: width 600ms ease-in 120ms; } .dropdown-panel.open-mob .dropdown-panel__control { transition: width 600ms ease-in 120ms; width: 100%; } .dropdown-panel__arrow { margin-right: 12px; } .dropdown-panel__arrow svg { transform: rotate(180deg); transition-duration: 600ms; } .dropdown-panel__control--animation .dropdown-panel__arrow svg { animation: control-arrow 1200ms ease-in-out; position: relative; animation-iteration-count: 10; } .dropdown-panel.open .dropdown-panel__control--animation { animation: none; } .dropdown-panel.open-mob .dropdown-panel__control--animation { animation: none; } @keyframes control-arrow { 0% { left: 0; } 50% { left: -5px; } 100% { left: 0; } } .dropdown-panel.open .dropdown-panel__arrow svg{ transform: rotate(0); transition-duration: 600ms; } .dropdown-panel.open-mob .dropdown-panel__arrow svg{ transform: rotate(0); transition-duration: 600ms; } .dropdown-panel__book { order: 0; margin-right: 0; } .dropdown-panel__arrow { order: 0; } .dropdown-panel__title { margin: 0; font-size: 24px; line-height: 32px; opacity: 0; width: 0; transition: opacity 600ms ease-in, width 600ms ease-in; } .dropdown-panel.open .dropdown-panel__title { opacity: 1; width: 100%; transition: opacity 600ms ease-in 120ms, width 600ms ease-in 120ms; } .dropdown-panel.open-mob .dropdown-panel__title { opacity: 1; width: 100%; transition: opacity 600ms ease-in 120ms, width 600ms ease-in 120ms; } .main { margin-top: 112px; } .menu__content { max-height: 100%; max-height: calc(100vh - 57px); height: 100%; overflow-y: auto; /*max-height: none;*/ } .header__float-in { position: relative; } .header__float { position: relative; } .header { position: fixed; } .overflow-hidden-mob { overflow: auto; } .main-nav-dropdown__img-list { justify-content: center; } .main-nav-dropdown__img-list { margin-left: -12px; margin-right: -12px; } .main-nav-dropdown__img-item { width: 137px; padding-left: 12px; padding-right: 12px; } .main-projects__offer-wrapper { display: flex; } .main-projects__img-wrapper { width: 148px; height: 211px; margin-right: 32px; margin-bottom: 0; } /* end 640*/ } @media(min-width: 768px) { .user-nav-btn--login.header__logout { display: flex; } .header__line--login { display: flex; } } @media(min-width: 980px) { .password-recovery .popup-reg__wrap-popup { max-height: 490px; } .menu__btn-wrapper { display: flex; } } /* !! адаптив от 1024 px*/ @media(min-width: 1024px) { .review__in { box-shadow: 0px 4px 16px rgba(1, 7, 123, 0.1); } .review-list__cheat-block { position: absolute; top: 0; width: 150px; height: 100%; background: #F8F8FB; z-index: 10; } .review-list { /*overflow: inherit !important;*/ } .review-list__cheat-block--left { position: absolute; left: -162px; } .review-list__cheat-block--right { position: absolute; right: -162px; background-image: linear-gradient(270deg, #F8F8FB 0%, rgba(248, 248, 251, 0.5) 50%, rgba(248, 248, 251, 0) 100%); } .main-nav-dropdown__button { width: 218px; } .footer { padding-left: 20px; padding-right: 20px; } .footer__container { padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; max-width: 1260px; } .user-nav-btn__count i { /*padding-top: 0;*/ } .main-page__head-wrap { width: 776px; width: 840px; margin-left: auto; margin-right: auto; } .main-page__subtitle { width: 575px; margin-left: auto; margin-right: auto; } .main-page__header-img-wrapper { width: 840px; height: 352px; } .main-stats { margin-bottom: 0; } .main-stats__item { width: 25%; margin-bottom: 0; } .main-form { margin-left: -12px; margin-right: -12px; display: flex; max-width: none; width: 806px; margin-left: auto; margin-right: auto; } .main-form__item { width: 50%; padding-left: 12px; padding-right: 12px; box-sizing: border-box; margin-bottom: 0; display: flex; flex: 0 0 auto; } .main-form__in { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -12px; margin-right: -12px; } .main-form__in .main-form__wrapper { padding-left: 12px; padding-right: 12px; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 50%; } .main-form__wrap { margin-top: auto; margin-bottom: auto; max-width: 379px; padding-right: 40px; } .experts-list__item { width: 25%; } .review-list { /*width: 840px;*/ overflow: hidden; margin-left: auto; margin-right: auto; } .review-list .swiper-wrapper { margin-left: 0; } .main-page__reviews { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } .main-page__reviews-slider-container { position: relative; width: 840px; margin-left: auto; margin-right: auto; } .review-list__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 2px 8px rgba(1, 8, 118, 0.2); border: none; background: #fff; padding: 8px; box-sizing: border-box; font-size: 0; transition: background 300ms ease-in, opacity 300ms ease-in; cursor: pointer; outline: none; } .review-list__btn.swiper-button-disabled { opacity: 0; transition: opacity 300ms ease-in; } .review-list__btn svg path { fill: #010876; } .review-list__btn:hover { background: #3338A8; transition: background 300ms ease-in; } .review-list__btn:hover svg path{ fill: #fff; transition: fill 300ms ease-in; } .review-list__btn-prev { left: -52px; } .review-list__btn-next { right: -52px; } .review-list__review-in:last-child { padding-right: 12px; } .review-list__btn { display: block; } .main-page { padding-left: 40px; padding-right: 40px; } .main-page__form { margin-left: -40px; margin-right: -40px; } .main-page__form--mailing { background-size: 420px 329px; background-position: left 58px bottom -100px; background-image: url('/local/templates/directory/img/journals.png'); } .main-page__form--mailing .main-form__wrap { margin-top: 0; } .main-page__articles { margin-left: -40px; margin-right: -40px; } .main-page__gap { margin-left: -40px; margin-right: -40px; } .main-page__stats { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } .main-projects__description { padding-left: 0; padding-right: 0; width: 416px; padding-right: 39px; border-right: 1px solid #E1E1E7; box-sizing: border-box; margin-bottom: 0; flex: 0 0 auto; padding-top: 40px; } .main-projects__item { display: flex; justify-content: space-between; margin-bottom: 0; padding-bottom: 72px; } .main-projects__item:not(:first-child) { padding-top: 0; } .main-projects__item:last-child { padding-bottom: 96px; margin-bottom: 0; } .main-projects__offers { width: 496px; width: 100%; padding: 0; padding-left: 56px; margin-left: 0; /*margin-top: -12px;*/ margin-bottom: -36px; padding-top: 68px; padding-bottom: 24px; } .main-projects__item:first-child .main-projects__offers { padding-top: 24px; margin-top: -36px; } .main-projects__offers .swiper-wrapper { display: block; margin-left: 0; } .main-projects__offer { height: auto; width: 100%; padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; } .main-projects__offer:last-child { width: 100%; padding-right: 24px; } .main-nav__item:first-child .main-nav-dropdown { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16); } .main-nav-dropdown__in { width: 782px; margin-left: auto; margin-right: auto; opacity: 0; -webkit-transition: all 150ms ease-in 0ms; transition: all 150ms ease-in 0ms; height: 100%; } .main-nav__dropdown { padding-top: 113px; } .main-nav-dropdown__wrap { padding-top: 32px; padding-bottom: 32px; padding-top: 56px; padding-bottom: 56px; margin-left: auto; margin-right: auto; display: flex; align-items: center; } .dropdown-submenu { display: flex; margin-left: -44px; margin-right: -44px; } .dropdown-submenu__link { display: block; font-size: 16px; line-height: 20px; color: #5F5F5F; } .main-nav-dropdown__dropdown-submenu { position: relative; } .main-nav-dropdown__dropdown-submenu:before { content: ''; position: absolute; left: 50%; top: -32px; bottom: -32px; transform: translateX(-50%); width: 1px; background: #E1E1E7; } .dropdown-submenu__in { flex: 0 0 50%; padding-left: 44px; padding-right: 44px; padding-bottom: 0; margin-bottom: 0; box-sizing: border-box; /*padding-top: 24px;*/ } .dropdown-submenu__in:first-of-type { border-bottom: none; } .main-nav-dropdown__item { margin-bottom: 24px; } .main-nav-dropdown__link { text-align: left; } .d-1024-show { display: block !important; } .d-1024-hide { display: none !important; } .social { padding-left: 16px; padding-right: 16px; } .contacts-block { padding-left: 24px; padding-right: 24px; } .user-nav-btn { padding-left: 24px; padding-right: 24px; font-size: 14px; line-height: 20px; } .header__logout { font-size: 14px; line-height: 20px; } .contacts-block__in { display: flex !important; } .contacts-block__tel { margin-right: 8px; } .header__main-nav { margin-left: -12px; margin-right: -12px; /*width: 100%;*/ /*width: 66%;*/ } .main-nav__list { display: flex !important; /*margin-left: -12px;*/ /*margin-right: -12px;*/ height: 100%; flex: 0 0 auto; align-items: center; justify-content: space-between; } .header__logo { margin-right: 166px; } .main-nav__item { display: block; display: inline; flex: 0 1 115px; /*flex: 0 0 auto;*/ } .main-nav__link { display: inline-block; display: block; height: 100%; min-width: 90px; align-items: center; text-align: center; font-size: 12px; line-height: 16px; padding: 0 12px; margin-bottom: 0; padding-top: 19px; padding-bottom: 19px; /*box-sizing: border-box;*/ } .main-nav__link span { position: relative; display: block; } .main-nav__link span:before { content: ''; position: absolute; bottom: -2px; left: 0; height: 3px; background-color: #01077B; display: block; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; transition: 0.3s ease-in-out; width: 0; } .main-nav__item:hover span:before { width: 100%; } .main-nav-dropdown__title { display: none; } .main-nav__dropdown { overflow: hidden; padding-top: 106px; position: absolute; z-index: -2; -webkit-transform: translate3d(0px, -100%, 0px); transform: translate3d(0px, -100%, 0px); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 200ms ease-out 150ms; transition: all 200ms ease-out 150ms; -webkit-transition: all 200ms ease-out 200ms; transition: all 200ms ease-out 200ms; box-sizing: border-box; top: 0px; left: 0px; right: 0px; width: 100%; min-height: calc(320px + 106px); background-color: white; opacity: 0; } .dropdown-open .main-nav__dropdown { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); transition: all 200ms ease-out 300ms; visibility: visible; opacity: 1; } .main-nav__item:hover > .main-nav__dropdown { z-index: -1; } .main-nav__item:hover > .main-nav-dropdown .main-nav-dropdown__in { -webkit-transition: all 150ms ease-out 350ms; transition: all 150ms ease-out 350ms; opacity: 1; } .main-nav-dropdown__img-wrap { width: 129px; height: 184px; box-shadow: inset 0 0 5px #fff, 0px 4px 24px rgba(1, 7, 123, 0.1); margin-bottom: 12px; } .main-nav-dropdown__button { margin-top: 0; margin-left: 104px; } .main-nav-dropdown__img-list { margin-left: -12px; margin-right: -12px; } .main-nav-dropdown__close { display: none; } .main-nav-dropdown__trigger { display: none; } .header__in { padding-top: 0; padding-bottom: 0; min-height: 70px; } /* конец min-width: 1024px */ } /* начало 1256*/ @media(min-width: 1256px) { .footer__container { max-width: 1260px; box-sizing: border-box; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 24px 28px 62px 24px; } .footer__wrapper-contacts { width: 25%; margin-bottom: 0} .contacts-container { padding: 0 50px; } .main-page__reviews-slider-container { width: 1071px; } .main-page__form--mailing { background-size: 420px 329px; background-position: left 139px bottom -100px; } .main-form { width: 1000px; } .header__logo { margin-right: 180px; } .main-nav-dropdown__in { width: 976px; } .main-nav-dropdown__img-item { width: 176px; } .main-nav-dropdown__button { max-width: 276px; width: 276px; margin-left: 124px; } .main-nav__item { flex: 0 0 auto; } .main-nav__link { } } .left-container { width: 100% !important; } .menu__or { padding-left: 10px; padding-right: 10px; text-align: center; } .d-none { display: none; } .read-list__container { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .read-list__read-progress { left: 0; } /***************************блог************************************/ .blog { font-family: 'Circe-Light', Arial, sans-serif; } .blog__header { border-bottom: 1px solid #E1E1E7; } .blog-header { display: flex; box-sizing: border-box; padding: 30px 32px; padding-bottom: 50px; font-family: "Circe", Arial, sans-serif; background: #fff; } .blog-header__in { display: flex; flex-wrap: wrap; margin-bottom: 20px; flex-direction: column; } .blog-header__links { /*width: 170px;*/ width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-bottom: 15px; /*margin-left: -120px;*/ margin-top: 85px; margin-top: 15px; width: auto; flex-wrap: wrap; justify-content: flex-start; } .blog-header__wrap { margin-left: -120px; } .blog-header__links p{ margin-bottom: 15px; margin-right: 15px; width: 100%; text-align: left; display: none; } .blog-header__subtitle { font-size: 19px; line-height: 26px; color: #B3012E; text-transform: uppercase; } .blog-header__main-title { font-weight: 350; font-size: 28px; line-height: 36px; color: #000; margin-bottom: 20px; } .blog-header__text { font-size: 17px; line-height: 25px; color: #000; margin-bottom: 25px; } .blog-header__wrap { margin-left: -102px; } .blog-header__main { flex: 0 1 auto; /*padding-top: 20px;*/ } .blog-header__button { width: 200px; text-align: left; } .blog-header__img-wrap { width: 90px; margin-right: 30px; flex: 0 0 auto; } .blog__section { padding-left: 23px; padding-right: 23px; padding-top: 80px; padding-bottom: 80px; } .blog-header__img { width: 100%; padding-bottom: 123.6%; height: 0; flex: 0 0 auto; background: url("/local/templates/directory/img/blog/blog-header-img.png") no-repeat; background-size: contain; } .blog__filters { padding-top: 32px; padding-bottom: 32px; background: #f7f7f7; border-bottom: 1px solid #E1E1E7; } .blog__filters .tagItemClose { display: none; } .tagBlock__item-wrap { position: relative; } .blog__filters .tagBlock { margin-bottom: -14px; } .blog__filters .tagBlock__item { margin: 0; } .blog__filters .tagBlock__item:not(.activeTag) { background: #fff; } .blog__articles-list { margin-bottom: 32px; } .blog-detail__main { max-width: 900px; margin-left: auto; margin-right: auto; color: #000 !important; font-size: 20px; line-height: 32px; color: #000; font-family: "Circe-Light"; margin-bottom: 30px; } .blog-detail__articles-list { margin-bottom: 32px; } .blog__articles-btn { width: 256px; margin-right: auto; margin-left: auto; } .blog__form, .main-form-wrap { border: 10px solid #E1E1E7; padding: 54px 30px 64px; background-color: #fff; background-image: url(/local/templates/directory/img/journals.png); background-image: url(/local/templates/directory/img/journals-2.png); background-repeat: no-repeat; background-position: 50% 105%; padding-bottom: 152px; } .blog-footer__title { font-size: 36px; line-height: 44px; margin-bottom: 56px; text-align: center; } .blog-footer__btn { width: 256px; margin-left: auto; margin-right: auto; } .blog-detail { padding-left: 25px; padding-right: 25px; color: #000 !important; } .blog-detail .chapter-text{ color: #000 !important; } .blog-detail .about-text__right-text a { text-decoration: underline; border: 0; } .blog-detail ol, .blog-detail ul { max-width: 790px; margin-left: auto; } .blog-detail .chapter-text--no-margin { margin-bottom: 0; } .blog-detail .chapter-text { max-width: 900px; margin-left: auto; margin-right: auto; } .blog-detail .blog-detail__article p { max-width: 900px; margin-left: auto; color: #000 !important; } .blog-detail .blog-detail__article h2 { font-family: "Circe-Bold"; font-size: 20px; line-height: 32px; font-weight: 700; } /*.blog-detail__article {*/ /* max-width: 832px;*/ /* margin-left: auto;*/ /* margin-right: auto;*/ /*}*/ .blog-detail__table { overflow-x: auto; padding-bottom: 17px; margin-top: 0; } .blog-detail__date { font-size: 12px; line-height: 16px; color: #5F5F5F; margin: 0; text-align: left; } .blog-detail__head-wrap { display: flex; justify-content: space-between; align-items: baseline; } .blog-detail__table table tr:first-of-type td { text-align: left; padding: 15px 10px; vertical-align: top; border: none; font-family: "Circe-Bold"; } .blog-detail__table table td { vertical-align: top; } .blog-detail__form { margin-left: -25px; margin-right: -25px; } .blog-detail .breadcrumb { max-width: none; } .blog-detail__article .article-item { margin-top: 0; } .blog-detail__social { padding-top: 40px; padding-bottom: 80px; text-align: center; font-family: 'Circe-Light', Arial, sans-serif; } .blog-detail__social p { margin-bottom: 20px; } .blog-detail__articles { padding-top: 80px; padding-bottom: 80px; } /*.breadcrumbs {*/ /* list-style: none;*/ /* padding: 0;*/ /* margin: 0;*/ /* display: -webkit-box;*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* */ /*}*/ /*.breadcrumbs__item {*/ /* margin-right: 4px;*/ /* position: relative;*/ /*}*/ /*.breadcrumbs__link {*/ /* color: #5F5F5F;*/ /* font-size: 16px;*/ /* line-height: 16px;*/ /* transition: opacity 300ms ease-in;*/ /* text-decoration: none;*/ /* padding-right: 10px;*/ /*}*/ .breadcrumbs__link:hover { opacity: 0.8; transition: opacity 300ms ease-in; } .breadcrumbs__link:focus, .breadcrumbs__link:visited { color: #5F5F5F; text-decoration: none; } .breadcrumbs__item:after { content: '/'; } .breadcrumbs__item:last-child:after { content: none; } .blog-detail__header { padding-top: 32px; padding-bottom: 42px; max-width: 900px; margin-left: auto; margin-right: auto; } .blog-detail .article-item__author-block { margin-bottom: 10px; } .article-item__annotation { font-weight: 700; } .blog-detail__wrap-in .blog-header__img-wrap { margin-bottom: 25px; } .blog-detail .article-item__title { padding-right: 15px; } .blog-detail__wrap { max-width: 900px; margin-left: auto; margin-right: auto; } .blog-detail__h2 { font-family: "Circe-Bold"; font-size: 20px; line-height: 32px; } @media(min-width: 480px) { .tagBlock__item.activeTag + .tagItemClose { display: block; } .tagBlock__item-wrap { margin: 0 10px 14px; } .blog-header__links { margin-left: 0; } .blog-header__links p { margin-right: 0; } .blog-header__wrap { margin-left: 0; } .main-form-wrap { background-size: 360px 282px; background-position: right -155px top 39px; background-image: url(/local/templates/directory/img/journals.png); padding: 70px 30px; } .blog__articles-list { margin-bottom: 48px; } .blog-detail__articles-list { margin-bottom: 48px; } .blog__section { padding-top: 96px; padding-bottom: 96px; } .blog__filters { padding-top: 57px; padding-bottom: 57px; } .main-page__title { font-size: 44px; line-height: 52px; margin-bottom: 72px; } .blog-detail__articles { padding-top: 96px; padding-bottom: 96px; } .blog-header__img-wrap { width: 30%; flex: 0 0 auto; } } @media(min-width: 768px) { .blog-header__img-wrap { width: 36%; } .blog-header__subtitle { font-size: 24px; } .blog-header__main-title { font-weight: 350; font-size: 44px; line-height: 46px; color: #000; } .blog-header__text { margin-bottom: 25px; } .blog-header__in { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 45px; flex-direction: row; } .blog-detail .article-item__author-block { margin-bottom: 0; } .blog-detail__in { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin-bottom: 40px; } .blog-detail__date { font-size: 16px; line-height: 91.4%; } .blog-detail__wrap-in { margin-bottom: 40px; } .blog-header__links { margin-top: 0; justify-content: flex-end; } .blog-header__links p { display: block; text-align: right; } } @media(min-width: 1024px) { .blog-header__links p { width: auto; margin-right: 15px; margin-bottom: 0; } .blog__section { padding-left: 40px; padding-right: 40px; } .blog__form .main-form__wrap, .main-form-wrap .main-form__wrap { margin-top: 0; } .blog-detail__wrap-in { margin-right: -50px; } .blog__form, .main-form-wrap { background-size: 420px 329px; background-position: left 58px bottom -100px; background-image: url(/local/templates/directory/img/journals.png); } .blog-header__img-wrap { margin-right: 60px; } } @media(min-width: 1256px) { .blog__form, .main-form-wrap { padding: 70px 30px; background-size: 420px 329px; background-position: left 139px bottom -100px; } .blog-header__img { /*width: 398px;*/ /*height: 492px;*/ margin-right: 60px; } .blog-header { padding: 70px 75px; padding-bottom: 94px; } .blog-header__main { padding-top: 48px; } } @media(min-width: 1440px) { .blog-header__main-title { font-size: 64px; line-height: 72px; } .blog-header__text { font-size: 24px; line-height: 35px; color: #000; margin-bottom: 50px; } } .basket__footer { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } @media (min-width: 1200px) { .basket__footer { margin-right: -20px; } } .basket__footer .research-change-quantity { margin-bottom: 15px; } .basket__footer .basket__wrap-item__price { margin-top: 0; } /*************** подвал с лого wssupport *****************/ .footer__bottom { width: 290px; margin: auto; } .footer-support { font-family: "Circe-Light"; color: #5f5f5f; margin-bottom: 12px; display: block; cursor: pointer; font-size: 14px; line-height: 16px; text-decoration: none; } @media screen and (min-width: 640px) { .footer__bottom { width: calc(50% - 10px); margin-left: auto; text-align: left; margin-right: 0; } } @media screen and (min-width: 1200px) { .footer__bottom { margin-top: 20px; width: calc(50% - 64px); } } @media screen and (min-width: 1256px) { .footer__bottom { width: calc(50%); } } .d-hide { opacity: 0; } .main-form__item:last-child { position: relative; } .d-show { display: block !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* End */ /* Start:/static/css/custom-main.css?162391647219405*/ .journalDetailBlock__btnRead { display: flex; flex-direction: column; justify-content: center; text-decoration: none; } .journalDetailBlock__buyBtn.blue-btn-shadow { z-index: 1; } .menuArticle__item.openStatus a { text-decoration: none; color: #01077B; } .menuArticle__item.closeStatus a { text-decoration: none; color: #000000; } .containerArticleOpen__wrapJournalInfo { cursor: pointer; } .containerArticleOpen__iconStatusJournalNumber { width: 25px; } .disabledBtn { pointer-events: none; border: 1px solid rgba(151, 151, 151, 0.4); color: rgba(151, 151, 151, 0.4); } .containerArticleOpen__btnDownload { text-decoration: none; } .journalDetailBlock__wrapArrowBack { cursor: pointer; } .authorPageBlock__img { border-radius: 50%; } .authorPageBlock__wrapVK { margin-right: 20px; } @media screen and (min-width: 768px) { .listArticles__menuItem { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } } .listNumberJournals .owl-item { vertical-align: top; } .listNumberJournals { justify-content: flex-start; } .journalDetailBlock__detailText { min-height: 25px; } .btnBuySubscribe__onDetailPageArticle { width: 100%; max-width: 290px; height: 50px; text-align: center; font-size: 16px; line-height: 50px; letter-spacing: 0.5px; text-transform: uppercase; color: #FFFFFF; font-family: "Circe-Regular"; } .journalDetailBlock__titleText { word-break: break-word; } .listArticles { clear: both; } .subscriptionBuyBlock__specialBlock { max-width: 400px; margin: 20px auto; } @media screen and (max-width: 480px){ .subscriptionBuyBlock__specialBlock { max-width: 200px; margin: 20px auto; } } .searchMagazineBlock__item { width: 100%; box-sizing: border-box; } .journalDetailPage.listArticles .listArticles__wrapArticlesList { width: 100%; } .handleIconSlider { margin-top: 10px; } .subscribeList__item { max-width: 437px; } .subscribeList__img { height: 250px; } .listArticles__wrapArticlesList { width: 100%; } .journalDetailBlock__wrapContent { width: 100%; } .bannerArticle__text { text-decoration: none; } .searchMagazineBlock__row.showYes { display: flex; } .searchMagazineBlock__row.showNot { display: none; } .bannerArticle__author { margin: 15px 0 0 0; } .listArticles__mobileSelect { overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 468px){ .listNumberJournals__item { min-width: 250px; } } .subscriptionBuyBlock__wrapContent { max-width: 595px; } .subscriptionBuyBlock__row { flex-wrap: wrap; } .subscriptionBuyBlock__wrapBlock { margin-bottom: 15px; } .subscriptionBuyBlock__wrapBlock:nth-of-type(odd){ margin-right: 15px; } .subscriptionBuyBlock__row.offers .subscriptionBuyBlock__wrapBlock { display: none; } @media screen and (min-width: 980px){ .header__login-wrap--active { min-width: 232px; } } .listArticles__authorTitle { white-space: nowrap; } .containerArticleOpen__textNumber .acronymText { cursor: url("/static/css/../i/icons/cursorQuestion.svg"), auto; } .prevideo { display: none; } .video_caption { display: none; } .containerArticleOpen__textNumber .illustration img { width: auto !important; max-width: 100%; } .acronymHelp { word-break: break-word; z-index: 10 !important; } .containerArticleOpen__textNumber blockquote { box-sizing: border-box; } .containerArticleOpen__textNumber acronym:before { content: none; } .acronymText { background: #fefadc; padding-right: 4px; padding-left: 4px; width: 100%; box-sizing: border-box; word-break: break-word; } .subscriptionBuyBlock__specialNumber { display: block; } .subscribeBuy .basket__wrap-item__text { font-size: 24px; } .basket.header-basket { /*max-width: none;*/ margin: 0 auto; } .basket { max-width: 900px; margin: 0 auto; } .containerArticleOpen__textNumber em { font-style: italic; } @media screen and (min-width: 1600px) { .basket__wrap-item { max-width: 437px; } } @media screen and (max-width: 480px){ .tagBlock__item { height: auto; } } .containerArticleOpen__textNumber h2.article { font-size: 32px; text-align: left!important; line-height: 38px; color: #5F5F5F; font-family: "Circe-Regular"; } .containerArticleOpen__textNumber h3.article { font-size: 30px; text-align: left!important; line-height: 36px; color: #5F5F5F; font-family: "Circe-Regular"; } p.article > span { font-family: "Circe-Light" !important; font-weight: 350; font-size: 20px !important; line-height: 32px; color: #000000 !important; margin-bottom: 30px; } .containerArticleOpen__textNumber .article img { margin: 0 auto; display: block; width: auto !important; height: auto !important; float: none !important; } @media screen and (max-width: 768px) { .containerArticleOpen__textNumber .article img { margin: 0 auto; display: block; width: 100% !important; height: auto !important; float: none !important; } } .subscriptionBuyBlock__wrapBlock.emptyJournal { opacity: 0.35; pointer-events: none; } a.subscriptionBuyBlock__buyBasket.blue-btn-shadow { text-decoration: none; text-align: center; line-height: 54px; } @media screen and (max-width: 1330px) { .header__login-wrap--active .header__logout { display:none; } .header__login-wrap--active, .loginClass { min-width:150px !important; max-width:232px; } .header__login-wrap--active .header__line { display:none; } } @media screen and (max-width: 980px) { .header__login-wrap--active, .loginClass { min-width:104px !important; } } .containerArticleOpen__textNumber table { min-width: auto;; } .containerArticleOpen__textNumber table td { vertical-align: top; } .containerArticleOpen__textNumber table td p { margin-bottom:0 !important; text-align:left!important; } .containerArticleOpen__row .containerArticleOpen__textNumber td ul { text-align: left; } .containerArticleOpen__textNumber ol, .containerArticleOpen__textNumber ul, .containerArticleOpen__textNumber blockquote { max-width:900px; } .containerArticleOpen__textNumber ul li:before { width: 5px; height: 5px; border-radius: 50%; } @media screen and (max-width: 980px) { .authorPageBlock__link { word-break: break-all; display: inline; border: none; } .social-pack__item.facebook { min-width:36px; } } .containerArticleOpen__authorName { line-height: 18px; } .containerArticleOpen__authorText { line-height: 18px; } .containerArticleOpen__authorBlock { flex-wrap:wrap; } .default-errors-bitrix { font-size: 16px; font-family: "Circe-Regular"; color: #FF3838; margin-bottom: 5px; display: block; line-height: 20px; } .wrapTable table tbody tr td *:not(strong) { font-family: "Circe-Light"!important; } .wrapTable table tbody tr td strong * { font-family: "Circe-Bold"!important; } .containerArticleOpen__textNumber table tr:nth-of-type(odd) { background: transparent; } .containerArticleOpen__textNumber .wrapTable table.striped tr:nth-of-type(odd){ background: #f1f1f1; } .containerArticleOpen__textNumber table td { border: 1px solid; border-collapse: collapse; } .containerArticleOpen__textNumber .wrapTable table.striped td { border: none; } .journalDetailBlock__btnRead { line-height: 30px; } .subscriptionBuyBlock__wrapBlock { flex-basis: 285px; } @media screen and (max-width: 768px){ .listNumberJournals__item { flex-basis: calc((100%/2) - 15px); } .bannerArticle__rowBody { justify-content: flex-start; height: auto; } .listArticles__menu { display: none; } .popup-reg__wrap-popup { max-height: 100%; } .popup-reg__form.active-form { overflow: scroll; -webkit-overflow-scrolling: touch; } .box { width: 15px !important; height: 15px !important; } .listNumberJournals__item:nth-of-type(3n + 3) { margin-right: 15px; } .listNumberJournals__item { margin-right: 15px; } } .listNumberJournals__item .listNumberJournals__wrap:first-child { flex-wrap:nowrap; } .table_title { text-align:center; margin-bottom:10px; } .searchJournal__icon { border: none; outline: none; background-size: contain; cursor: pointer; } .nothingSearch { font-family: "Circe-Light"; color: #B3012E; font-size: 18px; line-height: 16px; text-align: center; } .aticleList__titleBlock { margin-bottom: 15px; } .journalList__titleBlock { margin-bottom: 15px; } .journalList__textItem { text-decoration: none; } .aticleList__textItem { display: block; text-decoration: none; } .likeActive { background: url("/static/css/../i/icons/like-click.svg") no-repeat; background-size: cover; } @media screen and (max-width: 960px) { .popup-tell-colleagues__title { font-size: 30px; } } @media screen and (max-width: 960px) { .popup-tell-colleagues__title { font-size: 30px; } } @media screen and (max-width: 680px) { .subscriptionBuyBlock__wrapBlock { flex-basis:auto; } } .block-info-research.notLine::after { display: none; } /* style offers buy courses */ .offersBuyBlock__wrapContent { max-width: 595px; width: 100%; margin: 0 auto; } .offersBuyBlock__title { font-size: 24px; line-height: 28px; font-family: "Circe-Bold"; color: #01077B; margin-bottom: 5px; width: 100%; } .offersBuyBlock__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 15px; } .offersBuyBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .offersBuyBlock__wrapContent { width: 100%; margin: 0 auto; max-width: 590px; } @media screen and (max-width: 639px) { .offersBuyBlock__wrapContent { padding: 0 25px; box-sizing: border-box; } } .offersBuyBlock__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 15px; } .offersBuyBlock__row:last-child { margin-bottom: 0; } @media screen and (max-width: 639px) { .offersBuyBlock__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .offersBuyBlock__title { font-size: 24px; line-height: 28px; font-family: "Circe-Bold"; color: #01077B; margin-bottom: 5px; width: 100%; } .offersBuyBlock__input { display: none; } .offersBuyBlock__input:checked + label:after { opacity: 1; } .offersBuyBlock__label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding: 40px 40px 20px 10px; border: 1px solid #979797; box-sizing: border-box; border-radius: 5px; cursor: pointer; height: 100%; width: 100%; } .offersBuyBlock__label:before { content: ''; position: absolute; left: 10px; top: 10px; width: 17px; height: 17px; display: block; border-radius: 50%; border: 2px solid #000; } .offersBuyBlock__label:after { content: ''; position: absolute; left: 18px; top: 18px; width: 5.5px; height: 5.5px; display: block; border-radius: 50%; background: #01077b; opacity: 0; transition: 0.3s ease-in-out; } .offersBuyBlock__labelContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .offersBuyBlock__labelContent.timeSubscribe { padding-left: 25px; } .offersBuyBlock__blockText { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 15px; text-align: left; } .offersBuyBlock__boldText { font-size: 20px; line-height: 24px; color: #01077B; font-family: "Circe-Bold"; } .offersBuyBlock__defText { font-family: "Circe-Regular"; font-size: 16px; line-height: 16px; color: #000000; } .offersBuyBlock__link { font-size: 16px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #01077B; font-family: "Circe-Regular"; cursor: pointer; } .offersBuyBlock__specialBlock { margin: 20px auto; text-align: center; max-width: 400px; } .offersBuyBlock__specialText { font-size: 16px; line-height: 24px; text-align: center; color: #01077B; font-family: "Circe-Bold"; } @media screen and (max-width: 479px) { .offersBuyBlock__specialText { font-size: 12px; } } .offersBuyBlock__specialNumber { font-size: 28px; line-height: 24px; text-align: center; color: #01077B; font-family: "Circe-Bold"; } @media screen and (max-width: 479px) { .offersBuyBlock__specialNumber { font-size: 24px; line-height: 24px; } } .offersBuyBlock__buyBasket { max-width: 280px; width: 100%; height: 50px; font-size: 14px; line-height: 21px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; color: #FFFFFF; border-radius: 5px; font-family: "Circe-Regular"; margin: 0 auto; display: block; } a.offersBuyBlock__buyBasket.blue-btn-shadow { text-decoration: none; text-align: center; line-height: 54px; } .offersBuyBlock__specialNumber { display: block; } .offersBuyBlock__row { flex-wrap: wrap; } .offersBuyBlock__wrapBlock { max-width: 285px; width: 100%; } .offersBuyBlock__wrapBlock:nth-of-type(1) { margin-right: 25px; } @media screen and (max-width: 639px) { .offersBuyBlock__wrapBlock { margin: 0 0 15px 0; max-width: none; } } .offersBuyBlock__wrapBlock { margin-bottom: 15px; } .offersBuyBlock__wrapBlock:nth-of-type(odd){ margin-right: 15px; } .offersBuyBlock__wrapBlock { flex-basis: 285px; } @media screen and (max-width: 680px) { .offersBuyBlock__wrapBlock { flex-basis:auto; } } .courses__item-rouble { padding: 0 0 0 20px; margin: 0 25px; color: #000; line-height: 24px; font-size: 16px; font-family: "Circe-Regular"; } .courses__item-rouble { background: url(/static/css/../i/icons/rouble.svg) no-repeat center left; } .offer-desc { font-family: "Circe-Regular"; color: #5F5F5F; font-size: 16px; width: 100%; /*max-width: 160px;*/ line-height: 20px; } .video-player__video { height: 85%; } .themeList .listArticles__menuItem { white-space: unset; overflow: visible; text-overflow: unset; } .read-list__container.complete-section .read-list__text { color: #7C7C7C; text-decoration: line-through; transition: text-decoration 150ms ease-in 150ms; } .read-list__container.complete-section .read-list__read-progress { opacity: 0; transition: opacity 250ms ease-in; } .delimiter__topic-title { text-align: center; } .fixHeightPreloader { height: calc(100vh - 155px); } .menu__nav { z-index: 1; } .evolution-subscribe-block { width: 100%; } @media screen and (max-width: 480px){ .about-text__left-text { font-size: 14px; line-height: 23px; } .article-item iframe { width: 100%; } } .article-item__title { cursor: pointer; } .writing__like { cursor: pointer; } .sidebar-block__media iframe{ min-height: 169px; } .popup-tell-colleagues__wrapperBtn { display: flex; margin: 0 -10px; width: 100%; flex-wrap: wrap; max-width: 80%; justify-content: center; } .popup-tell-colleagues__regiset-btn { background: #3338A8; border: 1px solid #3338A8; width: 100%; max-width: 200px; height: 60px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 16px; cursor: pointer; min-height: 50px; box-sizing: border-box; margin: 0 10px 10px 10px; } .popup-tell-colleagues__authorization-btn { margin: 0 10px 10px 10px; background: transparent; border: 1px solid #3338A8; width: 100%; height: 50px; max-width: 200px; border-radius: 5px; color: #3338A8; text-transform: uppercase; font-size: 16px; cursor: pointer; min-height: 60px; box-sizing: border-box; } .ic-quote:before { content: ''; background: url(/static/css/../i/icons/quote.svg) no-repeat; background-size: cover; width: 38.8px; height: 30px; left: 0; top: -8px; display: block; position: absolute; } .article-item__anchor { position: relative; right: -150px; font-size: 14px; display: inline-block; line-height: 32px; cursor: pointer; } .article-item__anchor:before { content: ''; position: absolute; left: 0; bottom: 5px; width: 100%; height: 2px; background: #ccc; } .article-item__author { min-height: 30px; } @media screen and (max-width: 1255px) { .article-item__rowAdditionalInfo { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .article-item__anchor { right: 0; margin-left: 25px; } .article-item__author { width: 100%; } } .cloudpay_button { border-radius: 5px; color: #fff; background: #3338A8; width: 100%; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(1, 7, 123, 0.2); transition: 0.2s ease-in-out; cursor: pointer; border: none; outline: none; text-transform: uppercase; font-family: "Circe-Regular"; font-size: 16px; height: 60px; max-width: 200px; margin-bottom: 50px; } .cloudpay_button:hover { color: #3338A8; background: #fff; } @media screen and (max-width: 480px){ .article-item__author a { font-size: 16px; } .article-item p a { font-size: 14px; line-height: normal; } .about-text__right-text a { font-size: 14px; } .article-item a { font-size: 14px; line-height: normal; } } .active_breadcrumb{ color: #5f5f5f; font-size: small; font-family: "Circe-Light"; } .breadcrumb{ color: #5f5f5f; text-decoration: none; font-size: small; font-family: "Circe-Light"; } .breadcrumb_container{ display: inline-block; } .breadcrumbs{ line-height: 0.9; margin-bottom: 20px; } @media (min-width: 1200px) { .busket-buy-form { padding: 0 0 71px; margin: 0 auto; } } /* End */ /* Start:/local/templates/directory/template_styles.css?16195356551257*/ .eye_wrapper{ display: flex; font-family: 'Circe-Light'; color: #5f5f5f; margin-bottom: 12px; font-size: 14px; line-height: 16px; margin-top: 20px; } .eye{ width: 20%; align-self: center; } .eye img{ max-width: 100%; } .eye_text{ padding-left:5%; width: 80%; align-self: center; } @media screen and (min-width: 320px){ .eye{ width: 15%; } .eye_text{ padding-left:2%; width: 50%; } } @media screen and (min-width: 640px){ .eye_wrapper{ display: block; margin-top: 20px; } .eye_text{ padding-left:0; width: 80%; text-align: center; } .eye{ width: 20%; margin-left: 27%; } } @media screen and (min-width: 1600px){ .eye_wrapper{ display: flex; font-family: 'Circe-Light'; color: #5f5f5f; margin-bottom: 12px; font-size: 14px; line-height: 16px; margin-top: 20px; } .eye{ width: 20%; align-self: center; margin-left: 0; } .eye img{ max-width: 100%; } .eye_text{ padding-left:5%; width: 80%; align-self: center; text-align: left; } } /* End */ /* /static/css/swiper.min.css?161156233313695 */ /* /static/css/main.css?1623926415432221 */ /* /static/css/custom-main.css?162391647219405 */ /* /local/templates/directory/template_styles.css?16195356551257 */