/* Start:/bitrix/templates/texterra/css/libs/swiper.min.css?164276687513677*/ /** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 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:/bitrix/templates/texterra/css/style.css?169321596850109*/ @charset "UTF-8"; @font-face { font-family: 'TT Norms Pro'; src: url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Bold.eot"); src: url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Bold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Bold.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Bold.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'TT Norms Pro'; src: url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Medium.eot"); src: url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Medium.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Medium.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Medium.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'TT Norms Pro'; src: url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Regular.eot"); src: url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Regular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Regular.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Regular.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/TTNormsPro/TT_Norms_Pro_Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'RobotoSlab'; src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Black.eot"); src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Black.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Black.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Black.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Black.ttf") format("truetype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Black.svg#RobotoSlab-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'RobotoSlab'; src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Bold.eot"); src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Bold.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Bold.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Bold.ttf") format("truetype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Bold.svg#RobotoSlab-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'RobotoSlab'; src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Light.eot"); src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Light.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Light.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Light.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Light.ttf") format("truetype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Light.svg#RobotoSlab-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'RobotoSlab'; src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Regular.eot"); src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Regular.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Regular.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Regular.ttf") format("truetype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Regular.svg#RobotoSlab-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'RobotoSlab'; src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Medium.eot"); src: url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Medium.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Medium.woff2") format("woff2"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Medium.woff") format("woff"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Medium.ttf") format("truetype"), url("/bitrix/templates/texterra/css/../fonts/RobotoSlab/RobotoSlab-Medium.svg#RobotoSlab-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } html { overflow-x: hidden; margin: 0; padding: 0; height: 100%; -webkit-text-size-adjust: none; background-color: #ffffff; } @media (prefers-color-scheme: dark) { html { background-color: #ffffff; } } html.fix { overflow: hidden; } body { 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-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 100vh; margin: 0 auto; overflow-x: hidden; font-size: 16px; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: normal; line-height: 1.6em; color: #2E3A4C; } body * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-variant-ligatures: no-common-ligatures !important; font-variant-ligatures: no-common-ligatures !important; } main { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 201px; } @media screen and (max-width: 960px) { main { padding-top: 118px; } } main .main__header-banner-plug { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; height: 0; } @media screen and (max-width: 960px) { main .main__header-banner-plug { height: 0; } } main.header-banner-active .main__header-banner-plug { height: 110px; } @media screen and (max-width: 960px) { main.header-banner-active .main__header-banner-plug { height: 104px; } } main.header-active-ad .main__header-banner-plug { height: 100px; } header { z-index: 5; } main a, header a, footer a { font-size: inherit; color: #E2223F; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } main a:hover, header a:hover, footer a:hover { text-decoration: none; } main p, header p, footer p { color: inherit; font-size: inherit; margin-top: 0; margin-bottom: 20px; } main p:last-child, header p:last-child, footer p:last-child { margin-bottom: 0; } main ul, header ul, footer ul { list-style: none; margin-top: 0; margin-bottom: 20px; padding: 0; } main ul:last-child, header ul:last-child, footer ul:last-child { margin-bottom: 0; } main ul > li, header ul > li, footer ul > li { position: relative; padding-left: 30px; margin-left: 30px; margin-bottom: 10px; } main ul > li:last-child, header ul > li:last-child, footer ul > li:last-child { margin-bottom: 0; } main ul > li:before, header ul > li:before, footer ul > li:before { content: ''; margin-left: 0px; border-radius: 50%; border: 2px solid #E2223F; position: absolute; width: 8px; height: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 9px; } main ul ol, header ul ol, footer ul ol { margin-top: 15px; margin-bottom: 15px; } main ol, header ol, footer ol { margin: 30px 0 30px 20px; padding: 0; } main ol li, header ol li, footer ol li { margin-left: 20px; padding-left: 12px; margin-bottom: 10px; } main ol ul, header ol ul, footer ol ul { margin-top: 15px; margin-bottom: 15px; } main span, header span, footer span { color: inherit; } main h1, main .h1, header h1, header .h1, footer h1, footer .h1 { margin-top: 0; margin-bottom: 0; font-family: "RobotoSlab", Arial, sans-serif; font-weight: 900; font-size: 42px; line-height: 42px; margin-bottom: 42px; text-align: center; } @media screen and (max-width: 991px) { main h1, main .h1, header h1, header .h1, footer h1, footer .h1 { font-weight: 900; font-size: 32px; line-height: 40px; margin-bottom: 25px; } } main .h1--left, header .h1--left, footer .h1--left { text-align: left; } main .h1--left-bg, header .h1--left-bg, footer .h1--left-bg { position: relative; padding-top: 50px; } main .h1--left-bg:before, header .h1--left-bg:before, footer .h1--left-bg:before { content: ''; position: absolute; top: 0; left: -270px; width: 430px; height: 250px; background-color: #F1F1F1; border-radius: 16px; z-index: -1; } @media screen and (max-width: 767px) { main .h1--left-bg:before, header .h1--left-bg:before, footer .h1--left-bg:before { display: none; } } main .h1--narrow, header .h1--narrow, footer .h1--narrow { max-width: 730px; } main h2, main .h2, header h2, header .h2, footer h2, footer .h2 { display: block; margin-top: 30px; margin-bottom: 30px; font-weight: bold; font-size: 28px; line-height: 30px; } main h2:first-child, main .h2:first-child, header h2:first-child, header .h2:first-child, footer h2:first-child, footer .h2:first-child { margin-top: 0; } main h2:last-child, main .h2:last-child, header h2:last-child, header .h2:last-child, footer h2:last-child, footer .h2:last-child { margin-bottom: 0; } main h3, main .h3, header h3, header .h3, footer h3, footer .h3 { display: block; margin-top: 30px; margin-bottom: 20px; font-weight: bold; font-size: 24px; line-height: 28px; } main h3:first-child, main .h3:first-child, header h3:first-child, header .h3:first-child, footer h3:first-child, footer .h3:first-child { margin-top: 0; } main h3:last-child, main .h3:last-child, header h3:last-child, header .h3:last-child, footer h3:last-child, footer .h3:last-child { margin-bottom: 0; } main h4, main .h4, header h4, header .h4, footer h4, footer .h4 { display: block; margin-top: 30px; margin-bottom: 20px; font-weight: bold; font-size: 21px; line-height: 28px; } main h4:first-child, main .h4:first-child, header h4:first-child, header .h4:first-child, footer h4:first-child, footer .h4:first-child { margin-top: 0; } main h4:last-child, main .h4:last-child, header h4:last-child, header .h4:last-child, footer h4:last-child, footer .h4:last-child { margin-bottom: 0; } main h5, main .h5, header h5, header .h5, footer h5, footer .h5 { display: block; margin-top: 30px; margin-bottom: 20px; font-weight: bold; font-size: 20px; line-height: 28px; } main h5:first-child, main .h5:first-child, header h5:first-child, header .h5:first-child, footer h5:first-child, footer .h5:first-child { margin-top: 0; } main h5:last-child, main .h5:last-child, header h5:last-child, header .h5:last-child, footer h5:last-child, footer .h5:last-child { margin-bottom: 0; } main h6, main .h6, header h6, header .h6, footer h6, footer .h6 { display: block; margin-top: 30px; margin-bottom: 20px; font-weight: bold; font-size: 19px; line-height: 28px; } main h6:first-child, main .h6:first-child, header h6:first-child, header .h6:first-child, footer h6:first-child, footer .h6:first-child { margin-top: 0; } main h6:last-child, main .h6:last-child, header h6:last-child, header .h6:last-child, footer h6:last-child, footer .h6:last-child { margin-bottom: 0; } .link-trigger-pp { text-decoration: underline; color: #E2223F; cursor: pointer; } .link-trigger-pp:hover { color: #858A8F; } .section-default { margin-bottom: 100px; } @media screen and (max-width: 1440px) { .section-default { margin-bottom: 70px; } } @media screen and (max-width: 575px) { .section-default { margin-bottom: 50px; } } .section-default--title { margin-bottom: 40px; } .section-default--mb120 { margin-bottom: 120px; } .section-default--mb50 { margin-bottom: 50px; } .section-default--mb70 { margin-bottom: 70px; } .section-default--mb40 { margin-bottom: 40px; } .section-default--mb30 { margin-bottom: 30px; } .section-default--0 { margin-bottom: 0; } .page--blog-detail-old { position: relative; } .page--blog-detail-old:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); background: -o-linear-gradient(top, #fff, #f9f9f9); background: linear-gradient(to bottom, #fff, #f9f9f9); z-index: -1; } .page--blog-detail-old .section-default:last-child { margin-bottom: 0; } .hidden { display: none !important; } .container-default { max-width: 1140px; padding: 0 15px; margin: 0 auto; } @media screen and (max-width: 1199px) { .container-default { max-width: 100%; padding: 0 40px; } } @media screen and (max-width: 1023px) { .container-default { width: 100%; padding: 0 15px; margin: 0 auto; } } .container-default--w1160 { max-width: 1190px; } .container-default--w906 { max-width: 936px; } .container-default--w920 { max-width: 950px; } .container-default--w730 { max-width: 760px; } .container-default--w1300 { max-width: 1330px; } .header-container { width: 100%; max-width: 1330px; margin: 0 auto; padding: 0 15px; } .header-container--flex { 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; } .header-container--menu { padding: 0 35px; } .header-container--banner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .header-container--banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; } } .button-default { 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: 16px 20px; min-width: 255px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 10px; border: none; outline: none; background-color: #E2223F; color: #ffffff; font-weight: bold; font-size: 16px; line-height: 27px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; text-decoration: none; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); } .button-default__icon { width: 24px; height: 24px; margin-left: 10px; fill: #ffffff; } .button-default:hover { background-color: #ef4b63; } .button-default--white { background-color: #ffffff; color: #E2223F; } .button-default--white:hover { background-color: #ffffff; color: #ef4b63; } .button-default--dark { background-color: #2E3A4C; color: #ffffff; } .button-default--dark:hover { background-color: #E2223F; color: #ffffff; } .button-default--disabled { background-color: #E5E5E5; color: #C6CED6; pointer-events: none; } .button-default--mini { min-width: initial; } .button-default--radius { min-width: initial; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 7px 30px; border-radius: 16px; font-size: 14px; line-height: 18px; } .button-default--service { font-size: 18px; font-weight: 500; padding: 15px 22px; min-width: unset; line-height: 140%; min-height: 56px; -webkit-box-shadow: unset; box-shadow: unset; } @media screen and (max-width: 575px) { .button-default--service { width: 100%; padding: 15px; } } .button-default--service:hover { background-color: #AB1E33; } .link { position: relative; } .link:hover { color: #ef4b63; } .link--big { text-decoration: none; font-weight: 500; font-size: 24px; line-height: 16px; } .select-default { position: relative; width: 100%; z-index: 1; } .select-default select { width: 100%; min-height: 60px; padding: 16px 30px 16px 15px; color: #858A8F; border-radius: 8px; border: 1px solid #858A8F; background-color: transparent; outline: none; font-weight: normal; font-size: 18px; line-height: 18px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select-default select::-ms-expand { display: none; } .select-default:before { content: ''; position: absolute; width: 11px; height: 6px; top: 50%; right: 15px; background-image: url("/bitrix/templates/texterra/css/../img/image/select-arrow-svg.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; } .checkbox-default { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 24px; } .checkbox-default__input { display: none; } .checkbox-default__input:checked + .checkbox-default__label:after { display: block; } .checkbox-default__label { 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; margin-left: 34px; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 130%; cursor: pointer; } .checkbox-default__label:hover:before { border-color: #858A8F; } .checkbox-default__label:before { content: ''; position: absolute; width: 20px; height: 20px; top: 0; left: -34px; border-radius: 3px; background-color: #ffffff; border: 2px solid #C6CED6; } .checkbox-default__label:after { display: none; content: ''; position: absolute; width: 14px; height: 9.5px; top: 7px; left: -29px; background-image: url("/bitrix/templates/texterra/css/../img/image/check-checkbox-default-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .checkbox-label { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 24px; } .checkbox-label__input { display: none; } .checkbox-label__input:checked + .checkbox-label__label-text:after { display: block; } .checkbox-label__label-text { 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; margin-left: 34px; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 130%; cursor: pointer; } .checkbox-label__label-text:hover:before { border-color: #858A8F; } .checkbox-label__label-text:before { content: ''; position: absolute; width: 20px; height: 20px; top: 0; left: -34px; border-radius: 3px; background-color: #ffffff; border: 2px solid #C6CED6; } .checkbox-label__label-text:after { display: none; content: ''; position: absolute; width: 14px; height: 9.5px; top: 7px; left: -29px; background-image: url("/bitrix/templates/texterra/css/../img/image/check-checkbox-default-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .radio-default { position: relative; min-height: 24px; } .radio-default:hover .radio-default__label:before { border-color: #858A8F; } .radio-default__input { display: none; } .radio-default__input:checked + .radio-default__label:after { display: block; } .radio-default__label { position: relative; display: block; padding-left: 34px; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 130%; cursor: pointer; } .radio-default__label:before { content: ''; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 100%; border: 2px solid #C6CED6; } .radio-default__label:after { display: none; content: ''; position: absolute; width: 14px; height: 14px; border-radius: 100%; top: 5px; left: 5px; background-color: #E2223F; } .select-custom { position: relative; width: 100%; min-width: 150px; border-radius: 8px; } .select-custom.active .select-custom__active-option { border-radius: 8px 8px 0 0; -webkit-transition: border-radius 0.1s ease 0s; -o-transition: border-radius 0.1s ease 0s; transition: border-radius 0.1s ease 0s; } .select-custom__active-option { position: relative; width: 100%; min-height: 60px; border: 1px solid #E5E5E5; border-radius: 8px; background-color: #ffffff; cursor: pointer; -webkit-transition: border-radius 0.1s ease 0.39s; -o-transition: border-radius 0.1s ease 0.39s; transition: border-radius 0.1s ease 0.39s; } .select-custom__active-option:before { content: ''; position: absolute; width: 11px; height: 6px; top: 50%; right: 15px; background-image: url("/bitrix/templates/texterra/css/../img/image/select-arrow-svg.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 0; } .select-custom__input { position: absolute; width: calc(100% - 30px); height: calc(100% - 2px); padding: 15px; top: 1px; left: 1px; border: none; border-radius: 8px; outline: none; font-weight: 400; font-size: 18px; line-height: 18px; color: #858A8F; cursor: pointer; } .select-custom__down-block { position: absolute; display: none; border: 1px solid #E5E5E5; width: 100%; background-color: #ffffff; max-height: 210px; overflow-y: auto; overflow-x: hidden; z-index: 1; border-radius: 0 0 8px 8px; } .select-custom__down-block::-webkit-scrollbar { width: 3px; background-color: transparent; } .select-custom__down-block::-webkit-scrollbar-thumb { background-color: #2E3A4C; } .select-custom__option { display: block; padding: 13px 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background-color: #ffffff; text-decoration: none; color: #2E3A4C; font-weight: normal; cursor: pointer; } .select-custom__option:hover { background-color: #E5E5E5; } .datepicker-default { position: relative; } .datepicker-default:before { content: ''; position: absolute; width: 24px; height: 24px; top: 50%; right: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/bitrix/templates/texterra/css/../img/image/datepicker-icon.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; pointer-events: none; z-index: 1; } .datepicker-default__input { position: relative; padding: 16px 15px 16px 15px; border: 1px solid #E5E5E5; border-radius: 8px; outline: none; font-family: "TT Norms Pro", Arial, sans-serif; color: #858A8F; } .custom-datepicker { border: 1px solid #c5c5c5; background: #fff; } .custom-datepicker .ui-state-default { 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; color: #2E3A4C; line-height: 29px; border-radius: 100%; overflow: hidden; width: 34px; height: 34px; background-color: transparent; border: none; } .custom-datepicker td { padding: 2px; } .custom-datepicker .ui-datepicker-today .ui-state-default { background-color: #E5E5E5; } .custom-datepicker .ui-datepicker-current-day .ui-state-default { background-color: #E2223F; color: #ffffff; } .custom-datepicker .ui-datepicker-buttonpane { display: none; } .custom-datepicker .ui-datepicker-next, .custom-datepicker .ui-datepicker-prev { width: 10px; height: 10px; border: none; border-bottom: 2px solid #E2223F; border-right: 2px solid #E2223F; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; top: 11px; } .custom-datepicker .ui-datepicker-next.ui-datepicker-next-hover, .custom-datepicker .ui-datepicker-prev.ui-datepicker-next-hover { right: 12px; top: 11px; } .custom-datepicker .ui-datepicker-next.ui-datepicker-prev-hover, .custom-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover { left: 12px; top: 11px; } .custom-datepicker .ui-datepicker-next { right: 12px; } .custom-datepicker .ui-datepicker-prev { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); left: 12px; } .inputholder-default { width: 100%; position: relative; margin-bottom: 30px; } .inputholder-default__input { width: 100%; min-height: 60px; padding: 16px 30px 16px 15px; border: 1px solid #E5E5E5; border-radius: 8px; outline: none; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 18px; color: #858A8F; } .inputholder-default::before { content: "Ошибка заполнения!"; display: none; position: absolute; top: calc(100% + 3px); left: 0; color: #E2223F; font-size: 12px; line-height: 16px; } .inputholder-default__error { display: none; position: absolute; top: calc(100% + 3px); left: 0; color: #E2223F; font-size: 12px; line-height: 16px; } .inputholder-default.error .inputholder-default__input { border-color: #E2223F; } .inputholder-default.error .inputholder-default__error { display: block; } .inputholder-default.error::before { display: block; } .textarea-default { position: relative; margin-bottom: 30px; } .textarea-default__textarea { width: 100%; max-width: 100%; min-height: 120px; padding: 16px 30px 16px 15px; border: 1px solid #E5E5E5; border-radius: 8px; outline: none; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 18px; color: #858A8F; } .textarea-default__error { display: none; position: absolute; top: calc(100% + 3px); left: 0; color: #E2223F; font-size: 12px; line-height: 16px; } .textarea-default.error .textarea-default__error { display: block; } .slider-arrow-default-prev, .slider-arrow-default-next { width: 38px; height: 50px; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #ffffff; border-radius: 5px; z-index: 1; -webkit-box-shadow: 0px 6px 11px rgba(46, 58, 76, 0.06); box-shadow: 0px 6px 11px rgba(46, 58, 76, 0.06); } @media screen and (max-width: 767px) { .slider-arrow-default-prev, .slider-arrow-default-next { top: 0; } } .slider-arrow-default-prev:after, .slider-arrow-default-next:after { position: relative; content: ''; width: 7px; height: 7px; border-right: 1px solid #2E3A4C; border-bottom: 1px solid #2E3A4C; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slider-arrow-default-prev.swiper-button-disabled, .slider-arrow-default-next.swiper-button-disabled { display: none; } .slider-arrow-default-prev--semitransparent, .slider-arrow-default-next--semitransparent { background: rgba(255, 255, 255, 0.45); } .slider-arrow-default-prev--semitransparent.slider-arrow-default-prev::after, .slider-arrow-default-prev--semitransparent.slider-arrow-default-next::after, .slider-arrow-default-next--semitransparent.slider-arrow-default-prev::after, .slider-arrow-default-next--semitransparent.slider-arrow-default-next::after { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } @media screen and (max-width: 767px) { .slider-arrow-default-prev { left: auto; right: 65px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .slider-arrow-default-prev:after { left: 2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .slider-arrow-default-next::after { right: 2px; } @media screen and (max-width: 767px) { .slider-arrow-default-next { right: 10px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .burger { position: relative; width: 54px; height: 54px; cursor: pointer; } .burger__line { position: absolute; width: 24px; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #2E3A4C; border-radius: 3px; } .burger__line::before, .burger__line::after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background-color: #2E3A4C; border-radius: 3px; } .burger__line::before { top: -9px; } .burger__line::after { bottom: -9px; } .social-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-block__btn { display: block; width: 45px; height: 45px; position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon { fill: #2E3A4C; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--telegram { fill: #0088CC; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--whats-app { fill: #1ebea5; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--viber { fill: #7971c5; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--vk { fill: #2787F5; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--facebook { fill: #2D88FF; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--youtube { fill: #FF0000; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--inst { fill: #231F20; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--twitter { fill: #1DA1F2; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--behance { fill: #0057FF; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--ya-dzen { fill: #000000; } .social-block:not(.social-block--footer) .social-block__btn:hover .social-block__btn-icon--tenchat { fill: #FC3234; } .social-block__btn-icon { position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #858A8F; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .social-block--pp-contact .social-block__btn { width: 44px; height: 24px; } .social-block--header-menu { padding: 20px 13px; } .social-block--header-menu .social-block__btn { width: 72px; height: 64px; } @media screen and (max-width: 767px) { .social-block--header-menu .social-block__btn { width: 49px; height: 54px; } } .social-block--header-menu .social-block__btn-icon { width: 35.27px; height: 35.11px; } @media screen and (max-width: 767px) { .social-block--header-menu .social-block__btn-icon { width: 24px; height: 24px; } } .social-block--footer { gap: 14px; margin-top: auto; } @media screen and (max-width: 991px) { .social-block--footer { gap: 10px; } } .social-block--footer .social-block__btn { width: 36px; height: 36px; border-radius: 8px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .social-block--footer .social-block__btn:hover { background-color: #FAFAFA; } .social-block--footer .social-block__btn-icon { width: 36px; height: 36px; } .social-block--w72 .social-block__btn { width: 72px; height: 62px; } .social-block--w72 .social-block__btn-icon { width: 35px; height: 35px; } main .callback-form-block { padding: 52px 0; background-color: #F1F1F1; border-radius: 16px; max-width: 1260px; width: calc(100% - 30px); margin: 0 auto; } @media screen and (max-width: 575px) { main .callback-form-block { padding: 30px 0; } } main .callback-form-block__container-form { display: grid; grid-gap: 50px; padding: 0 5px; } @media screen and (max-width: 575px) { main .callback-form-block__container-form { padding: 2px 15px; grid-gap: 30px; } } main .callback-form-block__left { position: relative; } main .callback-form-block__left::before { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-image: url("/bitrix/templates/texterra/css/../img/image/service-arrow-red.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } main .callback-form-block__title { font-size: 42px; font-weight: 500; line-height: 120%; margin-bottom: 14px; padding-right: 52px; } @media screen and (max-width: 767px) { main .callback-form-block__title { font-size: 24px; font-weight: 500; line-height: 120%; } } main .callback-form-block__desc { font-weight: normal; font-size: 18px; line-height: 140%; color: #858A8F; } @media screen and (max-width: 767px) { main .callback-form-block__desc { font-size: 15px; line-height: 140%; } } main .callback-form-block__form-block { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 16px; } @media screen and (max-width: 767px) { main .callback-form-block__form-block { grid-template-columns: 1fr; } } main .callback-form-block__inputholder { margin: 0; } main .callback-form-block__inputholder .inputholder-default__input { border-color: #F1F1F1; min-height: 62px; } main .callback-form-block__textarea { grid-column: 1 / -1; margin: 0; } main .callback-form-block__textarea .textarea-default__textarea { display: block; border-color: #F1F1F1; } @media screen and (max-width: 767px) { main .callback-form-block__textarea .textarea-default__textarea { min-height: 162px; } } main .callback-form-block__container-thanks { 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: relative; min-height: 500px; padding: 50px 4px; } @media screen and (max-width: 991px) { main .callback-form-block__container-thanks { min-height: unset; } } @media screen and (max-width: 575px) { main .callback-form-block__container-thanks { padding: 0 15px; } } main .callback-form-block__thanks-title { font-size: 42px; font-weight: 500; line-height: 120%; margin-bottom: 16px; max-width: calc(100% - 340px); } @media screen and (max-width: 991px) { main .callback-form-block__thanks-title { max-width: calc(100% - 150px); } } @media screen and (max-width: 767px) { main .callback-form-block__thanks-title { font-size: 24px; font-weight: 500; line-height: 120%; } } @media screen and (max-width: 575px) { main .callback-form-block__thanks-title { max-width: unset; } } main .callback-form-block__thanks-desc { font-size: 18px; font-weight: 400; line-height: 140%; max-width: calc(100% - 340px); } @media screen and (max-width: 991px) { main .callback-form-block__thanks-desc { max-width: calc(100% - 150px); } } @media screen and (max-width: 767px) { main .callback-form-block__thanks-desc { font-size: 15px; line-height: 140%; } } @media screen and (max-width: 575px) { main .callback-form-block__thanks-desc { max-width: unset; } } main .callback-form-block__img-thanks { position: absolute; right: 6px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 340px; height: 340px; background-image: url("/bitrix/templates/texterra/css/../img/image/thanks-form-img.png"); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 1; } @media screen and (max-width: 991px) { main .callback-form-block__img-thanks { width: 150px; height: 150px; } } @media screen and (max-width: 575px) { main .callback-form-block__img-thanks { position: relative; -webkit-transform: unset; -ms-transform: unset; transform: unset; top: auto; right: auto; margin-bottom: 30px; } } main .callback-form-block__button-block { margin-top: 16px; grid-column: 1 / -1; 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; gap: 30px; } @media screen and (max-width: 767px) { main .callback-form-block__button-block { -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; gap: 16px; } } @media screen and (max-width: 575px) { main .callback-form-block__button-block { margin-top: 16px; } } main .callback-form-block__button { min-width: 240px; font-size: 18px; font-weight: 500; padding: 15px 22px; line-height: 140%; min-height: 56px; -webkit-box-shadow: unset; box-shadow: unset; } @media screen and (max-width: 575px) { main .callback-form-block__button { width: 100%; padding: 15px; } } @media screen and (max-width: 460px) { main .callback-form-block__button { max-width: initial; width: 100%; min-width: unset; } } main .callback-form-block__policy-block { display: grid; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; grid-template-columns: 5fr 6fr; grid-gap: 24px; } @media screen and (max-width: 991px) { main .callback-form-block__policy-block { grid-template-columns: 1fr; grid-gap: 16px; } } main .callback-form-block__policy { display: block; font-size: 14px; font-weight: 400; line-height: 140%; color: #858A8F; } @media screen and (max-width: 575px) { main .callback-form-block__policy { font-size: 12px; line-height: 120%; } } main .callback-form-block__policy a { text-decoration: none; } main .callback-form-block__checkbox-mailing-label { font-size: 14px; font-weight: 400; line-height: 140%; color: #858A8F; } @media screen and (max-width: 575px) { main .callback-form-block__checkbox-mailing-label { font-size: 12px; line-height: 120%; } } main .callback-form-block__checkbox-mailing-label:before { border-color: #F1F1F1; } main .callback-form-block__checkbox-mailing-label:hover:before { border-color: #F1F1F1; } .search-site { 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; } .search-site__input { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; padding: 8px 0 10px 0; margin-right: 14px; border: none; border-bottom: 1px solid #C6CED6; outline: none; font-weight: 400; font-size: 16px; line-height: 16px; color: #2E3A4C; } .search-site__input::-webkit-input-placeholder { color: #858A8F; } .search-site__input::-moz-placeholder { color: #858A8F; } .search-site__input:-ms-input-placeholder { color: #858A8F; } .search-site__input::-ms-input-placeholder { color: #858A8F; } .search-site__input::placeholder { color: #858A8F; } .search-site__button { 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; border: none; background-color: transparent; width: 40px; height: 34px; cursor: pointer; } .search-site__button-icon { width: 24px; height: 24px; fill: #C6CED6; } .loading-animate { position: absolute; display: inline-block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 64px; height: 64px; } .loading-animate div { position: absolute; -webkit-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; -webkit-transform-origin: 32px 32px; -ms-transform-origin: 32px 32px; transform-origin: 32px 32px; } .loading-animate div:after { content: ''; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #E2223F; margin: -3px 0 0 -3px; } .loading-animate div:nth-child(1) { -webkit-animation-delay: -0.036s; animation-delay: -0.036s; } .loading-animate div:nth-child(1):after { top: 50px; left: 50px; } .loading-animate div:nth-child(2) { -webkit-animation-delay: -0.072s; animation-delay: -0.072s; } .loading-animate div:nth-child(2):after { top: 54px; left: 45px; } .loading-animate div:nth-child(3) { -webkit-animation-delay: -0.108s; animation-delay: -0.108s; } .loading-animate div:nth-child(3):after { top: 57px; left: 39px; } .loading-animate div:nth-child(4) { -webkit-animation-delay: -0.144s; animation-delay: -0.144s; } .loading-animate div:nth-child(4):after { top: 58px; left: 32px; } .loading-animate div:nth-child(5) { -webkit-animation-delay: -0.18s; animation-delay: -0.18s; } .loading-animate div:nth-child(5):after { top: 57px; left: 25px; } .loading-animate div:nth-child(6) { -webkit-animation-delay: -0.216s; animation-delay: -0.216s; } .loading-animate div:nth-child(6):after { top: 54px; left: 19px; } .loading-animate div:nth-child(7) { -webkit-animation-delay: -0.252s; animation-delay: -0.252s; } .loading-animate div:nth-child(7):after { top: 50px; left: 14px; } .loading-animate div:nth-child(8) { -webkit-animation-delay: -0.288s; animation-delay: -0.288s; } .loading-animate div:nth-child(8):after { top: 45px; left: 10px; } .text-block { font-size: 20px; line-height: 34px; } .text-block ul > li { margin-left: 11px; padding-left: 30px; font-weight: normal; font-size: 20px; line-height: 34px; } .text-block ul > li::before { top: 13px; } .text-block ul ol { margin-top: 15px; margin-bottom: 15px; } .text-block ol { margin: 30px 0 30px 20px; padding: 0; } .text-block ol > li { margin-left: 20px; padding-left: 12px; margin-bottom: 10px; } .text-block ol ul { margin-top: 15px; margin-bottom: 15px; } .text-block ul > li:before { top: 14px; } .text-block .default-sign-img, .text-block .default-sign-video { display: block; margin-top: 50px; margin-bottom: 50px; font-weight: normal; font-size: 16px; line-height: 21px; text-align: center; color: #858A8F; } .text-block blockquote { margin: 50px 0; padding-left: 34px; border-left: 4px solid #E2223F; font-weight: 500; font-size: 24px; line-height: 41px; } @media screen and (max-width: 767px) { .text-block blockquote { padding-left: 15px; font-size: 20px; line-height: 30px; } } .text-block--narrow { max-width: 730px; width: 100%; } .text-block--w730 { max-width: 730px; } .diz { position: relative; padding-bottom: 30px; display: inline-block; margin: auto; margin-top: 20px; } .diz > div[itemprop="caption"], .diz .caption { margin: auto; padding: 15px 0 15px; color: #858A8F; font-style: italic; font-size: 16px; } .diz img { display: block; height: auto; max-width: calc(100% - 2px); font-size: 0; line-height: 0; margin: auto; } img.lazy.loader-animate { height: 200px; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .grid-list { display: grid; grid-gap: 30px; } @media screen and (max-width: 991px) { .grid-list { grid-gap: 16px; } } @media screen and (max-width: 575px) { .grid-list { grid-gap: 10px; } } .grid-list--two { grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 575px) { .grid-list--two { grid-template-columns: 1fr; } } .grid-list--three { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 991px) { .grid-list--three { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .grid-list--three { grid-template-columns: 1fr; } } .button-link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 18px; font-weight: 500; line-height: 140%; text-decoration: unset; } @media screen and (max-width: 575px) { .button-link { font-size: 17px; line-height: 120%; } } .button-link:not(:first-child) { margin-top: 40px; } @media screen and (max-width: 575px) { .button-link:not(:first-child) { margin-top: 30px; } } .button-link:hover { text-decoration: underline; } .button-link--center { margin: 0 auto; } /* End */ /* Start:/bitrix/templates/texterra/css/blocks/header.css?170081147041443*/ .header { position: fixed; width: 100%; left: 0; top: 0; } .header__burger-scroll { display: none; } .header.fix { position: fixed; } @media screen and (max-width: 1199px) { .header.fix .header__burger-scroll { display: block; } } .header.fix .header-media-block { max-height: 0; overflow: hidden; } .header.fix .header__mail-elem { display: none; } .header.fix .header__mail-elem--scroll { display: block; } .header.fix .header__scroll-link { display: block; } @media screen and (max-width: 1199px) { .header.fix .header__scroll-link { display: none; } } .header.fix .header__scroll-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header.fix .header__bottom-info { max-height: 0; overflow: hidden; } .header.fix .header__bottom-block { -webkit-filter: drop-shadow(0px 4px 8px rgba(46, 58, 76, 0.15)); filter: drop-shadow(0px 4px 8px rgba(46, 58, 76, 0.15)); } @media screen and (max-width: 960px) { .header__desc { display: none; } } .header__mobile { position: relative; display: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffffff; } @media screen and (max-width: 960px) { .header__mobile { 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; } } .header ul { list-style: none; padding: 0; margin: 0; } .header__top-block { position: relative; z-index: 2; background-color: #ffffff; } .header__bottom-block { position: relative; z-index: 1; background-color: #FAFAFA; } .header__top-info { padding-top: 10px; padding-bottom: 10px; } .header__scroll-link-block { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .header__scroll-link { display: none; font-weight: 500; font-size: 16px; line-height: 20px; color: #2E3A4C; text-decoration: none; margin-right: 30px; } .header__scroll-link:hover { color: #E2223F; } .header__mail-elem { position: relative; padding-left: 24px; margin-right: 30px; color: #858A8F; font-size: 12px; } .header__mail-elem--scroll { display: none; } .header__mail-icon, .header__tel-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain; } .header__tel-elem { position: relative; padding-left: 21px; margin-right: 30px; color: #2E3A4C; font-size: 14px; text-decoration: none; } .header__mail-icon { width: 14px; height: 14px; background-image: url("/bitrix/templates/texterra/css/blocks/../../img/image/mail-icon.svg"); } .header__tel-icon { width: 11px; height: 12px; background-image: url("/bitrix/templates/texterra/css/blocks/../../img/image/telefon-icon.svg"); } .header__contact-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: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-width: 380px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__socil-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-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .header__social-btn { margin-right: 7px; } .header__social-btn:last-child { margin-right: 0; } .header__button-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__button { 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: 7px 13px; margin-right: 10px; border-radius: 30px; font-weight: 500; font-size: 16px; line-height: 15px; text-decoration: none; background-color: #E2223F; color: #ffffff; cursor: pointer; text-align: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .header__button:hover { background-color: #ef4b63; } .header__button:last-child { margin-right: 0; } .header__bottom-info { z-index: 1; background-color: #2E3A4C; max-height: 80px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .header__logo { display: block; width: 115px; height: 45px; margin-right: 50px; fill: #ffffff; } .header__logo svg { width: 115px; height: 45px; } .header__logo--dark { fill: #2E3A4C; } .header__logo--mobile { fill: #2E3A4C; width: 100px; height: 30px; margin-right: 10px; margin-top: -4px; } .header__logo--mobile svg { width: 100px; height: 30px; } .header__mobile-link-header { font-weight: 500; font-size: 16px; line-height: 20px; color: #2E3A4C; text-decoration: none; } .header__mobile-link-header + .header__text { margin-left: 40px; } .header__burger { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 54px; -ms-flex: 0 0 54px; flex: 0 0 54px; margin-right: 5px; } .header__search-block { margin-left: 30px; } .header__overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #2E3A4C; opacity: 0.8; z-index: 10; display: none; } .header__button-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__button-mobile-contact, .header__button-mobile-search { width: 54px; height: 54px; position: relative; cursor: pointer; } .header__button-mobile-contact-trigger, .header__button-mobile-search-trigger { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header__button-mobile-tel-icon, .header__button-mobile-search-icon { position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #2E3A4C; } .header__button-mobile-contact-close, .header__button-mobile-search-close { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #F1F1F1; } .header__button-mobile-contact-close:before, .header__button-mobile-contact-close::after, .header__button-mobile-search-close:before, .header__button-mobile-search-close::after { content: ''; position: absolute; width: 18px; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #2E3A4C; } .header__button-mobile-contact-close::after, .header__button-mobile-search-close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .header__button-mobile-contact-close.open, .header__button-mobile-search-close.open { display: block; } .header__mobile-contact-pp, .header__button-mobile-search-pp { position: absolute; top: 100%; left: 0; width: 100vw; background-color: #2E3A4C; padding: 15px; display: none; z-index: 10; } @media screen and (max-width: 460px) { .header__mobile-contact-pp, .header__button-mobile-search-pp { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .header__mobile-contact-pp:before, .header__button-mobile-search-pp:before { content: ''; position: absolute; top: -11px; right: 73px; border: 6px solid transparent; border-bottom: 6px solid #2E3A4C; } .header__mobile-contact-pp.open, .header__button-mobile-search-pp.open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__button-mobile-search-pp { display: none; } .header__button-mobile-search-pp:before { content: ''; position: absolute; top: -11px; right: 20px; border: 6px solid transparent; border-bottom: 6px solid #2E3A4C; } .header__button-mobile-search-input { border: none; outline: none; background-color: transparent; color: #ffffff; border-bottom: 1px solid #ffffff; line-height: 21px; width: calc(100% - 55px); margin-right: 15px; font-size: 16px; border-radius: 0; font-family: "TT Norms Pro", Arial, sans-serif; } .header__button-mobile-search-input::-webkit-input-placeholder { color: #858A8F; } .header__button-mobile-search-input::-moz-placeholder { color: #858A8F; } .header__button-mobile-search-input:-ms-input-placeholder { color: #858A8F; } .header__button-mobile-search-input::-ms-input-placeholder { color: #858A8F; } .header__button-mobile-search-input::placeholder { color: #858A8F; } .header__mobile-search-button { border: none; outline: none; width: 40px; height: 34px; background-color: transparent; cursor: pointer; } .header__mobile-search-button-icon { width: 30px; height: 24px; fill: #ffffff; } .header__mobile-left-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; } .header__mobile-callback-button { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 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; padding-left: 26px; color: #ffffff; cursor: pointer; } .header__mobile-callback-button-icon { position: absolute; width: 16px; height: 16px; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); fill: #ffffff; } .header__mobile-tel { margin-right: 25px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: 500; font-size: 14px; line-height: 14px; text-decoration: none; color: #ffffff; } .header__mobile-tel span { display: block; } .header__mobile-tel-link { font-weight: 400; margin-top: 6px; } .header__text { color: #C6CED6; font-weight: 500; font-size: 21px; line-height: 110%; } @media screen and (max-width: 960px) { .header__text { font-size: 12px; max-width: 300px; } } @media screen and (max-width: 767px) { .header__text { display: none; } } .header--no-contact.fix .header__text { font-weight: 500; font-size: 18px; line-height: 110%; } .header--no-contact.fix .header__logo { margin-right: 0; } .header--no-contact.fix .header__scroll-link-block { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header--no-contact .header__contact-block { min-width: initial; } @media screen and (max-width: 1023px) { .header--no-contact .header__button-block { display: none; } } .nav-pp { position: fixed; max-width: 460px; width: 100%; top: 0; left: 0; background-color: #ffffff; z-index: 11; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); overflow: hidden; pointer-events: none; } .nav-pp.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; pointer-events: initial; } .nav-pp__nav { overflow: hidden; } .nav-pp__top { 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 15px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); } .nav-pp__logo { 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; margin-right: 10px; } .nav-pp__logo svg { width: 100px; height: 30px; fill: #2E3A4C; } .nav-pp__button { position: relative; padding-left: 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .nav-pp__button:hover .nav-pp__button-text { color: #E2223F; } .nav-pp__button-text { font-weight: 500; font-size: 14px; line-height: 18px; color: #858A8F; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .nav-pp__button-icon { position: absolute; width: 15px; height: 15px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); fill: #E2223F; } .nav-pp__close { position: relative; width: 54px; height: 54px; cursor: pointer; } .nav-pp__close:before, .nav-pp__close:after { content: ''; position: absolute; width: 24px; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #2E3A4C; } .nav-pp__close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .nav-pp__contact { 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; padding: 15px 0 15px 15px; } .nav-pp__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; } .nav-pp__social-btn { margin-right: 20px; } .nav-pp__social-btn:last-child { margin-right: 0; } .nav-pp__contact-tel { font-weight: 500; font-size: 14px; line-height: 14px; color: #858A8F; text-decoration: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .nav-pp__contact-tel:hover { color: #E2223F; } .nav-pp__nav-block { overflow: auto; height: calc(100vh - 108px); padding-bottom: 100px; } .nav-pp__nav-item, .nav-pp__nav-down-item { margin: 0; } .nav-pp__nav-item:before, .nav-pp__nav-down-item:before { display: none; } .nav-pp__nav-item, .nav-pp__nav-down-item { position: relative; min-height: 54px; background-color: #FAFAFA; padding-left: 0; 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; border-bottom: 1px solid #F1F1F1; overflow: hidden; } .nav-pp__nav-link, .nav-pp__nav-down-link { 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; padding: 15px 70px 15px 15px; top: 0; left: 0; width: 100%; height: 100%; padding-left: 15px; padding-right: 70px; font-weight: 500; font-size: 16px; line-height: 21px; color: #2E3A4C; text-decoration: none; } .nav-pp__nav-link:hover, .nav-pp__nav-down-link:hover { color: #E2223F; } .nav-pp__nav-arrow { position: absolute; right: 0; top: 0; width: 54px; height: 100%; background-color: #F1F1F1; cursor: pointer; } .nav-pp__nav-arrow:before { content: ''; position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); border-right: 2px solid #2E3A4C; border-bottom: 2px solid #2E3A4C; } .nav-pp__nav-down { position: fixed; left: 0; top: 54px; max-width: 460px; width: 100%; height: calc(100vh - 54px); padding-bottom: 150px; background-color: #FAFAFA; z-index: 1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; pointer-events: none; visibility: hidden; } .nav-pp__nav-down--tranform-left { -webkit-transform: translate(100%, -54px); -ms-transform: translate(100%, -54px); transform: translate(100%, -54px); } .nav-pp__nav-down.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; pointer-events: initial; } .nav-pp__nav-down.open.nav-pp__nav-down--tranform-left { -webkit-transform: translate(0, -54px); -ms-transform: translate(0, -54px); transform: translate(0, -54px); } .nav-pp__nav-down.fix { overflow: hidden; } .nav-pp__nav-down-title-back { position: relative; padding: 15px 15px 15px 70px; background-color: #FAFAFA; -webkit-box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); cursor: pointer; z-index: 1; } .nav-pp__nav-down-title-back-icon { position: absolute; width: 54px; height: 100%; top: 0; left: 0; } .nav-pp__nav-down-title-back-icon::before { content: ''; position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); border-right: 2px solid #2E3A4C; border-bottom: 2px solid #2E3A4C; } .nav-pp__nav-down-title { font-weight: 500; font-size: 16px; line-height: 21px; color: #858A8F; } .search-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 200px; width: 100%; } .search-header__input { background-color: transparent; border: none; outline: none; color: #ffffff; font-family: "TT Norms Pro", Arial, sans-serif; } .search-header__input::-webkit-input-placeholder { color: #858A8F; } .search-header__input::-moz-placeholder { color: #858A8F; } .search-header__input:-ms-input-placeholder { color: #858A8F; } .search-header__input::-ms-input-placeholder { color: #858A8F; } .search-header__input::placeholder { color: #858A8F; } .search-header__button { 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: 30px; height: 30px; background-color: transparent; border: none; outline: none; cursor: pointer; } .search-header__button-icon { width: 30px; height: 20px; fill: #ffffff; } header .nav-header { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 600px; -ms-flex: 0 0 600px; flex: 0 0 600px; } header .nav-header__list { 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; max-width: 600px; width: 100%; } header .nav-header__item { position: initial; padding: 0; margin: 0; } header .nav-header__item:before { display: none; } header .nav-header__item:hover > .nav-header__sub-menu { opacity: 1; visibility: visible; pointer-events: initial; } header .nav-header__link { display: block; max-width: 220px; padding-top: 34px; padding-bottom: 30px; font-weight: bold; color: #ffffff; line-height: 8px; text-decoration: none; text-transform: uppercase; } header .nav-header__sub-menu { position: absolute; top: 100%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity: 0; visibility: hidden; pointer-events: none; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); z-index: 1; } header .nav-header__sub-menu:before { content: ''; position: absolute; width: 100%; height: 60px; top: 0; left: 0; z-index: -1; } header .nav-header__sub-menu--services { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: #ffffff; } header .nav-header__sub { width: 270px; background-color: #ffffff; } header .nav-header__sub--wide { width: 560px; } header .nav-header__sub-list { padding: 23px 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } header .nav-header__sub-item { position: initial; padding: 0; margin: 0; } header .nav-header__sub-item:before { display: none; } header .nav-header__sub-link { display: block; width: 220px; padding: 7px 15px; font-size: 16px; color: #2E3A4C; font-weight: bold; text-decoration: none; } header .nav-header__sub-link:hover { color: #E2223F; } header .nav-header__services-sub { width: 550px; min-height: 425px; } header .nav-header__services-sub-list { position: absolute; height: 100%; } header .nav-header__services-sub-item { position: initial; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } header .nav-header__services-sub-item::before { display: none; } header .nav-header__services-sub-item.active > .nav-header__services-sub-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; } header .nav-header__services-sub-item.active .nav-header__services-sub-link { background: -webkit-gradient(linear, right top, left top, color-stop(9.01%, #F0F0F0), color-stop(50%, rgba(240, 240, 240, 0))); background: -o-linear-gradient(right, #F0F0F0 9.01%, rgba(240, 240, 240, 0) 50%); background: linear-gradient(270deg, #F0F0F0 9.01%, rgba(240, 240, 240, 0) 50%); } header .nav-header__services-sub-item.active .nav-header__services-sub-link:before { display: block; } header .nav-header__services-sub-link, header .nav-header__services-sub-col { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 280px; -ms-flex: 0 0 280px; flex: 0 0 280px; } header .nav-header__services-sub-link { position: relative; padding: 7px 30px 7px 20px; color: #2E3A4C; font-size: 15px; font-weight: 500; text-decoration: none; } header .nav-header__services-sub-link:before { display: none; content: ''; position: absolute; width: 11px; height: 9px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/bitrix/templates/texterra/css/blocks/../../img/image/redarrow.svg"); } header .nav-header__services-sub-col { 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; width: 270px; height: 100%; top: 0; left: 280px; padding: 10px 0 10px 0; background-color: #F1F1F1; } header .nav-header__services-sub-col:nth-child(3) { left: 550px; } header .nav-header__services-sub-col-item { position: relative; padding: 0 17px 10px; margin: 0; } header .nav-header__services-sub-col-item::before { display: none; } header .nav-header__services-sub-col-item:last-child { padding-bottom: 0; } header .nav-header__services-sub-col-link { position: relative; display: inline-block; margin-right: 40px; font-weight: 500; font-size: 15px; line-height: 20px; color: #2E3A4C; text-decoration: none; } header .nav-header__services-sub-col-link:before { display: none; content: ''; position: absolute; width: 11px; height: 9px; right: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/bitrix/templates/texterra/css/blocks/../../img/image/redarrow.svg"); } header .nav-header__services-sub-col-link:hover { color: #E2223F; } header .nav-header__services-sub-col-link:hover:before { display: block; } header .nav-header__services-sub-col-tag { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 15px; padding: 5px 10px 5px 24px; background: #ffffff; margin-top: 5px; } header .nav-header__services-sub-col-tag-icon { position: absolute; width: 9px; height: 11px; left: 7px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain; } header .nav-header__services-sub-col-tag-text { display: block; font-size: 12px; font-weight: 700; line-height: 15px; color: #2E3A4C; text-transform: uppercase; } header .nav-header__services-sub-col-desc { margin: 3px 0 0 0; color: #858A8F; } header .nav-header__menu-list { list-style: none; padding-top: 10px; } header .nav-header__menu-list > .nav-header__menu-list-item { padding: 0px 17px 10px; } header .nav-header__menu-list-item { position: relative; padding: 0px 17px 15px; margin: 0; } header .nav-header__menu-list-item:before { content: ''; position: absolute; width: 4px; height: 4px; left: 2px; top: 0.5em; background: #2E3A4C; } header .nav-header__menu-list-item:last-child { padding-bottom: 0; } header .nav-header__menu-list-link { font-size: 14px; line-height: 15px; color: #2E3A4C; text-decoration: none; } header .nav-header__menu-list-link:hover { color: #E2223F; } header .nav-header__offer { max-width: 235px; margin-top: 20px; margin-left: 17px; padding: 15px; border-radius: 6px; background-color: #ffffff; } header .nav-header__offer .caption { position: relative; margin-top: 0; margin-bottom: 15px; padding-left: 22px; font-weight: 500; color: #2E3A4C; background-repeat: no-repeat; font-size: 14px; } header .nav-header__offer .caption::before { content: ''; position: absolute; width: 14px; height: 14px; top: 5px; left: 0; background-image: url("/bitrix/templates/texterra/css/blocks/../../img/image/redrocket-icon.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } header .nav-header__offer .text { margin-top: 0; font-style: italic; font-weight: 500; color: #2E3A4C; line-height: 1.4em; margin-bottom: 15px; } header .nav-header__offer .more { position: relative; padding-right: 30px; text-transform: uppercase; color: #E2223F; background: url(/bitrix/templates/texterra/css/blocks/../../img/image/redarrow.svg) center right; background-repeat: no-repeat; text-decoration: none; font-size: 15px; font-weight: 500; } header .nav-header__offer-title { margin-top: 0; margin-bottom: 15px; padding-left: 22px; font-weight: 500; color: #2E3A4C; background-repeat: no-repeat; font-size: 14px; } header .nav-header__offer-desc { margin-top: 0; font-style: italic; font-weight: 500; color: #2E3A4C; line-height: 1.4em; margin-bottom: 15px; } header .nav-header__offer-link { position: relative; padding-right: 30px; text-transform: uppercase; color: #E2223F; background: url(/bitrix/templates/texterra/css/blocks/../../img/image/redarrow.svg) center right; background-repeat: no-repeat; text-decoration: none; font-size: 15px; font-weight: 500; } header .nav-header__offer-banner { width: 100%; border-radius: 6px; overflow: hidden; max-width: 235px; font-size: 0; line-height: 0; opacity: 1; } header .nav-header__offer-banner img { width: 100%; display: block; } header .nav-header__offer-banner:hover { opacity: 0.8; } .header-banner { background-color: #ffffff; height: 0; overflow: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .header-banner.open { height: 110px; padding-bottom: 10px; } @media screen and (max-width: 767px) { .header-banner.open { height: 104px; } } .header-banner__container { position: relative; min-height: 100px; background-color: #E2223F; color: #ffffff; } @media screen and (max-width: 767px) { .header-banner__container { min-height: 94px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0; } } @media screen and (max-width: 767px) { .header-banner .header-container--banner { -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; gap: 0; } } .header-banner__link-body { 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; gap: 15px; text-decoration: unset; } @media screen and (max-width: 767px) { .header-banner__link-body { -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-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; padding: 0; gap: 15px 0; } } .header-banner__img { -webkit-box-flex: 0; -webkit-flex: 0 0 144px; -ms-flex: 0 0 144px; flex: 0 0 144px; height: 100%; } @media screen and (max-width: 767px) { .header-banner__img { display: none; } } .header-banner__img img { width: 100%; display: block; } .header-banner__desc { display: block; margin: 10px 30px; font-weight: 500; font-size: 18px; line-height: 23px; } @media screen and (max-width: 767px) { .header-banner__desc { margin: 0 40px 10px 0; font-weight: 500; font-size: 14px; line-height: 18px; } } .header-banner__button { position: relative; padding: 1px 32px 1px 13px; background-color: #2E3A4C; border-radius: 6px; fill: #ffffff; color: #ffffff; font-weight: 500; font-size: 18px; line-height: 27px; text-decoration: none; } .header-banner__button:hover { background-color: #1D293F; } .header-banner__button-arrow { position: absolute; right: 17px; top: 50%; width: 5px; height: 9px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .header-banner__close-container { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 74px; -ms-flex: 0 0 74px; flex: 0 0 74px; width: 74px; } @media screen and (max-width: 767px) { .header-banner__close-container { width: 48px; height: 48px; } } .header-banner__close { position: absolute; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 30px; cursor: pointer; } @media screen and (max-width: 767px) { .header-banner__close { width: 48px; height: 48px; } } .header-banner__close:before, .header-banner__close:after { position: absolute; content: ''; width: 100%; height: 1px; top: 50%; left: 50%; background-color: #FF889A; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @media screen and (max-width: 767px) { .header-banner__close:before, .header-banner__close:after { width: 24px; } } .header-banner__close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } @media screen and (max-width: 360px) { .header-banner--white.open { height: auto; } } .header-banner--white .header-banner__container { background-color: #ffffff; } @media screen and (max-width: 767px) { .header-banner--white .header-banner__container { padding: 0; } } @media screen and (max-width: 360px) { .header-banner--white .header-banner__container { min-height: unset; } } .header-banner--white .header-banner__container:before { content: ''; position: absolute; width: 100%; height: 3px; background-color: #2E3A4C; left: 0; bottom: 0; } @media screen and (max-width: 767px) { .header-banner--white .header-banner__img { display: block; } } @media screen and (max-width: 360px) { .header-banner--white .header-banner__img { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; height: auto; } } .header-banner--white .header-banner__desc { font-size: 24px; font-weight: 500; line-height: 120%; color: #2E3A4C; max-width: 427px; margin: 10px 16px; } @media screen and (max-width: 991px) { .header-banner--white .header-banner__desc { max-width: 327px; } } @media screen and (max-width: 767px) { .header-banner--white .header-banner__desc { font-size: 15px; line-height: 120%; margin: 10px 0; width: calc(100% - 186px); margin-right: auto; } } @media screen and (max-width: 360px) { .header-banner--white .header-banner__desc { width: calc(100% - 150px); margin-bottom: 6px; } } .header-banner--white .header-banner__desc a { color: #2E3A4C; } @media screen and (min-width: 768px) { .header-banner--white .header-banner__close { width: 18px; height: 18px; } } @media screen and (max-width: 767px) { .header-banner--white .header-banner__close-container { right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; width: 55px; } } @media screen and (max-width: 360px) { .header-banner--white .header-banner__close-container { width: 46px; } } .header-banner--white .header-banner__close:before, .header-banner--white .header-banner__close:after { background-color: #2E3A4C; } @media screen and (max-width: 767px) { .header-banner--white .header-banner__close:before, .header-banner--white .header-banner__close:after { width: 17px; } } .header-container-ad { 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; height: 100px; background-color: #FAFAFA; overflow: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /* End */ /* Start:/bitrix/templates/texterra/css/blocks/footer.css?16932161339015*/ footer ul { list-style: none; padding: 0; margin: 0; } footer .footer__container { width: 100%; max-width: 1330px; margin: 0 auto; padding: 0 15px; } footer .footer__container--flex { 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: 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; } footer .footer__container--flex-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } footer .footer__top { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #F1F1F1; border-top: 1px solid #F1F1F1; } footer .footer__logo { display: block; max-width: 108px; } footer .footer__logo-img { width: 100%; display: block; } footer .footer__nav { max-width: calc(100% - 118px); width: 100%; } @media screen and (max-width: 767px) { footer .footer__nav { max-width: 100%; margin-top: 15px; } } footer .footer__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 60px; } @media screen and (max-width: 991px) { footer .footer__nav-list { gap: 30px; } } @media screen and (max-width: 767px) { footer .footer__nav-list { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } } @media screen and (max-width: 575px) { footer .footer__nav-list { gap: 15px; } } footer .footer__nav-item { margin: 0; padding: 0; position: initial; } footer .footer__nav-item::before { display: none; } footer .footer__nav-link { display: block; color: #2E3A4C; text-decoration: none; font-size: 16px; font-weight: 700; line-height: normal; text-transform: uppercase; } footer .footer__nav-link:hover { color: #E2223F; } footer .footer__middle { padding-top: 40px; padding-bottom: 40px; font-size: 14px; line-height: 140%; } @media screen and (max-width: 767px) { footer .footer__middle { padding-top: 30px; padding-bottom: 30px; } } footer .footer__middle .footer__container { display: grid; grid-template-columns: repeat(2, 1fr) 330px; grid-gap: 30px; } @media screen and (max-width: 991px) { footer .footer__middle .footer__container { grid-template-columns: repeat(3, 1fr); grid-gap: 16px; } } @media screen and (max-width: 767px) { footer .footer__middle .footer__container { grid-template-columns: 1fr; } } footer .footer__col { height: 100%; display: grid; } footer .footer__col--mhidden { height: auto; } @media screen and (max-width: 767px) { footer .footer__col--mhidden { display: none; } } footer .footer__address, footer .footer__tel, footer .footer__mail { font-size: 20px; font-weight: 500; line-height: normal; text-decoration: unset; } @media screen and (max-width: 767px) { footer .footer__address, footer .footer__tel, footer .footer__mail { font-size: 18px; line-height: 140%; } } footer .footer__address { margin-bottom: 15px; } footer .footer__tel { display: block; margin-bottom: 15px; color: #2E3A4C; } footer .footer__mail { display: block; margin-bottom: 6px; } footer .footer__mail-desc { display: block; font-size: 16px; line-height: 140%; margin-bottom: 15px; color: #858A8F; } footer .footer__book { 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: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; padding: 13px 60px 10px 80px; background: -o-linear-gradient(45deg, #FEC7FF 0%, #F2F5FF 100%); background: linear-gradient(45deg, #FEC7FF 0%, #F2F5FF 100%); border-radius: 16px; font-size: 16px; font-weight: 500; line-height: 120%; text-decoration: unset; text-transform: uppercase; color: #2E3A4C; text-align: right; position: relative; overflow: hidden; } @media (any-hover: hover) { footer .footer__book:hover { background: -o-linear-gradient(46deg, #FBEBCC 0%, #FDD2E7 50.16%, #FF94B4 100%); background: linear-gradient(44deg, #FBEBCC 0%, #FDD2E7 50.16%, #FF94B4 100%); } footer .footer__book:hover::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @media screen and (max-width: 991px) { footer .footer__book { padding: 13px 35px 10px 80px; text-align: left; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 767px) { footer .footer__book { padding-right: 45px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 0; } } footer .footer__book:before { content: ''; position: absolute; width: 84px; height: 104px; background-image: url(/bitrix/templates/texterra/css/blocks/../../img/image/book-btn-image.png); background-position: center; background-size: contain; background-repeat: no-repeat; top: -11px; left: 0px; -webkit-transform: scale(0.87); -ms-transform: scale(0.87); transform: scale(0.87); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } footer .footer__book:after { content: ''; position: absolute; width: 20px; height: 19px; background-image: url(/bitrix/templates/texterra/css/blocks/../../img/image/book-btn-arrow.svg); background-position: center; background-size: contain; background-repeat: no-repeat; top: 50%; right: 29px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media screen and (max-width: 991px) { footer .footer__book:after { right: 14px; } } footer .footer__text { display: block; color: #858A8F; font-size: 14px; line-height: 140%; } footer .footer__link { display: block; margin-bottom: 10px; color: #858A8F; } footer .footer__link:last-child { margin-bottom: 0; } footer .footer__social { 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; gap: 16px; margin-top: auto; } footer .footer__social-title { font-size: 16px; line-height: 140%; } footer .footer__image { max-width: 120px; margin-top: 30px; } footer .footer__image img { width: 100%; display: block; } footer .footer__bottom { padding-top: 20px; padding-bottom: 20px; background-color: #2E3A4C; color: #ffffff; font-size: 14px; font-weight: 400; line-height: normal; } footer .footer__bottom .footer__container { gap: 16px; } @media screen and (max-width: 767px) { footer .footer__bottom .footer__container { -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; gap: 10px; } } footer .footer__bottom a { color: #ffffff; } footer .footer__policy-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; } @media screen and (max-width: 1180px) { footer .footer__policy-block { max-width: 270px; } } @media screen and (max-width: 991px) { footer .footer__policy-block { max-width: unset; width: 100%; } } @media screen and (max-width: 767px) { footer .footer__policy-block { gap: 10px; } } @media screen and (max-width: 575px) { footer .footer__policy-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /* End */ /* Start:/bitrix/templates/texterra/css/blocks/modal.css?169951370724575*/ @charset "UTF-8"; #overlay-default { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: #2E3A4C; opacity: 0.9; } .modal-default { position: fixed; display: none; height: auto; z-index: 1001; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 600px; background-color: #ffffff; max-height: 90vh; overflow: hidden; overflow-y: auto; border-radius: 16px; } @media screen and (max-width: 767px) { .modal-default { top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: initial; max-height: initial; max-height: 100vh; width: 100%; padding: 0; border-radius: 0; overflow: hidden; } } .modal-default__content { position: relative; padding: 30px 40px; } @media screen and (max-width: 767px) { .modal-default__content { padding: 84px 30px 30px 30px; height: auto; max-height: 100vh; overflow: hidden; overflow-y: auto; z-index: 1; } } .modal-default__thanks-container { position: relative; padding: 40px 30px; z-index: 1; overflow: hidden; } @media screen and (max-width: 767px) { .modal-default__thanks-container { padding: 84px 30px 30px 30px; overflow: visible; height: auto; height: 514px; max-height: 100vh; overflow: hidden; overflow-y: auto; } } .modal-default__thanks-container:before { content: ''; position: absolute; width: 100%; height: 200px; left: 66%; top: 87px; background-color: #F1F1F1; border-radius: 16px; z-index: -1; } @media screen and (max-width: 767px) { .modal-default__thanks-container:before { top: 296px; left: 36%; } } .modal-default__thanks-container::after { content: ''; position: absolute; width: 141px; height: 141px; top: 47px; right: 20px; background-image: url("/bitrix/templates/texterra/css/blocks/../../img/image/letters-thanks-pp.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 767px) { .modal-default__thanks-container::after { top: 250px; } } .modal-default__thanks-content { min-height: 190px; 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; } @media screen and (max-width: 767px) { .modal-default__thanks-content { min-height: initial; } } .modal-default__title-thanks { display: block; font-weight: 500; font-size: 34px; line-height: 44px; margin-bottom: 15px; } .modal-default__desc-thanks { font-weight: 500; font-size: 22px; line-height: 29px; margin-bottom: 0; margin-top: 0; color: #858A8F; } .modal-default__close-container { position: relative; z-index: 2; } @media screen and (max-width: 767px) { .modal-default__close-container { position: fixed; width: 100%; height: 54px; top: 0; left: 0; background-color: #ffffff; -webkit-box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); z-index: 2; } } .modal-default__close-container--transparent { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .modal-default__title { display: block; font-weight: 500; font-size: 22px; line-height: 29px; margin-bottom: 30px; } @media screen and (max-width: 767px) { .modal-default__title { text-align: center; } } .modal-default__desc { display: block; margin-bottom: 30px; font-size: 20px; line-height: 140%; } .modal-default__services-tariff-block { 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; margin-right: -30px; } .modal-default__services-tariff-select, .modal-default__services-tariff-info { width: calc(100% / 2 - 30px); margin-right: 30px; margin-bottom: 30px; } @media screen and (max-width: 767px) { .modal-default__services-tariff-select, .modal-default__services-tariff-info { width: calc(100% - 30px); } } .modal-default__services-tariff-info { margin-bottom: 0; } .modal-default__services-tariff-info-item { display: block; font-weight: 500; font-size: 18px; line-height: 23px; color: #858A8F; margin-bottom: 30px; } @media screen and (max-width: 767px) { .modal-default__services-tariff-info-item span { display: block; text-align: center; } .modal-default__services-tariff-info-item:first-child { display: none; } } .modal-default__services-tariff-info-number { display: block; color: #2E3A4C; } .modal-default__form-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } .modal-default__form-block--full .modal-default__inputholder { width: calc(100% - 30px); } .modal-default__inputholder { width: calc(100% / 2 - 30px); margin-right: 30px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .modal-default__inputholder { width: calc(100% - 30px); } } .modal-default__textarea { width: calc(100% - 30px); margin-bottom: 20px; } .modal-default__button-block { 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; margin-right: -30px; } .modal-default__button { min-width: initial; width: calc(100% / 2 - 30px); margin-right: 30px; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); } @media screen and (max-width: 767px) { .modal-default__button { margin-bottom: 20px; width: calc(100% - 30px); } } .modal-default__checkbox-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px 30px; margin-bottom: 20px; width: 100%; } .modal-default__checkbox-list-item { width: calc(100% / 2 - 30px); } @media screen and (max-width: 767px) { .modal-default__checkbox-list-item { width: calc(100% - 30px); } } .modal-default__checkbox-list-item-label { font-weight: 400; font-size: 12px; } .modal-default__checkbox-mailing-label { font-weight: 400; font-size: 12px; line-height: 150%; color: #858A8F; } .modal-default__policy-block { width: calc(100% / 2 - 30px); } @media screen and (max-width: 767px) { .modal-default__policy-block { width: calc(100% - 30px); margin-bottom: 0; } } .modal-default__policy-block .modal-default__policy { width: 100%; } @media screen and (max-width: 767px) { .modal-default__policy-block .modal-default__policy { margin-bottom: 10px; } .modal-default__policy-block .modal-default__policy:last-child { margin-bottom: 0; } } .modal-default__policy { display: block; width: calc(100% / 2 - 30px); margin-right: 30px; font-weight: normal; font-size: 14px; line-height: 21px; color: #858A8F; margin-bottom: 10px; } .modal-default__policy:last-child { margin-bottom: 0; } @media screen and (max-width: 767px) { .modal-default__policy { margin-bottom: 20px; width: calc(100% - 30px); margin-bottom: 0; } } .modal-default__policy a { color: #E2223F; text-decoration: none; } .modal-default--reviews { max-height: 460px; overflow: hidden; } .modal-default--reviews a { font-size: inherit; color: #E2223F; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .modal-default--reviews a:hover { text-decoration: none; } @media screen and (max-width: 767px) { .modal-default--reviews { max-height: initial; } } .modal-default--reviews .modal-default__text-block-reviews-container { position: relative; margin-bottom: 21px; } .modal-default--reviews .modal-default__text-block-reviews-container:before { width: calc(100% - 15px); height: 78px; content: ''; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); z-index: 1; } @media screen and (max-width: 767px) { .modal-default--reviews .modal-default__text-block-reviews-container:before { display: none; } } .modal-default--reviews .modal-default__text-block-reviews { position: relative; padding-right: 15px; padding-bottom: 80px; max-height: 290px; overflow: auto; } @media screen and (max-width: 767px) { .modal-default--reviews .modal-default__text-block-reviews { max-height: initial; } } .modal-default--reviews .modal-default__text-block-reviews::-webkit-scrollbar { width: 3px; background-color: #F1F1F1; } .modal-default--reviews .modal-default__text-block-reviews::-webkit-scrollbar-thumb { background-color: #2E3A4C; } .modal-default--reviews .modal-default__link-reviews { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; font-weight: 500; font-size: 14px; line-height: 18px; color: #858A8F; text-decoration: none; } .modal-default--reviews .modal-default__link-reviews:hover { color: #E2223F; } @media screen and (max-width: 767px) { .modal-default--reviews .modal-default__link-reviews { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #ffffff; height: 78px; 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; } .modal-default--reviews .modal-default__link-reviews:before { width: 100%; height: 78px; content: ''; position: absolute; bottom: 100%; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); z-index: 1; } } .modal-default--blog-filter { min-height: 475px; max-height: initial; overflow: hidden; } @media screen and (max-width: 767px) { .modal-default--blog-filter .modal-default__content { padding-bottom: 120px; } } .modal-default--client-filter { overflow: visible; } @media screen and (max-width: 767px) { .modal-default--client-filter .modal-default__content { padding-bottom: 210px; } } .modal-default--quiz { width: 730px; background-color: #F9F9F9; } @media screen and (max-width: 767px) { .modal-default--quiz { width: 100%; } } .modal-default--quiz .modal-default__title { display: block; margin-bottom: 10px; font-weight: bold; font-size: 30px; line-height: 120%; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__title { margin-bottom: 5px; font-weight: bold; font-size: 18px; line-height: 130%; text-align: left; } } .modal-default--quiz .modal-default__desc { display: block; margin-bottom: 38px; font-weight: 500; font-size: 20px; line-height: 120%; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__desc { margin-bottom: 25px; font-weight: 500; font-size: 16px; line-height: 130%; } } .modal-default--quiz .modal-default__question-title { display: block; max-width: 400px; margin-bottom: 30px; color: #E2223F; font-weight: bold; font-size: 20px; line-height: 120%; } .modal-default--quiz .modal-default__content { position: relative; padding: 48px; overflow: hidden; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__content { padding: 84px 30px 30px 30px; overflow: hidden; overflow-y: auto; } } .modal-default--quiz .modal-default__content:before { content: ''; position: absolute; width: 477px; height: 446px; bottom: -75px; right: -125px; background-image: url(/bitrix/templates/texterra/css/blocks/../../img/image/question-test-bg-2.png); background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__content:before { display: none; } } .modal-default--quiz .modal-default__thanks-container { min-height: 385px; padding: 48px; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__thanks-container { min-height: initial; padding: 84px 30px 30px 30px; overflow: hidden; overflow-y: auto; } } .modal-default--quiz .modal-default__thanks-container:before { content: ''; position: absolute; width: 477px; height: 446px; left: auto; top: auto; bottom: -75px; right: -125px; background-image: url(/bitrix/templates/texterra/css/blocks/../../img/image/question-test-bg-2.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__thanks-container:before { display: none; } } .modal-default--quiz .modal-default__thanks-container:after { display: none; } .modal-default--quiz .modal-default__quiz-checkbox, .modal-default--quiz .modal-default__quiz-radio { margin-bottom: 17px; max-width: 360px; } .modal-default--quiz .modal-default__button { margin-top: 30px; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__button { width: 100%; } } .modal-default--quiz .modal-default__quiz-checkbox-label, .modal-default--quiz .modal-default__quiz-radio-label { font-weight: normal; font-size: 14px; line-height: 130%; } .modal-default--quiz .modal-default__quiz-checkbox-label:before, .modal-default--quiz .modal-default__quiz-radio-label:before { top: -3px; } .modal-default--quiz .modal-default__quiz-checkbox-label:after, .modal-default--quiz .modal-default__quiz-radio-label:after { top: 4px; } .modal-default--quiz .modal-default__quiz-radio-label:after { top: 2px; } .modal-default--quiz .modal-default__policy { display: block; margin-top: 17px; max-width: 315px; } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__policy { max-width: initial; width: 100%; } } @media screen and (max-width: 767px) { .modal-default--quiz .modal-default__inputholder { width: 100%; } } .modal-default--quiz .modal-default__title-thanks { display: block; margin-bottom: 70px; font-weight: bold; font-size: 30px; line-height: 120%; } .modal-default--quiz .modal-default__desc-thanks { display: block; max-width: 315px; margin-bottom: 30px; font-weight: 500; font-size: 24px; line-height: 120%; color: #2E3A4C; } @media screen and (min-width: 768px) { .modal-default--expert { background: #FAFAFA; } } @media screen and (min-width: 768px) { .modal-default--expert .modal-default__content { padding: 40px 30px; } } .modal-default__expert-callback { display: none; } @media screen and (max-width: 768px) { .modal-default__expert-callback { display: block; margin-top: 40px; } .modal-default__expert-callback .modal-default__title { margin-bottom: 15px; } } .modal-default__expert-callback-button { gap: 10px; width: 100%; margin: 0 auto; } .modal-default__expert-callback-button-icon { width: 20px; height: 20px; fill: #fff; } .modal-default__expert { background: #ffffff; -webkit-box-shadow: 0px 14px 17px rgba(0, 0, 0, 0.07); box-shadow: 0px 14px 17px rgba(0, 0, 0, 0.07); border-radius: 8px; padding: 47px 15px 20px 125px; margin: 40px 0 30px; font-size: 18px; line-height: 150%; color: #2E3A4C; position: relative; } @media screen and (max-width: 768px) { .modal-default__expert { background: #FAFAFA; } } @media screen and (max-width: 575px) { .modal-default__expert { padding: 57px 15px 20px; margin: 34px 0 20px; font-size: 14px; line-height: 150%; background: #FAFAFA; } } .modal-default__expert:before { content: '“'; position: absolute; font-weight: bold; font-size: 146px; line-height: 187px; top: -50px; right: 20px; color: #E2223F; } @media screen and (max-width: 575px) { .modal-default__expert:before { font-size: 106px; line-height: 136px; top: -16px; right: 15px; } } .modal-default__expert-image { display: block; width: 120px; height: 120px; border-radius: 100%; position: absolute; left: -15px; top: -15px; background-repeat: no-repeat; background-position: center; background-size: cover; } @media screen and (max-width: 575px) { .modal-default__expert-image { width: 65px; height: 65px; left: -3px; top: -19px; } } .close-modal-default { position: absolute; width: 24px; height: 24px; top: 15px; right: 15px; cursor: pointer; z-index: 1; } @media screen and (max-width: 767px) { .close-modal-default { position: relative; margin-left: auto; } } .close-modal-default:before, .close-modal-default:after { content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #2E3A4C; } .close-modal-default:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .close-modal-default--white:before, .close-modal-default--white:after { background-color: #ffffff; } .modal-cookie { position: fixed; width: 370px; max-width: 98%; min-height: 50px; bottom: 15px; left: 50%; padding: 13px 20px; padding-right: 40px; background-color: #2E3A4C; border-radius: 67px; z-index: 10000; -webkit-transform: translate(-50%, 200%); -ms-transform: translate(-50%, 200%); transform: translate(-50%, 200%); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } @media screen and (max-width: 870px) { .modal-cookie { border-radius: 0; max-width: 100%; width: 100%; bottom: 0; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } } .modal-cookie.vis { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modal-cookie__text { margin: 0; color: #ffffff; font-size: 20px; line-height: 24px; } @media screen and (max-width: 870px) { .modal-cookie__text { font-size: 16px; } } .modal-cookie__close { position: absolute; width: 17px; height: 17px; cursor: pointer; right: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-cookie__close::before, .modal-cookie__close:after { content: ''; position: absolute; border: 1px solid #ffffff; width: 100%; bottom: 6px; left: -2px; } .modal-cookie__close::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-cookie__close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal-img { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; width: 100%; z-index: 1001; } .modal-img__content { max-height: 100vh; height: auto; padding: 60px 0; overflow: hidden; overflow-y: auto; position: relative; z-index: 0; } .modal-img__content::-webkit-scrollbar { display: none; } .modal-img__img { display: block; max-width: 100%; } .modal-img__close-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-img__close { z-index: 1; } @media screen and (max-width: 767px) { .modal-img__close { position: absolute; } } .modal-img__close:before, .modal-img__close:after { background-color: #ffffff; } .modal-img__img-container { position: relative; z-index: 1001; max-width: 80%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; margin: 0 auto; } @media screen and (max-width: 767px) { .modal-img__img-container { max-width: 100%; } } .modal-bottom-gradient { display: none; position: absolute; width: 100%; height: 78px; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); z-index: 2; pointer-events: none; } @media screen and (max-width: 767px) { .modal-bottom-gradient { display: block; } } /* End */ /* Start:/bitrix/templates/texterra/components/bitrix/news.list/menu_media/style.css?16432734372160*/ .header-media-block__slider-block { position: relative; padding: 12px 0; width: calc(100% - 60px); height: 100%; margin: 0 30px 0 auto; min-height: 60px; } .header-media-block__slide { 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: auto; width: auto; padding-left: 20px; } @media screen and (max-width: 960px) { .header-media-block__slide { padding-left: 10px; } .header-media-block__slide:first-child { padding-left: 0; } } .header-media-block__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 16px; line-height: 20px; color: #858A8F; fill: #E2223F; text-decoration: none; text-align: center; } .header-media-block__link:hover { color: #2E3A4C; fill: #2E3A4C; } .header-media-block__link-icon { width: 20px; height: 20px; margin-right: 5px; } .header-media-block__arrow { background-color: #FAFAFA; } .header-media-block__arrow:after { content: ''; width: 7px; height: 7px; border-right: 1px solid #2E3A4C; border-bottom: 1px solid #2E3A4C; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header-media-block__arrow.swiper-button-disabled { display: none; } .header-media-block__arrow--next { right: -30px; } .header-media-block__arrow--prev { left: -30px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-media-block__burger { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 54px; -ms-flex: 0 0 54px; flex: 0 0 54px; margin-right: 10px; } .header.fix .header-media-block__burger { display: block; } .header.fix .header-media-block__slider-block { width: calc(100% - 120px); } /* End */ /* Start:/bitrix/templates/texterra/css/blocks/popup-promo.css?170746948912645*/ .modal-default--top-content { max-width: 485px; background-color: transparent; overflow: visible; } @media screen and (max-width: 767px) { .modal-default--top-content { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; } } .modal-default--top-content .modal-default__content { padding: 0; overflow: visible; } @media screen and (max-width: 767px) { .modal-default--top-content .modal-default__close-container { position: relative; background-color: transparent; height: initial; width: initial; top: auto; left: auto; -webkit-box-shadow: none; box-shadow: none; } } .modal-default--top-content .modal-default__close { -webkit-filter: drop-shadow(0 0 6px #000000); filter: drop-shadow(0 0 6px #000000); } @media screen and (max-width: 767px) { .modal-default--top-content .modal-default__close { position: absolute; margin-left: initial; } } .modal-default--top-content .modal-default__close::after, .modal-default--top-content .modal-default__close::before { background-color: #ffffff; } .top-content-pp { position: relative; padding: 50px; height: 511px; } .top-content-pp__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; } .top-content-pp__content { position: absolute; max-width: 230px; width: 100%; padding: 0 10px; top: 46%; left: 55%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; } @media screen and (max-width: 480px) { .top-content-pp__content { max-width: 190px; top: 47%; left: 59%; } } .top-content-pp__title { display: block; font-size: 36px; text-transform: uppercase; font-weight: 800; margin-bottom: 20px; color: #ffffff; line-height: 45px; } @media screen and (max-width: 480px) { .top-content-pp__title { font-size: 24px; margin-bottom: 10px; line-height: 30px; } } .top-content-pp__desc { display: block; font-size: 20px; } @media screen and (max-width: 480px) { .top-content-pp__desc { font-size: 12px; line-height: 15px; } } .top-content-pp__link { position: absolute; display: block; max-width: 220px; width: 100%; padding: 11.5px 10px; bottom: -110px; left: -20px; background-color: #333333; border-radius: 25px; font-size: 18px; font-weight: 800; text-align: center; text-transform: uppercase; text-decoration: none; color: #ffffff; } @media screen and (max-width: 480px) { .top-content-pp__link { max-width: 170px; font-size: 16px; padding: 6px; bottom: -80px; left: -10px; } } .top-content-pp__link:hover { background-color: #2E3A4C; } .promo-image-form__title { font-weight: 700; font-size: 28px; line-height: 110%; } @media screen and (max-width: 767px) { .promo-image-form__title { font-size: 18px; } } .promo-image-form__title-accent { display: block; margin-top: 5px; font-size: 38px; line-height: 110%; color: #E2223F; } @media screen and (max-width: 767px) { .promo-image-form__title-accent { font-size: 28px; } } .promo-image-form__image { width: calc(100% + 80px); margin: 30px 0 -30px -40px; height: 150px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .promo-image-form__image--desk { display: none; } } .promo-image-form__image--mob { display: none; } @media screen and (max-width: 767px) { .promo-image-form__image--mob { display: block; } } .promo-link-service-pp__content { padding-top: 260px; } @media screen and (max-width: 767px) { .promo-link-service-pp__content { padding-top: 190px; } } .promo-link-service-pp__img { position: absolute; width: 100%; height: 260px; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; } @media screen and (max-width: 767px) { .promo-link-service-pp__img { height: 190px; } } @media screen and (max-width: 767px) { .promo-link-service-pp__img--desk { display: none; } } .promo-link-service-pp__img--mob { display: none; background-position: left center; } @media screen and (max-width: 767px) { .promo-link-service-pp__img--mob { display: block; } } .promo-link-service-pp__label-text { position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 30px; border-radius: 10px; padding: 10px 30px; background-color: #F1F1F1; font-weight: 700; font-size: 24px; line-height: 110%; color: #2E3A4C; } @media screen and (max-width: 767px) { .promo-link-service-pp__label-text { font-size: 18px; } } .promo-link-service-pp__text-block { margin-bottom: 40px; } @media screen and (max-width: 767px) { .promo-link-service-pp__text-block { margin-bottom: 20px; } } .promo-link-service-pp__subtitle { display: block; margin-bottom: 13px; background: -webkit-gradient(linear, left top, right top, from(#E12B46), to(#F4B3BD)); background: -o-linear-gradient(left, #E12B46 0%, #F4B3BD 100%); background: linear-gradient(90deg, #E12B46 0%, #F4B3BD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-weight: 400; font-size: 30px; line-height: 110%; letter-spacing: -0.02em; } @media screen and (max-width: 767px) { .promo-link-service-pp__subtitle { font-size: 24px; margin-bottom: 8px; } } .promo-link-service-pp__title-big { display: block; margin-bottom: 13px; font-weight: 500; font-size: 54px; line-height: 110%; letter-spacing: -0.04em; } @media screen and (max-width: 767px) { .promo-link-service-pp__title-big { font-size: 32px; margin-bottom: 10px; } } .promo-link-service-pp__title { display: block; font-weight: 400; font-size: 28px; line-height: 110%; letter-spacing: -0.02em; } @media screen and (max-width: 767px) { .promo-link-service-pp__title { font-size: 20px; } } .promo-link-service-pp--dark { background-color: #2E3A4C; color: #ffffff; } .promo-link-service-pp--border { border: 3px solid #2E3A4C; border-radius: 20px; } @media screen and (max-width: 767px) { .promo-link-service-pp--border { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; width: calc(100% - 30px); } } .promo-link-service-pp--border .promo-link-service-pp__img { background-size: cover; } @media screen and (max-width: 575px) { .promo-link-service-pp--border .promo-link-service-pp__img { height: 128px; } } .promo-link-service-pp--border .promo-link-service-pp__content { padding-left: 37px; padding-right: 37px; padding-bottom: 37px; } @media screen and (max-width: 575px) { .promo-link-service-pp--border .promo-link-service-pp__content { padding: 20px 17px; padding-top: 128px; } } .promo-link-service-pp--border .promo-link-service-pp__text-block { margin-top: 35px; margin-bottom: 35px; } @media screen and (max-width: 575px) { .promo-link-service-pp--border .promo-link-service-pp__text-block { margin-top: 17px; margin-bottom: 17px; } } .promo-link-service-pp--border .promo-link-service-pp__title-big { margin-bottom: 24px; } @media screen and (max-width: 575px) { .promo-link-service-pp--border .promo-link-service-pp__title-big { font-size: 36px; line-height: 110%; letter-spacing: -1.44px; margin-bottom: 11px; } } @media screen and (max-width: 360px) { .promo-link-service-pp--border .promo-link-service-pp__button { min-width: unset; width: 100%; } } .promo-link-service-pp--border .promo-link-service-pp__title { font-weight: 500; line-height: 110%; letter-spacing: -1.44px; } @media screen and (max-width: 575px) { .promo-link-service-pp--border .promo-link-service-pp__title { font-size: 18px; font-weight: 500; line-height: 110%; letter-spacing: -0.72px; } } .promo-link-service-pp--border .promo-link-service-pp__title a { color: #2E3A4C; } @media screen and (min-width: 768px) { .promo-link-service-pp--border .close-modal-default { top: 30px; right: 27px; } } .promo-link-service-pp--border .close-modal-default:before, .promo-link-service-pp--border .close-modal-default:after { background-color: #ffffff; } .modal { position: fixed; display: none; height: auto; z-index: 1001; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 600px; background-color: #ffffff; max-height: 90vh; overflow: hidden; overflow-y: auto; border-radius: 16px; } @media screen and (max-width: 767px) { .modal { top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: initial; max-height: initial; max-height: 100vh; width: 100%; padding: 0; border-radius: 0; } } .modal__close { position: absolute; width: 24px; height: 24px; top: 15px; right: 15px; cursor: pointer; z-index: 1; } .modal__close:before, .modal__close:after { content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #2E3A4C; } .modal__close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .modal__title { display: block; margin-bottom: 13px; font-weight: 500; font-size: 54px; line-height: 110%; letter-spacing: -0.04em; } @media screen and (max-width: 767px) { .modal__title { font-size: 32px; margin-bottom: 10px; } } .modal__subtitle { display: block; font-weight: 400; font-size: 28px; line-height: 110%; letter-spacing: -0.02em; } @media screen and (max-width: 767px) { .modal__subtitle { font-size: 20px; } } .modal-promo__image { width: 100%; height: 260px; background-position: center; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 575px) { .modal-promo__image { height: 190px; background-size: cover; } } .modal-promo__content { position: relative; padding: 20px 40px 30px 40px; } .modal-promo .button { margin-top: 40px; 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: 16px 20px; min-width: 255px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 10px; border: none; outline: none; background-color: #E2223F; color: #ffffff; font-weight: bold; font-size: 16px; line-height: 27px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; text-decoration: none; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); } .modal-promo .button:hover { background-color: #ef4b63; } @media screen and (max-width: 767px) { .modal-promo .button { margin-top: 20px; } } /* End */ /* Start:/bitrix/templates/texterra/css/libs/jquery.fancybox.min.css?164276687512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/texterra/css/pages/page-blog-detail-new.css?168129286589669*/ @charset "UTF-8"; @media screen and (max-width: 991px) { .page--blog-detail-new .page__about-article-block { margin-bottom: 25px; } } .about-article-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; } @media screen and (max-width: 991px) { .about-article-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about-article-block__date-block { -webkit-box-flex: 0; -webkit-flex: 0 1 270px; -ms-flex: 0 1 270px; flex: 0 1 270px; margin-right: 30px; } @media screen and (max-width: 991px) { .about-article-block__date-block { margin-bottom: 20px; } } .about-article-block__date-title { display: inline-block; margin-right: 5px; font-weight: 500; font-size: 14px; line-height: 18px; color: #858A8F; } .about-article-block__date { -webkit-box-flex: 0; -webkit-flex: 0 1 160px; -ms-flex: 0 1 160px; flex: 0 1 160px; margin-right: 20px; font-weight: normal; font-size: 14px; line-height: 18px; color: #858A8F; } @media screen and (max-width: 767px) { .about-article-block__date { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: right; margin-right: 15px; font-size: 12px; } } .about-article-block__author { position: relative; margin-right: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 55px; -webkit-box-flex: 0; -webkit-flex: 0 1 255px; -ms-flex: 0 1 255px; flex: 0 1 255px; } @media screen and (max-width: 991px) { .about-article-block__author { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 20px; } } .about-article-block__views { 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; margin-right: 50px; } @media screen and (max-width: 991px) { .about-article-block__views { margin-right: 20px; } } .about-article-block__views-icon { width: 32.6px; height: 21.24px; margin-right: 11px; fill: #C6CED6; } .about-article-block__views-number { font-weight: 500; font-size: 14px; line-height: 18px; color: #C6CED6; } .about-article-block__author-img { position: absolute; width: 40px; height: 40px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 100%; } .about-article-block__author-name { display: block; font-weight: 500; font-size: 14px; line-height: 18px; color: #858A8F; text-decoration: none; } .about-article-block__author-function { font-weight: 400; font-size: 14px; line-height: 18px; color: #858A8F; } .about-article-block__author-function a { font-weight: 500; text-decoration: none; } .about-article-block__time { position: relative; padding-left: 32px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media screen and (max-width: 767px) { .about-article-block__time { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 0; } } .about-article-block__time-icon { position: absolute; width: 24px; height: 24px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); fill: #858A8F; } @media screen and (max-width: 767px) { .about-article-block__time-icon { display: none; } } .about-article-block__time-text { font-weight: normal; font-size: 14px; line-height: 18px; color: #858A8F; } @media screen and (max-width: 767px) { .about-article-block__time-text { font-size: 12px; color: #2E3A4C; } } .about-article-block__time-text span { font-weight: 700; } .article-head-block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -30px; } @media screen and (max-width: 991px) { .article-head-block { margin-right: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .article-head-block__left, .article-head-block__right { position: relative; margin-right: 30px; } @media screen and (max-width: 991px) { .article-head-block__left, .article-head-block__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } } .article-head-block__left { position: relative; padding-top: 20px; z-index: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 540px; -ms-flex: 0 0 540px; flex: 0 0 540px; } @media screen and (max-width: 991px) { .article-head-block__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-top: 0; } } .article-head-block__right { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-top: 20px; height: 100%; z-index: 1; } .article-head-block__right:before { content: ''; position: absolute; top: -9px; left: 95px; width: 100vw; height: 230px; background-color: #F1F1F1; border-radius: 16px; z-index: -1; } @media screen and (max-width: 991px) { .article-head-block__right:before { display: none; } } @media screen and (max-width: 991px) { .article-head-block__right { padding-top: 0; margin-bottom: 17px; margin-top: -23px; } } .article-head-block__img-block { border-radius: 16px; overflow: hidden; font-size: 0; line-height: 0; -webkit-filter: drop-shadow(0px 1px 9px rgba(46, 58, 76, 0.12)); filter: drop-shadow(0px 1px 9px rgba(46, 58, 76, 0.12)); max-height: 265px; } @media screen and (max-width: 991px) { .article-head-block__img-block { border-radius: 8px; } } @media screen and (max-width: 575px) { .article-head-block__img-block { max-height: 150px; } } .article-head-block__img-block img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media screen and (max-width: 991px) { .article-head-block__img-block img { max-height: 265px; } } @media screen and (max-width: 575px) { .article-head-block__img-block img { max-height: 150px; } } .article-head-block__title { margin-bottom: 40px; text-align: left; font-weight: 900; font-size: 40px; line-height: 42px; } @media screen and (max-width: 767px) { .article-head-block__title { margin-bottom: 30px; font-size: 30px; line-height: 40px; } } .article-head-block__preview-text { font-weight: 500; font-size: 22px; line-height: 36px; } @media screen and (max-width: 767px) { .article-head-block__preview-text { font-size: 20px; line-height: 30px; } } .matnav { margin: 50px 0; } @media screen and (max-width: 767px) { .matnav { font-size: 16px; margin: 0; } } .matnav__list { margin: 0; margin-top: 7px; padding: 0; counter-reset: matnavNumber; } .matnav__item { position: relative; list-style: none; padding-left: 65px; margin-bottom: 20px; } .matnav__item:last-child { margin-bottom: 0; } .matnav__item:before { position: absolute; counter-increment: matnavNumber; content: counter(matnavNumber); 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; min-width: 40px; height: 50px; left: 0; top: -6px; font-weight: bold; font-size: 40px; line-height: 51px; color: #C6CED6; } .matnav__link { color: #2E3A4C; font-weight: 500; font-size: 16px; line-height: 18px; text-decoration: none; border-bottom: none; } .matnav__listin { margin-top: 20px; } .matnav__itemin { list-style: none; padding: 0; margin-left: 0; margin-bottom: 20px; padding-left: 65px; } .matnav__itemin::before { display: none; } .matnav__linkin { font-weight: normal; font-size: 16px; line-height: 18px; color: #2E3A4C; text-decoration: none; } .matnav__title { display: block; font-weight: bold; font-size: 24px; line-height: 28px; margin-bottom: 20px; } .matnav__open-mobile-button { display: none; position: fixed; bottom: 7px; right: 7px; width: 40px; height: 40px; border-radius: 50%; background: #E2223F; cursor: pointer; z-index: 1; } @media screen and (max-width: 767px) { .matnav__open-mobile-button { display: block; } } .matnav__open-mobile-button-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 9px; height: 20px; fill: #ffffff; } .matnav__close { display: none; } .matnav__overlay { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: #2E3A4C; opacity: 0.9; z-index: 10; } @media screen and (max-width: 767px) { .matnav__block-deskt { display: none; } } .matnav__container-pp { position: fixed; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; z-index: 2; height: 100%; width: 100%; max-width: 320px; top: 0; right: 0; background-color: #FAFAFA; z-index: 10; } .matnav__container-pp:before { content: ''; position: absolute; left: 100%; top: 0; background-color: #FAFAFA; width: 100vw; height: 100%; } .matnav__container-pp .matnav__title { margin-bottom: 0; } .matnav__container-pp .matnav__close { position: absolute; display: block; width: 24px; height: 24px; top: 15px; left: 15px; cursor: pointer; } @media screen and (max-width: 1023px) { .matnav__container-pp .matnav__close { left: auto; right: 15px; } } .matnav__container-pp .matnav__close:before, .matnav__container-pp .matnav__close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; border-radius: 5px; background-color: #2E3A4C; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .matnav__container-pp .matnav__close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .matnav__container-pp .matnav__list { position: relative; top: 54px; height: calc(100% - 54px); padding: 30px; overflow: auto; } .matnav__container-pp .matnav__list::-webkit-scrollbar { background-color: #F1F1F1; width: 3px; } .matnav__container-pp .matnav__list::-webkit-scrollbar-thumb { background-color: #2E3A4C; } .matnav__container-pp.open { -webkit-transform: translateX(calc(0% - (100vw - 906px) / 2)); -ms-transform: translateX(calc(0% - (100vw - 906px) / 2)); transform: translateX(calc(0% - (100vw - 906px) / 2)); } @media screen and (max-width: 1023px) { .matnav__container-pp.open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .matnav__title-block { position: fixed; height: 100%; width: 100%; top: 0; right: 0; height: 54px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); box-shadow: 0px 4px 4px rgba(46, 58, 76, 0.1); padding: 15px 16px 15px 69px; } @media screen and (max-width: 1023px) { .matnav__title-block { padding: 15px 16px; } } .matnav__title-block:before { content: ''; position: absolute; left: 99%; top: 0; background-color: #ffffff; -webkit-box-shadow: 4px 4px 4px rgba(46, 58, 76, 0.1); box-shadow: 4px 4px 4px rgba(46, 58, 76, 0.1); width: 100vw; height: 100%; } .article-container { position: relative; overflow: hidden; } @media screen and (max-width: 767px) { .article-container { overflow: visible; } } .article-container__rigth-sticky-container { position: absolute; width: calc(25% - 22px); height: 100%; top: 0; right: 0; } @media screen and (max-width: 991px) { .article-container__rigth-sticky-container { width: calc(35% - 22px); } } @media screen and (max-width: 767px) { .article-container__rigth-sticky-container { position: relative; width: 100%; } } .article-container__rigth-sticky-block { position: absolute; top: 0; max-width: calc(1110px * 0.25 - 22px); } @media screen and (max-width: 1199px) { .article-container__rigth-sticky-block { max-width: calc(100vw * 0.25 - 30px); } } @media screen and (max-width: 991px) { .article-container__rigth-sticky-block { max-width: calc(100vw * 0.35 - 30px); } } @media screen and (max-width: 767px) { .article-container__rigth-sticky-block { position: relative; max-width: 100%; } } .article-container__rigth-sticky-block.top-pos { top: 0; bottom: auto; position: absolute; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .article-container__rigth-sticky-block.bottom-pos { top: auto; bottom: 0; position: absolute; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .article-container__rigth-sticky-block.fixed-pos { top: 180px; bottom: auto; position: fixed; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .article-container__rigth-sticky-block.fixed-pos.header-banner-open { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } @media screen and (max-width: 767px) { .article-container__rigth-sticky-block.fixed-pos.header-banner-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media screen and (max-width: 767px) { .article-container__rigth-sticky-block.top-pos, .article-container__rigth-sticky-block.bottom-pos, .article-container__rigth-sticky-block.fixed-pos { top: auto; bottom: auto; position: relative; } } .article-container__rigth-sticky-block.matnav-vis .article-container__now-read { position: relative; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); padding-bottom: 60px; } @media screen and (max-width: 767px) { .article-container__rigth-sticky-block.matnav-vis .article-container__now-read { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding-bottom: 0; } } .article-container__rigth-sticky-block.matnav-vis .article-container__banner-promo-sidebar { position: relative; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); padding-bottom: 60px; } @media screen and (max-width: 767px) { .article-container__rigth-sticky-block.matnav-vis .article-container__banner-promo-sidebar { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding-bottom: 0; } } .article-container__rigth-sticky-block.matnav-vis .article-container__button-matnav { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .article-container__left-sticky-container { position: relative; width: 100%; } .article-container__share { margin-left: 8.333%; position: relative; width: 100%; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .article-container__share.bottom-pos, .article-container__share.fixed-pos { bottom: 0; position: relative; } .article-container__now-read { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .button-matnav { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 7px 35px 7px 55px; background-color: #2E3A4C; color: #ffffff; fill: #ffffff; border-radius: 16px; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; font-size: 14px; line-height: 18px; -webkit-transform: translateY(-400px); -ms-transform: translateY(-400px); transform: translateY(-400px); } @media screen and (max-width: 767px) { .button-matnav { display: none; } } .button-matnav:hover { background-color: #1D293F; } .button-matnav__icon { position: absolute; width: 12px; height: 19px; top: 50%; left: 35px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article-content { width: 66%; margin-left: 8.333%; font-weight: normal; font-size: 20px; line-height: 34px; } @media screen and (max-width: 991px) { .article-content { width: 56.666%; margin-left: 8.333%; } } @media screen and (max-width: 767px) { .article-content { width: 100%; margin-left: 0; margin-bottom: 50px; } } .article-content h2 { margin-top: 50px; margin-bottom: 20px; font-weight: bold; font-size: 24px; line-height: 30px; } .article-content h2:first-child { margin-top: 0; } .article-content h2:last-child { margin-bottom: 0; } .article-content h3 { margin-top: 30px; margin-bottom: 20px; font-weight: bold; font-size: 22px; line-height: 28px; } .article-content h3:last-child { margin-bottom: 0; } .article-content p { margin-bottom: 20px; } .article-content p:last-child { margin-bottom: 0; } .article-content ul > li { margin-left: 11px; font-weight: normal; font-size: 20px; line-height: 34px; } .article-content ul > li::before { top: 13px; } .article-content ul ol { margin-top: 15px; margin-bottom: 15px; } .article-content ol { margin: 0; margin-bottom: 20px; list-style: none; counter-reset: myCounter; } .article-content ol > li { position: relative; margin-left: 0; padding-left: 45px; font-weight: normal; font-size: 20px; line-height: 34px; } .article-content ol > li:before { counter-increment: myCounter; content: counter(myCounter) ". "; position: absolute; left: 0; top: 0; width: 20px; font-weight: normal; font-size: 20px; line-height: 34px; color: #858A8F; } .article-content ol ul { margin-top: 15px; margin-bottom: 15px; } .article-content .table-content { width: 100%; overflow: auto; margin-bottom: 40px; margin-top: 40px; } .article-content .table-content:last-child { margin-bottom: 0; } .article-content .table-content__wrapper { width: 100%; overflow: auto; } .article-content .table-content__wrapper::-webkit-scrollbar { background-color: #F1F1F1; height: 10px; } .article-content .table-content__wrapper::-webkit-scrollbar-thumb { background-color: #2E3A4C; border-radius: 4px; } .article-content .table-content__scroll-block { width: 100%; height: 10px; margin-bottom: 10px; overflow: auto; } .article-content .table-content__scroll-block::-webkit-scrollbar { background-color: #F1F1F1; height: 10px; } .article-content .table-content__scroll-block::-webkit-scrollbar-thumb { background-color: #2E3A4C; border-radius: 4px; } .article-content .table-content__scroll { height: 10px; } .article-content .table-comparison tbody tr:nth-child(2n) { background-color: transparent; } .article-content .table-comparison tbody tr th, .article-content .table-comparison tbody tr td { min-width: 365px; } .article-content table { min-width: 100%; border-collapse: collapse; } .article-content table thead { background-color: #2E3A4C; color: #ffffff; } .article-content table thead th, .article-content table thead td { font-weight: 400; text-align: left; } .article-content table tbody tr:nth-child(2n) { background-color: #F1F1F1; } .article-content table th, .article-content table td { padding: 20px; font-weight: normal; font-size: 14px; line-height: 34px; text-align: left; vertical-align: baseline; } .article-content table th b, .article-content table th strong, .article-content table td b, .article-content table td strong { font-weight: 500; } .now-read-block__title { display: block; margin-bottom: 30px; font-weight: bold; font-size: 24px; line-height: 28px; } .now-read-block__item { position: relative; display: block; min-height: 60px; margin-bottom: 30px; padding-left: 95px; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 130%; } .now-read-block__item:last-child { margin-bottom: 0; } .now-read-block__item-img { position: absolute; width: 80px; height: 60px; top: 0; left: 0; border-radius: 8px; background-position: center; background-size: cover; background-repeat: no-repeat; } .now-read-block__item-title { font-weight: 500; font-size: 14px; line-height: 130%; color: #2E3A4C; } @media screen and (max-width: 767px) { .share-blog { margin-bottom: 40px; } } .share-blog__block { position: relative; margin-bottom: 20px; } @media screen and (max-width: 767px) { .share-blog__block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .share-blog__block .share-blog__button-trigger.share-navigator-active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .share-blog__block .share-blog__button-trigger.share-navigator-active + .share-blog__link-block { display: none; } } .share-blog__button-trigger { display: none; -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: 54px; height: 54px; cursor: pointer; } .share-blog__icon-share { width: 19px; height: 21px; fill: #C6CED6; } .share-blog__link-block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .share-blog .ya-share2 { 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; } .share-blog .ya-share2__badge { 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; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item { 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: 54px; height: 44px; margin: 0; } @media screen and (max-width: 767px) { .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item { width: 40px; } } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item:before { display: none; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item .ya-share2__badge { background-color: transparent; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item.ya-share2__item_service_vkontakte .ya-share2__badge .ya-share2__icon { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/social-icon/vk.svg); background-size: contain; background-repeat: no-repeat; width: 25px; height: 13px; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item.ya-share2__item_service_facebook .ya-share2__badge .ya-share2__icon { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/social-icon/facebook.svg); background-size: contain; background-repeat: no-repeat; width: 10px; height: 23px; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item.ya-share2__item_service_twitter .ya-share2__badge .ya-share2__icon { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/social-icon/twitter.svg); background-size: contain; background-repeat: no-repeat; width: 22px; height: 17px; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item.ya-share2__item_service_odnoklassniki .ya-share2__badge .ya-share2__icon { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/social-icon/odnoklassniki.svg); background-size: contain; background-repeat: no-repeat; width: 12px; height: 21px; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item.ya-share2__item_service_moimir .ya-share2__badge .ya-share2__icon { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/social-icon/moimir.svg); background-size: contain; background-repeat: no-repeat; width: 21px; height: 14px; } .share-blog .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__item.ya-share2__item_service_telegram .ya-share2__badge .ya-share2__icon { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/social-icon/tg.svg); background-size: contain; background-repeat: no-repeat; width: 17px; height: 14px; } .share-blog__views { width: 54px; } @media screen and (max-width: 767px) { .share-blog__views { 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; } } .share-blog__views-icon-blcok { 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-flex: 0; -webkit-flex: 0 0 54px; -ms-flex: 0 0 54px; flex: 0 0 54px; width: 54px; height: 54px; } .share-blog__views-icon { width: 32.31px; height: 21.24px; fill: #C6CED6; } .share-blog__views-number { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; display: block; text-align: center; font-weight: 500; font-size: 14px; line-height: 18px; color: #C6CED6; margin: 0 auto; } .article-content .read-more-block { margin-bottom: 70px; margin-top: 50px; } .article-content .read-more-block:last-child { margin-bottom: 0; } .article-content .read-more-block__title { display: block; margin-bottom: 20px; font-weight: bold; font-size: 24px; line-height: 28px; } .article-content .read-more-block__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -20px; } @media screen and (max-width: 991px) { .article-content .read-more-block__list { display: block; } } .article-content .read-more-block__item-article { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(33.333% - 20px); -ms-flex: 0 0 calc(33.333% - 20px); flex: 0 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px); min-height: 280px; margin-right: 20px; padding: 15px; border-radius: 8px; overflow: hidden; text-decoration: none; color: #ffffff; } @media screen and (max-width: 991px) { .article-content .read-more-block__item-article { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(100% - 20px); -ms-flex: 0 0 calc(100% - 20px); flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px); min-height: auto; margin-bottom: 20px; padding: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 0; color: #2E3A4C; } } .article-content .read-more-block__article-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } @media screen and (max-width: 991px) { .article-content .read-more-block__article-img { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; height: 60px; overflow: hidden; border-radius: 8px; margin-right: 15px; } } .article-content .read-more-block__article-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(18.51%, rgba(34, 34, 34, 0)), color-stop(72.06%, rgba(34, 34, 34, 0.8))); background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 18.51%, rgba(34, 34, 34, 0.8) 72.06%); background: linear-gradient(180deg, rgba(34, 34, 34, 0) 18.51%, rgba(34, 34, 34, 0.8) 72.06%); } @media screen and (max-width: 991px) { .article-content .read-more-block__article-img:before { display: none; } } .article-content .read-more-block__article-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; max-width: initial; margin: initial; } .article-content .read-more-block__article-title { font-weight: 500; font-size: 16px; line-height: 130%; } @media screen and (max-width: 991px) { .article-content .read-more-block__article-title { font-size: 14px; } } .form-callback-content { overflow: hidden; position: relative; padding: 40px 30px; background-color: #FAFAFA; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); border-radius: 16px; margin: 50px 0; z-index: 1; } @media screen and (max-width: 767px) { .form-callback-content { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 45px 15px 0 15px; border-radius: 0; overflow: visible; margin: 70px 0 50px 0; } } .form-callback-content:before { content: ''; position: absolute; background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/form-phone-bg.svg); background-size: contain; background-repeat: no-repeat; width: 195px; height: 174px; top: 130px; left: -38px; z-index: 1; } @media screen and (max-width: 767px) { .form-callback-content:before { width: 160px; height: 143px; top: -57px; left: -52px; } } .form-callback-content:after { content: ''; position: absolute; width: 660px; height: 200px; border-radius: 16px; background-color: #F1F1F1; top: 147px; left: -530px; z-index: 0; } @media screen and (max-width: 767px) { .form-callback-content:after { width: 121px; height: 124px; top: 0; left: 0; } } .form-callback-content__title { position: relative; display: block; margin-bottom: 30px; font-family: "RobotoSlab", Arial, sans-serif; font-weight: 500; font-size: 36px; line-height: 47px; z-index: 1; } @media screen and (max-width: 767px) { .form-callback-content__title { margin-bottom: 20px; } } .form-callback-content__form-block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 130px; margin-right: -30px; } @media screen and (max-width: 1023px) { .form-callback-content__form-block { display: block; margin-right: 0; } } @media screen and (max-width: 767px) { .form-callback-content__form-block { padding-left: 0; z-index: 1; } } .form-callback-content__inputholder { -webkit-box-flex: calc(50% - 30px); -webkit-flex: calc(50% - 30px); -ms-flex: calc(50% - 30px); flex: calc(50% - 30px); margin-right: 30px; } .form-callback-content__inputholder:last-of-type { margin-bottom: 20px; } .form-callback-content__button { -webkit-box-flex: calc(50% - 30px); -webkit-flex: calc(50% - 30px); -ms-flex: calc(50% - 30px); flex: calc(50% - 30px); margin-right: 30px; height: 100%; min-width: initial; } @media screen and (max-width: 1023px) { .form-callback-content__button { width: 100%; margin-bottom: 20px; } } .form-callback-content__policy { display: block; font-weight: normal; font-size: 14px; line-height: 21px; color: #858A8F; } .form-callback-content__policy a { text-decoration: none; } .form-callback-content__title-desc { font-weight: 500; font-size: 16px; line-height: 20px; color: #858A8F; } .form-callback-content__desc { padding-left: 130px; color: #858A8F; } @media screen and (max-width: 767px) { .form-callback-content__desc { padding-left: 0; } } .form-callback-content__thanks-block { position: relative; min-height: 185px; z-index: 1; } @media screen and (max-width: 767px) { .form-callback-content__thanks-block { min-height: 100px; } } .article-content img { display: block; max-width: 100%; height: auto; margin: 50px auto; } .article-content img + .default-sign-img { margin-top: -30px; } .article-content .default-container-img { margin: 50px -7.5px; position: relative; width: 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .article-content .default-container-img { display: block; } } .article-content .default-container-img__img { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 7.5px; } @media screen and (max-width: 991px) { .article-content .default-container-img__img { margin-bottom: 20px; } .article-content .default-container-img__img:last-child { margin-bottom: 0; } } .article-content .default-container-img img { margin: 0 auto; } .article-content .default-container-img + .default-sign-img { margin-top: -30px; } .article-content .default-sign-img, .article-content .default-sign-video { display: block; margin-top: 50px; margin-bottom: 50px; font-weight: normal; font-size: 16px; line-height: 21px; text-align: center; color: #858A8F; } .article-content .default-container-video { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 50px -7.5px; } @media screen and (max-width: 991px) { .article-content .default-container-video { display: block; } } .article-content .default-container-video__iframe { position: relative; overflow: hidden; width: 100%; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 7.5px; } @media screen and (max-width: 991px) { .article-content .default-container-video__iframe { margin: 0 0 15px 0; } } .article-content .default-container-video__iframe::before { display: block; content: ''; position: relative; overflow: hidden; height: 0; width: 100%; padding-bottom: 56.25%; top: 0; left: 0; } .article-content .default-container-video iframe, .article-content .default-container-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .article-content .default-container-video + .default-sign-video { margin-top: -30px; } .article-content .default-container-video-long { position: relative; 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: 50px -7.5px; } .article-content .default-container-video-long__iframe { position: relative; overflow: hidden; width: 100%; max-width: 40%; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 7.5px; } .article-content .default-container-video-long__iframe video { width: 100%; } .article-content .default-container-video-long + .default-sign-video { margin-top: -30px; } .article-content .img-big-pp-wrap { position: relative; max-height: 450px; margin-bottom: 50px; margin-top: 50px; overflow: hidden; border-radius: 8px; cursor: pointer; } @media screen and (max-width: 767px) { .article-content .img-big-pp-wrap { max-height: 180px; } } .article-content .img-big-pp-wrap:hover:after { opacity: 0.6; } .article-content .img-big-pp-wrap:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(#2E3A4C), to(rgba(46, 58, 76, 0))); background: -o-linear-gradient(#2E3A4C 0%, rgba(46, 58, 76, 0) 100%); background: linear-gradient(#2E3A4C 0%, rgba(46, 58, 76, 0) 100%); z-index: 1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .article-content .img-big-pp-wrap:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 66px; height: 66px; background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/magnifier-big.svg); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .article-content .img-big-pp-wrap:last-child { margin-bottom: 0; } .article-content .img-big-pp-wrap img { position: relative; display: block; border-radius: 8px; margin: 0 auto; font-size: 0; line-height: 0; max-width: 100%; height: auto; } .article-content .img-big-pp-wrap + .default-sign-img { margin-top: -30px; } .article-content .slider-fancybox-wrap { position: relative; margin: 50px auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 8px; overflow: hidden; min-width: 220px; } @media screen and (max-width: 360px) { .article-content .slider-fancybox-wrap { max-width: 100%; } } .article-content .slider-fancybox-wrap:hover .slider-fancybox-button { background-color: #ef4b63; } .article-content .slider-fancybox-wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 58, 76, 0)), to(#2E3A4C)); background: -o-linear-gradient(top, rgba(46, 58, 76, 0) 0%, #2E3A4C 100%); background: linear-gradient(180deg, rgba(46, 58, 76, 0) 0%, #2E3A4C 100%); z-index: 1; pointer-events: none; } .article-content .slider-fancybox-wrap a { display: block; height: 0; width: 0; overflow: hidden; } .article-content .slider-fancybox-wrap a:first-child { height: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .article-content .slider-fancybox-wrap img { display: block; min-width: 220px; margin: 0 auto; border-radius: 8px; } @media screen and (max-width: 360px) { .article-content .slider-fancybox-wrap img { max-width: 100%; } } .article-content .slider-fancybox-wrap .slider-fancybox-button { position: absolute; min-width: 170px; padding: 7px 11px 7px 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #E2223F; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; border-radius: 16px; font-weight: 500; font-size: 14px; line-height: 18px; color: #ffffff; cursor: pointer; z-index: 2; pointer-events: none; } .article-content .slider-fancybox-wrap .slider-fancybox-button:before { content: ''; position: absolute; width: 22px; height: 9px; left: 11px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/slider-icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .article-content .slider-fancybox-wrap + .default-sign-img { margin-top: -30px; } .article-content blockquote { margin: 50px 0; padding-left: 34px; border-left: 4px solid #E2223F; font-weight: 500; font-size: 24px; line-height: 41px; } @media screen and (max-width: 767px) { .article-content blockquote { padding-left: 15px; font-size: 20px; line-height: 30px; } } .article-content .blockquote-expert-content { position: relative; margin-top: 70px; padding: 40px 95px; border: none; font-weight: 500; font-size: 20px; line-height: 30px; background-color: #FAFAFA; -webkit-box-shadow: 0px 1px 9px rgba(46, 58, 76, 0.12); box-shadow: 0px 1px 9px rgba(46, 58, 76, 0.12); border-radius: 16px; } @media screen and (max-width: 991px) { .article-content .blockquote-expert-content { padding: 70px 20px 30px 20px; } } .article-content .blockquote-expert-content:before { content: '“'; position: absolute; font-weight: bold; font-size: 96px; line-height: 123px; top: 0; left: 20px; color: #E2223F; } .article-content .blockquote-expert-content .author-info { margin-top: 25px; color: #858A8F; } .article-content .blockquote-expert-content .author-info img { position: absolute; margin: 0; width: 80px; height: 80px; top: -38px; right: 20px; border-radius: 50px; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); } .article-content .blockquote-expert-content .author-info .name { margin: 0; text-align: right; font-weight: bold; font-size: 18px; line-height: 30px; } .article-content .blockquote-expert-content .author-info .pos { margin: 0; text-align: right; font-weight: 500; font-size: 18px; line-height: 30px; } .article-content .blockquote-inset { position: relative; padding: 55px 0 40px 0; border-left: none; border-top: 1px solid #C6CED6; border-bottom: 1px solid #C6CED6; font-weight: 300; font-size: 20px; line-height: 34px; font-family: "RobotoSlab", Arial, sans-serif; text-align: center; } @media screen and (max-width: 991px) { .article-content .blockquote-inset { font-size: 18px; } } .article-content .blockquote-inset::after { content: '“'; position: absolute; font-weight: bold; font-size: 96px; line-height: 123px; top: -35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #E2223F; z-index: 1; } .article-content .blockquote-inset:before { content: ''; position: absolute; width: 130px; height: 91px; top: -35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; z-index: 1; } .article-content audio { margin: 50px 0; width: 100%; } .article-content .read-more-content, .article-content .see-more-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 50px 0; padding: 20px; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); border-radius: 8px; background-color: #FAFAFA; text-decoration: none; } .article-content .read-more-content:last-child, .article-content .see-more-content:last-child { margin-bottom: 10px; } .article-content .read-more-content img, .article-content .see-more-content img { display: block; margin: 0 30px 0 0; font-size: 0; line-height: 0; width: 160px; -webkit-box-flex: 0; -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; height: 120px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .article-content .read-more-content img, .article-content .see-more-content img { display: none; } } .article-content .read-more-content .title, .article-content .see-more-content .title { display: block; margin-top: 48px; color: #E2223F; font-weight: 500; font-size: 18px; line-height: 24px; text-decoration: none; } .article-content .read-more-content:before, .article-content .see-more-content:before { position: absolute; content: 'Читайте также'; font-family: "RobotoSlab", Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 24px; top: 23px; left: 244px; color: #2E3A4C; } @media screen and (max-width: 767px) { .article-content .read-more-content:before, .article-content .see-more-content:before { left: 55px; } } .article-content .read-more-content::after, .article-content .see-more-content::after { content: ''; position: absolute; width: 24px; height: 28px; top: 23px; left: 210px; background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/book-icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 767px) { .article-content .read-more-content::after, .article-content .see-more-content::after { left: 20px; } } .article-content .see-more-content:before { content: 'Смотрите также'; } .article-content .see-more-content::after { background-image: url(/bitrix/templates/texterra/css/pages/../../img/image/time-icon.svg); } .article-content .acronym-container { display: inline; } .article-content .acronym-container .acronym-open { position: absolute; display: inline; top: 100%; background: #fff; padding: 5px 6px; font-size: 15px; border-radius: 5px; left: 2px; max-width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 18px; -webkit-box-shadow: 0 0 3px #2E3A4C; box-shadow: 0 0 3px #2E3A4C; border: unset; bottom: auto; z-index: 1; } .article-content acronym { position: relative; display: inline; text-decoration: none; border-bottom: 1px dashed #E2223F; cursor: pointer; } .article-content acronym.acronym-open { content: attr(data-title); position: absolute; display: inline; top: 100%; background: #fff; padding: 5px 6px; font-size: 15px; border-radius: 5px; left: 2px; max-width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 18px; -webkit-box-shadow: 0 0 3px #2E3A4C; box-shadow: 0 0 3px #2E3A4C; border: unset; bottom: auto; z-index: 1; } .article-content .article-quiz { background: #F5F5F5; border-radius: 15px; padding: 48px; position: relative; overflow: hidden; margin-bottom: 50px; margin-top: 50px; } .article-content .article-quiz:last-child { margin-bottom: 0; } @media screen and (max-width: 767px) { .article-content .article-quiz { padding: 28px; } } .article-content .article-quiz .pollservice-ru_vote-form { padding: 0; padding-right: 208px; } @media screen and (max-width: 767px) { .article-content .article-quiz .pollservice-ru_vote-form { padding-bottom: 163px; padding-right: 0; } } .article-content .article-quiz .pollservice-ru_vote-form::before { content: ''; position: absolute; background-image: url("/bitrix/templates/texterra/css/pages/../../img/image/question-test-bg.png"); width: 253px; height: 275px; right: -78px; bottom: -58px; background-size: contain; background-position: bottom; background-repeat: no-repeat; } @media screen and (max-width: 991px) { .article-content .article-quiz .pollservice-ru_vote-form::before { width: 203px; height: 237px; } } @media screen and (max-width: 767px) { .article-content .article-quiz .pollservice-ru_vote-form::before { background-image: url("/bitrix/templates/texterra/css/pages/../../img/image/question-test-bg-mobile.png"); width: 184px; height: 223px; right: -50px; bottom: -50px; } } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_answer-list { margin-bottom: 5px; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_answer-wrapper { display: table-row; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_answer-wrapper label { position: relative; display: block; margin-bottom: 17px; padding: 0; padding-left: 21px; cursor: pointer; font-family: "TT Norms Pro", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 130%; color: #333333; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_answer-wrapper label::before { content: ''; position: absolute; width: 11px; height: 11px; top: 2px; left: 0; background: #ffffff; border: 1px solid #C6CED6; border-radius: 100%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_answer-wrapper input { display: none; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_answer-wrapper input:checked + label::after { content: ''; position: absolute; width: 9px; height: 9px; top: 4px; left: 2px; border-radius: 100%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background: #E2223F; } .article-content .article-quiz .pollservice-ru_poll-wrapper { font-size: 14px; } .article-content .article-quiz .pollservice-ru_question-title { margin-bottom: 25px; } .article-content .article-quiz .pollservice-ru_question-title a { border: unset; font-weight: bold; font-size: 20px; line-height: 120%; color: #E2223F; font-family: "TT Norms Pro", Arial, sans-serif; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_button-answer { max-width: 150px; margin: 2px 0px; padding: 9px 44px; background-color: #E2223F; border: none; outline: none; border-radius: 100px; color: #ffffff; text-align: center; cursor: pointer; line-height: 120%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .article-content .article-quiz .pollservice-ru_vote-form .pollservice-ru_button-answer:hover { background-color: #ef4b63; } .article-content .article-quiz .pollservice-ru_results .pollservice-ru_answer-wrapper .pollservice-ru_answer-title { font-family: "TT Norms Pro", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 120%; color: #333333; margin-bottom: 8px; } .article-content .article-quiz .pollservice-ru_results .pollservice-ru_answer-wrapper .pollservice-ru_count { font-family: "TT Norms Pro", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 120%; color: #858A8F; margin-bottom: 5px; } .article-content .article-quiz .pollservice-ru_results .pollservice-ru_answer-wrapper .pollservice-ru_line { border: unset; background: #C6CED6; border-radius: 5px; height: 7px; } .article-content .article-quiz .pollservice-ru_results .pollservice-ru_answer-wrapper .pollservice-ru_fill { height: 7px; background: #E2223F; border-radius: 5px; } .article-content .instagram, .article-content .tiktok, .article-content .vk { margin-top: 50px; margin-bottom: 50px; } .article-content .instagram:last-child, .article-content .tiktok:last-child, .article-content .vk:last-child { margin-bottom: 0; } .article-content .instagram blockquote, .article-content .tiktok blockquote, .article-content .vk blockquote { max-width: 540px; margin: 0 auto; padding: 0; border: 0; font-size: 16px; line-height: 24px; } @media screen and (max-width: 540px) { .article-content .instagram blockquote, .article-content .tiktok blockquote, .article-content .vk blockquote { min-width: initial !important; width: 100% !important; } } .article-content .instagram iframe, .article-content .tiktok iframe, .article-content .vk iframe { display: block; max-width: 540px; margin: 0 auto !important; } @media screen and (max-width: 540px) { .article-content .instagram iframe, .article-content .tiktok iframe, .article-content .vk iframe { min-width: initial !important; width: 100% !important; } } .article-content .big-list > li { padding-left: 0; padding-top: 30px; margin-bottom: 50px; } @media screen and (max-width: 1023px) { .article-content .big-list > li { padding-top: 112px; } } .article-content .big-list > li:last-child { margin-bottom: 0; } .article-content .big-list > li:before { content: counter(myCounter); 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; min-width: 50px; left: auto; top: 0; right: calc(100% + 30px); font-weight: bold; font-size: 64px; line-height: 82px; color: #E2223F; text-shadow: 18px 18px 0px rgba(198, 206, 214, 0.5); } @media screen and (max-width: 1023px) { .article-content .big-list > li:before { right: auto; left: 0; min-width: initial; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .article-content .big-list li > ul > li { padding-left: 30px; } .article-more-list-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } .article-more-list-block__item { position: relative; margin-right: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(33.333% - 30px); -ms-flex: 0 0 calc(33.333% - 30px); flex: 0 0 calc(33.333% - 30px); display: block; min-height: 60px; margin-bottom: 30px; padding-left: 110px; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 130%; } @media screen and (max-width: 991px) { .article-more-list-block__item { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); } } @media screen and (max-width: 767px) { .article-more-list-block__item { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); padding-left: 95px; } } .article-more-list-block__img { position: absolute; width: 80px; height: 60px; top: 0; left: 0; border-radius: 8px; background-position: center; background-size: cover; background-repeat: no-repeat; } .article-more-list-block__date { display: block; margin-bottom: 5px; color: #858A8F; font-weight: normal; font-size: 10px; line-height: 18px; } .article-more-list-block__title { display: block; color: #2E3A4C; font-weight: 500; font-size: 14px; line-height: 130%; } .article-tag-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-bottom: -10px; } .article-tag-bottom__item { display: block; margin-right: 15px; margin-bottom: 10px; padding: 3px 9px; border-radius: 16px; background-color: #2E3A4C; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-decoration: none; } .article-tag-bottom__item:hover { background-color: #1D293F; } .author-info-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; min-height: 80px; } .author-info-bottom__link-block { position: relative; height: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(33.333% - 15px); -ms-flex: 0 0 calc(33.333% - 15px); flex: 0 0 calc(33.333% - 15px); margin-right: 30px; padding-left: 140px; } @media screen and (max-width: 991px) { .author-info-bottom__link-block { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; min-height: 65px; margin-bottom: 20px; padding-left: 95px; } } .author-info-bottom__article-block { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(66.666% - 15px); -ms-flex: 0 0 calc(66.666% - 15px); flex: 0 0 calc(66.666% - 15px); } @media screen and (max-width: 991px) { .author-info-bottom__article-block { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .author-info-bottom__foto { position: absolute; width: 110px; height: 110px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } @media screen and (max-width: 991px) { .author-info-bottom__foto { width: 65px; height: 65px; } } .author-info-bottom__foto img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 100%; font-size: 0; line-height: 0; } .author-info-bottom__name { font-weight: bold; font-size: 18px; line-height: 23px; text-decoration: none; color: #2E3A4C; } .author-info-bottom__function { font-weight: 500; font-size: 14px; line-height: 18px; color: #858A8F; } .author-info-bottom__function a { text-decoration: none; } .author-info-bottom__subtitle { display: block; margin-bottom: 24px; font-weight: 500; font-size: 18px; line-height: 23px; } .author-info-bottom__article-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } @media screen and (max-width: 767px) { .author-info-bottom__article-list { margin-right: 0; } } .author-info-bottom__article-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); margin-right: 30px; text-decoration: none; margin-bottom: 10px; } @media screen and (max-width: 767px) { .author-info-bottom__article-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; display: block; margin-bottom: 20px; } } .author-info-bottom__article-date { display: block; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 65px; -ms-flex: 0 0 65px; flex: 0 0 65px; color: #858A8F; font-weight: normal; font-size: 10px; line-height: 18px; text-align: center; } @media screen and (max-width: 767px) { .author-info-bottom__article-date { margin-right: 0; text-align: left; } } .author-info-bottom__article-title { font-weight: 500; font-size: 14px; line-height: 130%; } .author-info-bottom__link-all-article { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: 500; font-size: 14px; line-height: 16px; color: #858A8F; text-decoration: none; } .copy-text-info { margin-left: 8.333%; font-weight: normal; font-size: 14px; line-height: 18px; color: #858A8F; } @media screen and (max-width: 991px) { .copy-text-info { margin-left: 0; } } .article-disqus { margin: 0 auto; } .banner-content-promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 66%; margin-left: 8.333%; min-height: 250px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-radius: 5px; background-color: #2E3A4C; color: #ffffff; } @media screen and (max-width: 991px) { .banner-content-promo { margin-left: 0; max-width: 450px; min-height: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .banner-content-promo__content { -webkit-box-flex: 0; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; padding: 39px 10px 39px 50px; } @media screen and (max-width: 991px) { .banner-content-promo__content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 20px 20px 30px 20px; } } .banner-content-promo__img { -webkit-box-flex: 0; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; font-size: 0; line-height: 0; } @media screen and (max-width: 991px) { .banner-content-promo__img { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .banner-content-promo__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; margin: 0; } .banner-content-promo__title { display: block; margin-bottom: 15px; font-weight: 500; font-size: 36px; line-height: 110%; } @media screen and (max-width: 991px) { .banner-content-promo__title { font-size: 24px; } } .banner-content-promo__desc { display: block; margin-bottom: 30px; font-weight: normal; font-size: 18px; line-height: 130%; } @media screen and (max-width: 991px) { .banner-content-promo__desc { font-size: 16px; } } .banner-content-promo__button { position: relative; display: inline-block; padding: 4px 70px 4px 20px; border-radius: 6px; background-color: #ffffff; font-weight: 500; font-size: 16px; line-height: 36px; color: #1D293F; text-decoration: none; border-bottom: none; fill: #E2223F; cursor: pointer; } .banner-content-promo__button:hover { background-color: #E2223F; color: #ffffff; fill: #ffffff; } .banner-content-promo__button-icon { position: absolute; width: 11px; height: 8px; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner-content-promo--red { background-color: #E2223F; } .banner-content-promo--red .banner-content-promo__button:hover { background-color: #2E3A4C; } .banner-content-promo--grey { background-color: #E7ECEF; color: #1D293F; } .banner-content-promo--grey .banner-content-promo__button { background-color: #E2223F; color: #ffffff; fill: #ffffff; } .banner-content-promo--grey .banner-content-promo__button:hover { background-color: #2E3A4C; } .article-content .banner-content-promo { max-width: initial; margin: 50px 0; } .article-content .banner-content-promo__button { text-decoration: none; border-bottom: none; } .reviews-article { position: relative; margin: 50px 0; } .reviews-article:last-child { margin-bottom: 0; } .reviews-article__container { position: relative; } @media screen and (max-width: 767px) { .reviews-article__container { padding-top: 68px; } } @media screen and (max-width: 767px) { .reviews-article__container .swiper-container { overflow: visible; } } .reviews-article__container { position: relative; width: calc(100% + 30px); left: -15px; } @media screen and (max-width: 767px) { .reviews-article__container { padding-top: 68px; } } .reviews-article__item { width: 100%; padding: 15px; } @media screen and (max-width: 767px) { .reviews-article__item { padding: 7px; } } .reviews-article__item-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 50px 95px; -webkit-box-shadow: 0px 1px 9px rgba(46, 58, 76, 0.12); box-shadow: 0px 1px 9px rgba(46, 58, 76, 0.12); border-radius: 16px; background-color: #ffffff; } @media screen and (max-width: 991px) { .reviews-article__item-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #FAFAFA; } } @media screen and (max-width: 767px) { .reviews-article__item-wrapper { padding: 30px 15px; } } .reviews-article__item-wrapper:before { content: '“'; position: absolute; top: 0; left: 30px; font-weight: bold; font-size: 96px; line-height: 123px; color: #E2223F; } @media screen and (max-width: 991px) { .reviews-article__item-wrapper:before { display: none; } } .reviews-article__content { margin-right: 30px; max-width: 635px; -webkit-box-flex: 0; -webkit-flex: 0 1 635px; -ms-flex: 0 1 635px; flex: 0 1 635px; } @media screen and (max-width: 991px) { .reviews-article__content { margin-right: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 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; } } .reviews-article__slider-arrow-container { z-index: 1; } .reviews-article__arrow--prev { left: 30px; } @media screen and (max-width: 767px) { .reviews-article__arrow--prev { left: auto; right: 65px; } } .reviews-article__arrow--next { right: 30px; } @media screen and (max-width: 767px) { .reviews-article__arrow--next { right: 10px; } } .reviews-article__link { display: none; } .reviews-article__text { position: relative; font-weight: normal; font-size: 18px; line-height: 27px; color: #858A8F; max-height: 260px; overflow: hidden; margin-bottom: 10px; } @media screen and (max-width: 991px) { .reviews-article__text { max-height: 210px; font-weight: 400; font-size: 16px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .reviews-article__text:before { width: 100%; height: 78px; content: ''; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } @media screen and (max-width: 991px) { .reviews-article__text:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(#FAFAFA)); background: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%); background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%); } } .reviews-article__foto { position: relative; display: block; width: 160px; -webkit-box-flex: 1; -webkit-flex: 1 0 160px; -ms-flex: 1 0 160px; flex: 1 0 160px; height: 160px; border-radius: 8px; background-color: #F1F1F1; background-position: center; background-size: auto 140px; background-repeat: no-repeat; color: #858A8F; font-weight: 500; text-decoration: none; } @media screen and (max-width: 991px) { .reviews-article__foto { background-image: none !important; background-color: transparent; width: auto; height: 100%; padding-left: 26px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 18px; } .reviews-article__foto::before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; background-image: url("/bitrix/templates/texterra/css/pages/../../img/image/review-icon-foto.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } } .reviews-article__foto span { display: none; padding-bottom: 3px; border-bottom: 1px dashed #858A8F; } @media screen and (max-width: 991px) { .reviews-article__foto span { display: inline-block; } } .reviews-article__button-pp { position: relative; display: inline-block; margin-bottom: 50px; font-weight: 500; font-size: 18px; line-height: 27px; color: #858A8F; cursor: pointer; } @media screen and (max-width: 991px) { .reviews-article__button-pp { padding-left: 26px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 20px; } .reviews-article__button-pp::before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; background-image: url("/bitrix/templates/texterra/css/pages/../../img/image/review-icon-pp.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } } .reviews-article__button-pp span { display: inline-block; padding-bottom: 3px; border-bottom: 1px dashed #858A8F; } .reviews-article__title { display: block; text-align: right; font-weight: 500; font-size: 16px; line-height: 21px; } @media screen and (max-width: 991px) { .reviews-article__title { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; margin-bottom: 15px; font-size: 18px; text-align: center; } } .service-card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 100%; padding: 30px; border-radius: 8px; background-color: #2E3A4C; color: #ffffff; text-decoration: none; overflow: hidden; } .service-card__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .service-card__img::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(#2E3A4C), to(rgba(46, 58, 76, 0))); background: -o-linear-gradient(left, #2E3A4C 0%, rgba(46, 58, 76, 0) 100%); background: linear-gradient(90deg, #2E3A4C 0%, rgba(46, 58, 76, 0) 100%); } .service-card__content { position: relative; z-index: 1; } .service-card__icon { display: block; margin-bottom: 20px; width: 56px; height: 56px; background-position: center; background-repeat: no-repeat; background-size: contain; } .service-card__title { display: block; margin-bottom: 20px; font-weight: bold; font-size: 22px; line-height: 29px; text-transform: uppercase; } @media screen and (max-width: 1279px) { .service-card__title { font-size: 16px; } } .service-card__link { display: block; font-weight: normal; font-size: 16px; line-height: 21px; text-decoration: underline; } .service-card--dark { background-color: #2E3A4C; color: #ffffff; } .service-card--grey { background-color: #F1F1F1; color: #2E3A4C; } .service-card--grey .service-card__link { color: #E2223F; } .service-card--red { background-color: #E2223F; color: #ffffff; } @media screen and (max-width: 991px) { .service-card--review { padding: 0; background-color: transparent; } } .service-card--review .service-card__subtitle { display: none; margin-bottom: 10px; font-weight: 500; font-size: 18px; line-height: 27px; } @media screen and (max-width: 991px) { .service-card--review .service-card__subtitle { display: block; } } @media screen and (max-width: 991px) { .service-card--review .service-card__icon { display: none; } } .copy-link-block { 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; width: 54px; height: 44px; } .copy-link-block:hover .copy-link-block__icon { opacity: 0.85; } .copy-link-block__icon { width: 21px; height: 21px; fill: #858A8F; cursor: pointer; } .copy-link-block__info-pp { display: none; position: absolute; right: 15px; top: 100%; padding: 48px 60px 28px 20px; width: 290px; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); background-color: #F9F9F9; border: 1px solid #E5E5E5; border-radius: 15px; z-index: 1; } @media screen and (max-width: 767px) { .copy-link-block__info-pp { right: -35px; } } .copy-link-block__info-pp-close { position: absolute; top: 0; right: 0; width: 54px; height: 54px; cursor: pointer; } .copy-link-block__info-pp-close:before, .copy-link-block__info-pp-close::after { content: ''; position: absolute; width: 24px; height: 1px; top: 50%; left: 50%; border-radius: 10px; background-color: #2E3A4C; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .copy-link-block__info-pp-close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .copy-link-block__info-pp-text { font-weight: 500; font-size: 18px; line-height: 120%; color: #2E3A4C; } .registration-content { margin: 20px 0 30px 0; } .registration-content__wrap { position: relative; min-height: 183px; padding: 30px 30px 40px 30px; -webkit-box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); box-shadow: 0px 4px 8px rgba(46, 58, 76, 0.15); border-radius: 16px; background-color: #FAFAFA; overflow: hidden; } @media screen and (max-width: 1023px) { .registration-content__wrap { min-height: 317px; padding: 30px 15px 20px 15px; } } .registration-content__wrap--thanks-bg { z-index: 1; } .registration-content__wrap--thanks-bg::before { content: ''; position: absolute; width: 575px; height: 200px; right: -445px; bottom: -95px; background-color: #F1F1F1; border-radius: 16px; z-index: -1; } @media screen and (max-width: 767px) { .registration-content__wrap--thanks-bg::before { width: 548px; height: 190px; bottom: -131px; right: -425px; } } .registration-content__wrap--thanks-bg::after { content: ''; position: absolute; width: 101.36px; height: 86.04px; bottom: 60px; right: 15px; background-image: url("/bitrix/templates/texterra/css/pages/../../img/image/camera.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; } @media screen and (max-width: 767px) { .registration-content__wrap--thanks-bg::after { width: 76px; height: 64px; bottom: 32px; right: 34px; } } .registration-content:last-child { margin-bottom: 0; } .registration-content:first-child { margin-top: 0; } .registration-content__flex-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .registration-content__inputholder-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(67% - 15px); -ms-flex: 0 0 calc(67% - 15px); flex: 0 0 calc(67% - 15px); width: calc(67% - 15px); margin-right: 30px; height: 100%; } @media screen and (max-width: 1023px) { .registration-content__inputholder-list { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-right: 0; margin-bottom: 30px; } } .registration-content__inputholder-flex-block { 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; width: 100%; } @media screen and (max-width: 767px) { .registration-content__inputholder-flex-block { margin-bottom: 30px; } } .registration-content__inputholder:last-child { margin-bottom: 0; } .registration-content__inputholder--w50 { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 15px); -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); } @media screen and (max-width: 767px) { .registration-content__inputholder--w50 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .registration-content__button-block { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(33% - 15px); -ms-flex: 0 0 calc(33% - 15px); flex: 0 0 calc(33% - 15px); width: calc(33% - 15px); } @media screen and (max-width: 1023px) { .registration-content__button-block { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .registration-content__button { width: 100%; min-width: initial; margin-bottom: 30px; } .registration-content__policy { display: block; font-weight: 400; font-size: 14px; line-height: 21px; color: #858A8F; margin-bottom: 10px; } .registration-content__policy a { text-decoration: none; } .registration-content__policy:last-child { margin-bottom: 0; } .registration-content__checkbox-mailing-label { font-weight: 400; font-size: 12px; line-height: 150%; color: #858A8F; } .registration-content__thanks-title { display: block; margin-bottom: 15px; font-family: "RobotoSlab", Arial, sans-serif; font-weight: 500; font-size: 22px; line-height: 31px; } .registration-content__thanks-desc { max-width: 290px; font-weight: 500; font-size: 16px; line-height: 20px; color: #858A8F; } .loader_blog { position: relative; padding-bottom: 140px; } .loader_blog:after { content: ''; position: absolute; width: 130px; height: 130px; bottom: 0; left: calc(50% - 15px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url("/bitrix/templates/texterra/css/pages/../../img/image/loader-animate.gif"); background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 0; } .banner-promo-sidebar { position: relative; min-width: 255px; min-height: 390px; padding: 30px 30px 150px 30px; border-radius: 10px; overflow: hidden; background: -o-linear-gradient(295.65deg, #2E3A4C 45.53%, #E2223F 144.69%); background: linear-gradient(154.35deg, #2E3A4C 45.53%, #E2223F 144.69%); color: #ffffff; } @media screen and (max-width: 767px) { .banner-promo-sidebar { display: none; } } .banner-promo-sidebar__img { position: absolute; bottom: 0; right: 0; width: 225px; height: 149px; } .banner-promo-sidebar__img img { display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .banner-promo-sidebar__content { position: relative; } .banner-promo-sidebar__title { margin-bottom: 15px; font-weight: 500; font-size: 30px; line-height: 110%; } .banner-promo-sidebar__desc { margin-bottom: 20px; font-weight: 400; font-size: 18px; line-height: 130%; } .banner-promo-sidebar__button { padding: 8px 20px; min-width: 175px; } /* End */ /* /bitrix/templates/texterra/css/libs/swiper.min.css?164276687513677 */ /* /bitrix/templates/texterra/css/style.css?169321596850109 */ /* /bitrix/templates/texterra/css/blocks/header.css?170081147041443 */ /* /bitrix/templates/texterra/css/blocks/footer.css?16932161339015 */ /* /bitrix/templates/texterra/css/blocks/modal.css?169951370724575 */ /* /bitrix/templates/texterra/components/bitrix/news.list/menu_media/style.css?16432734372160 */ /* /bitrix/templates/texterra/css/blocks/popup-promo.css?170746948912645 */ /* /bitrix/templates/texterra/css/libs/jquery.fancybox.min.css?164276687512795 */ /* /bitrix/templates/texterra/css/pages/page-blog-detail-new.css?168129286589669 */