/* Start:/local/templates/main/css/swiper-bundle.min.css?174903307516506*/ /** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-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-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;/* top:50%; */width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;/* display:flex; *//* align-items:center; */justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{/* left:10px; */right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{/* position:absolute; */text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;/* height:4px; */left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/css/custom/custom.css?176176135217134*/ .send-epikriz-wrap { /**/ } .send-epikriz-wrap .send-epikriz { /**/ } .send-epikriz-wrap .send-epikriz form { /**/ } .send-epikriz-wrap .send-epikriz form .inputs { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file { max-height: none; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap .input-wrap { min-height: auto; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap.input-wrap-files { display: none; min-height: auto; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap.input-wrap-files.active { display: block; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button-wrapper { margin: 15px 0 0 0; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button { display: none; color: #1c2429; font-size: 14px; font-family: "Ubuntu"; border-bottom: 1px dotted #1c2429; cursor: pointer; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button:hover { border-bottom: 1px dotted transparent; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button.active { display: inline-block; } @media (max-width: 799px) { .send-epikriz-wrap { /**/ } .send-epikriz-wrap .send-epikriz { /**/ } .send-epikriz-wrap .send-epikriz form { /**/ } .send-epikriz-wrap .send-epikriz form .inputs { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap .input-wrap { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap.input-wrap-files { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .input-wrap.input-wrap-files.active { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button-wrapper { text-align: center; margin: 5px 0 0; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button:hover { /**/ } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button.active { /**/ } } @media screen and (max-width: 1023px) { .whats-app-link { margin-left: 100px; } } .telegram-link { position: fixed; right: 0; top: 378px; width: 58px; height: 58px; background: #21a5e4 url(/local/templates/main/img/telegram-link.svg) no-repeat center center; z-index: 11; } .telegram-link a { display: block; width: 100%; height: 100%; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .telegram-link { top: 198px; } } @media screen and (max-width: 1023px) { .telegram-link.show { opacity: 1; } } @media screen and (max-width: 1023px) { .telegram-link { position: relative; top: auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 16px; opacity: 0; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } .telegram-link.show { opacity: 1; } } @media screen and (max-width: 799px) { .telegram-link { margin-left: 10px; width: 44px; height: 44px; background-size: 71%; } } .buttons-wrap-wrapper { display: flex; } input[type="hidden"] { display: none; } .name-form { line-height: 1.2; } @media screen and (max-width: 599px) and (min-width: 100px) { .wrapper header .header-info-wrap { width: 100% !important; } .wrapper header .first-block { width: 448px !important; margin: 0 auto !important; } .wrapper header .buttons-wrap { width: calc(100% - 40px) !important; margin: 18px 20px 0 !important; justify-content: space-between !important; } .wrapper header .buttons-wrap .buttons-wrap-wrapper { display: flex; } } .so-carousel__item-btn-wrap { display: flex; flex-direction: column; grid-gap: 20px; } /*# sourceMappingURL=custom.css.map */ .articles-wrap .pagination-bottom { margin-top: 20px; } .articles-wrap .modern-page-title { display: none !important; } .articles-wrap .modern-page-navigation { padding: 0 15px; margin: 0; list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; gap: 10px; } .articles-wrap .modern-page-navigation a, .articles-wrap .modern-page-navigation span { width: 53px; height: 53px; color: #1c2429 !important; font-size: 20px !important; font-family: "Ubuntu" !important; text-transform: uppercase !important; text-decoration: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; position: relative; z-index: 1; background: white; margin-bottom: 0 !important; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; border: none !important; } .articles-wrap .modern-page-current, .articles-wrap .modern-page-navigation a:hover { background: #eef4f8 !important; } .articles-wrap a.modern-page-next, .articles-wrap a.modern-page-previous { font-size: 0 !important; } .articles-wrap a.modern-page-previous, .articles-wrap a.modern-page-previous:hover { background: url(/local/templates/main/components/bitrix/system.pagenavigation/main/img/arrow-left-pagenavigation.png) center no-repeat !important; } .articles-wrap a.modern-page-next, .articles-wrap a.modern-page-next:hover { background: url(/local/templates/main/components/bitrix/system.pagenavigation/main/img/arrow-right-pagenavigation.png) center no-repeat !important; } /* 20.01.25 всплывающее окно с акцией*/ #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .popupComfort { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 24px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; width: 80vw; overflow: hidden; overflow: visible; } .popupComfort__content { display: grid; grid-template-columns: repeat(2, 1fr); font-family: 'Ubuntu'; position: relative; } .popupComfort__exit-wrap { width: 56px; height: 56px; position: absolute; right: 0; top: -70px; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50%; cursor: pointer; } .popupComfort__img { border-radius: 0 24px 0 24px; } .popupComfort__left { padding: 56px 0 0 56px; display: flex; flex-direction: column; gap: 2rem; } .popupComfort__conditions { background: #29A4D126; border: none; border-radius: 48px; width: max-content; } .popupComfort__condition { font-weight: 300; font-size: 24px; color: #262626; padding: .5rem 1.5rem; width: max-content; /* border: 1px solid #29A4D1; */ } .popupComfort__left__title-block{ display: flex; flex-direction: column; gap: .5rem; } .popupComfort__title { font-size: 48px; font-weight: 700; line-height: 140%; /* margin: 24px 0 16px; */ } .popupComfort__price{ color: #15AC97; font-size: 4rem; font-weight: 700; line-height: 135%; padding-bottom: .75rem; } .popupComfort__sub-title { font-weight: 700; font-size: 20px; line-height: 145%; /* margin-bottom: 40px; */ color: #262626; padding-top: .25rem; } .popupComfort__details { font-size: 20px; font-weight: 300; color: #434343; } .popupComfort__right{ max-height: 30.75rem; } .popupComfort__img { width: 100%; height: auto; } .popupContent__form-wrap { padding: 32px 56px 56px; padding-top: .75rem; } .popupComfort__inputs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 20px; } .agreement-checkbox .checkbox{ cursor: pointer; } .popupComfort__inputs input { height: 58px; width: 100%; display: block; color: #1c2429; font-size: 18px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; background: white; border: 0; text-align: center; padding: 0 10px; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #EEF4F8; border-radius: 100px; } .popupComfort__inputs input::placeholder { font-weight: 700; color: #262626; } .popupContent__form-wrap .button-wrap .text { max-width: none; font-size: 20px; } .popupContent__form-wrap .button-wrap .agreement-checkbox { align-items: center; } .popupContent__form-wrap .button-wrap .text a { font-size: 20px; text-decoration: none; } .popupComfort__button { border-radius: 100px; padding: 16px 32px; background: #15AC97; font-family: Ubuntu; font-size: 18px; font-weight: 700; color: white; cursor: pointer; } .popupComfort__button.disabled { background: #15AC9733; } .popupContent__form-wrap .agreement-checkbox .checkbox { background-color: #EEF4F8; border-radius: 50%; /* background: none !important; */ } /* .popupContent__form-wrap .agreement-checkbox .checkbox.active .icon{ background: url(/local/templates/main/img/agreement-checkbox-min.png) center no-repeat !important; } */ .popupComfort__img.mobile { display: none; } .popupComfort__img-wrap { height: 100%; position: relative; } .popupComfort__img-symbol { position: absolute; width: 70px; height: 70px; top: 24px; left: 24px; } .popupComfort__button.disabled-button { background: #15AC9733 !important; cursor: not-allowed; } @media (max-width:991px) { .popupComfort__conditions{ width: 100%; } .popupComfort__img.pc { display: none; } .popupComfort__img.mobile { display: block; } .popupComfort { top: 10%; left: 0; transform: none; background: #fff; width: 100%; height: 85%; overflow-y: scroll; } .popupComfort__content { display: flex; flex-direction: column-reverse; } .popupComfort__left { padding: 16px 18px 0 18px !important; } .popupContent__form-wrap { padding: 18px; } .popupComfort__condition, .popupComfort__details { font-size: 21px !important; text-align: center; } .popupComfort__title { font-size: 30px; text-align: center; } .popupComfort__sub-title { font-size: 24px; margin-bottom: 8px; text-align: center; } .popupComfort__condition { width: 100%; padding: 12px; } .popupComfort__sub-title{ font-size: 21px !important; } .popupComfort__left__title-block{ align-items: center; } .popupComfort__price{ padding-top: .75rem; } .popupComfort__inputs { grid-template-columns: repeat(1,1fr); } .popupContent__form-wrap .button-wrap .text { max-width: 100%; font-size: 14px; line-height: 120%; } .popupContent__form-wrap .button-wrap .text a { font-size: 14px; text-decoration: underline; } .popupComfort__exit-wrap { position: fixed; top: 3%; right: 3%; width: 48px; height: 48px; } } @media (max-width:1400px){ .popupComfort__title { font-size: 32px; } .popupComfort__sub-title { font-size: 26px; } .popupComfort__details { font-size: 18px; } .popupComfort__left { padding: 24px 0 0 24px; } } .popupTg { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 24px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; overflow: hidden; overflow: visible; height: 522px; width: 75vw; } .popupTg__content { padding: 0 4.5rem 0 6.5rem; display: grid; grid-template-columns: repeat(2, 1fr); font-family: 'Ubuntu'; position: relative; gap: 20px; } .popupTg__title { font-weight: 700; font-size: 48px; line-height: 60px; letter-spacing: 0%; text-align: center; } .popupTg__subtitle { font-weight: 300; font-size: 28px; line-height: 37.8px; letter-spacing: 0%; text-align: center; } .popupTg__exit-wrap { width: 56px; height: 56px; position: absolute; right: 0; top: -70px; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50%; cursor: pointer; } .popupTg__text { display: flex; flex-direction: column; gap: 20px; } .popupTg__left { display: flex; flex-direction: column; gap: 52px; padding: 4.5rem 0; } .popupTg__right { text-align: right; } .popupTg__button { padding: 1.375rem 10rem 1.375rem 14.7rem; background: #08B6A7; border-radius: 39px; cursor: pointer; transition: all .3s ease; } .popupTg__button:hover { background: #0DCDC0; } .popupTg__button a{ font-weight: 700; font-size: 24px; line-height: 27.58px; letter-spacing: 0%; color: white; text-decoration: none; position: relative; } .popupTg__button a::before { content: ''; position: absolute; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; bottom: -5px; left: -60px; } @media (min-width:1400px) and (max-width:1800px) { .popupTg__content { padding: 0 2rem 0 3rem; } } @media (min-width:1200px) and (max-width:1400px) { .popupTg__title { font-size: 40px; } .popupTg__subtitle { font-size: 20px; } .popupTg__content { padding: 0 0 0 1rem; gap: 0; } .popupTg__img { transform: scale(0.72); } .popupTg__button { padding: 1.375rem 5rem 1.375rem 11rem; } .popupTg { height: 450px; } .popupTg__left { gap: 15px; } } @media (max-width:1200px){ .popupTg { top: 15%; left: 0; transform: none; background: #fff; width: 100%; height: 75%; overflow-y: scroll; } .popupTg__content { display: flex; flex-direction: column-reverse; padding: 0; gap: 35px; } .popupTg__right { text-align: center; height: 360px; } .popupTg__right img{ height: 100%; } .popupTg__button { margin: 0 30px; padding: 0; display: flex; justify-content: center; align-items: center; height: 60px; } .popupTg__left { padding-top: 0; padding-bottom: 0; gap: 1rem; } .popupTg__title { font-size: 32px; line-height: 110%; } .popupTg__subtitle { font-size: 22px; line-height: 110%; } .popupTg__text { margin: 0 30px; } .popupTg__exit-wrap { position: fixed; top: 7%; right: 3%; width: 60px; height: 60px; } } @media (min-width:1024px) and (max-width:1200px) { .popupTg { width: 60% !important; left: 50%; transform: translate(-50%, -50%); top: 50%; } } @media (min-width:900px) and (max-width:1024px) { .popupTg { width: 60% !important; left: 50%; transform: translate(-50%, -50%); top: 50%; } } /* End */ /* Start:/local/templates/main/css/new-serv.min.css?177641676018792*/ .serv-anchors{padding:3.13rem 0;background:#f6fcfd}.serv-anchors__title{color:var(--txt_clr,#1c2429);font-family:'Ubuntu';font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal}.serv-anchors__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 11rem;margin-top:2.25rem}.serv-anchors__link{padding-left:1.25rem;color:var(--txt_clr,#1c2429);font-family:'Ubuntu';font-size:.875rem;font-style:normal;font-weight:400;line-height:normal;background-size:.75rem;background-repeat:no-repeat;text-decoration:unset;background-position:left center;transition:ease-in-out 0.3s;background-image:url('data:image/svg+xml,')}.serv-anchors__link:hover{color:var(--accent,#08b6a7);transition:ease-in-out 0.3s;background-image:url('data:image/svg+xml,')}.serv-subtext{padding:6.25rem 0}.serv-subtext__text{color:var(--txt_clr,#1c2429);font-family:'Ubuntu';font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal;text-align:center}.serv-doc{padding:3rem 0 8rem}.serv-doc__title{color:#3A3A3A;font-size:1.5rem;opacity:1;font-style:normal;font-weight:700;line-height:normal;text-align:left;padding: 0 24px;}.serv-doc__wrapper{background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center;margin-top:2.25rem;justify-content:space-between}.serv-doc__name{color:var(--txt_clr,#1c2429);font-size:1.5rem;font-style:normal;font-weight:400;line-height:normal;margin-left:-7rem}.serv-doc__name a{font-family:'Ubuntu','Arial',sans-serif;color:inherit;text-decoration:none;opacity:.8;transition:all 0.3s ease}.serv-doc__name a:hover{color:#15ac97;opacity:1}.serv-doc__desc{color:var(--txt_clr,#1c2429);font-family:Ubuntu;font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal}.serv-doc__ava{position:relative;width:14.3125rem;height:8.3125rem}.serv-doc__ava::before{content:'';position:absolute;top:-2.5rem;left:-2.125rem;display:block;width:8.5rem;aspect-ratio:.98;background:url(/upload/img/decor-1.svg) center / contain no-repeat;filter:drop-shadow(0 4px 7px rgb(0 0 0 / .25))}.serv-doc__ava img{position:absolute;width:100%;height:13.1875rem;left:-2rem;top:-2.33rem;object-fit:contain;border-radius:0 0 50% 50%}.serv-doc__btn{color:var(--txt_clr-white,#fff);font-size:1.375rem;font-style:normal;font-weight:300;line-height:normal;text-transform:uppercase;border-radius:6.25rem;background:linear-gradient(180deg,#8acde6 0%,#30a7d3 100%);padding:.94rem 2.25rem;text-decoration:unset;margin-right:2.25rem}.serv-doc__btn:hover {background: linear-gradient(0deg, #8acde6 0%, #30a7d3 100%);}.serv-gallery__title{color:var(--txt_clr,#1c2429);font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;text-align:center}.serv-gallery__swiper{margin-top:4.25rem}.serv-gallery__swiper img{display:block;width:100%;border-radius:.625rem}.serv-gallery__swiper .swiper-slide{transform:scale(.8)}.serv-gallery__swiper .swiper-slide img{opacity:.56}.serv-gallery__swiper .swiper-slide-active{transform:scale(1.125);z-index:2}.serv-gallery__swiper .swiper-slide-active img{opacity:1}.serv-gallery{padding-top:2rem;padding-bottom:6.25rem}.serv-gallery .serv-gallery__pagination{position:relative;text-align:center;margin-top:4rem}.serv-gallery .serv-gallery__pagination:before{width:100%;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#d7e4e8;height:.0625rem;z-index:-1}.serv-gallery .serv-gallery__pagination .swiper-pagination-bullet{width:.6875rem;height:.6875rem;background-color:#d7e4e8;border:3px solid #d7e4e8;box-sizing:border-box}.serv-gallery .serv-gallery__pagination .swiper-pagination-bullet-active{border-color:#08b6a7;background-color:#fff}.slider-gallery{position:relative}.slider-gallery .serv-gallery__navigation{position:absolute;top:45%;left:0;z-index:1;display:flex;justify-content:space-between;align-items:center;width:100%;height:0}.serv-additional{padding:6.25rem 0;position:relative}.serv-additional:before{position:absolute;left:0;top:0;content:'';height:1.125rem;width:100%;background:linear-gradient(90deg,#eb8b30 0%,#e47389 33.33%,#1aaba4 75.52%,#29a4d0 100%)}.serv-additional__text{text-align:center;color:#000;font-size:1.5rem;font-style:normal;font-weight:400;line-height:normal}.serv-advantages{padding:3.13rem 0;background:#eef4f8}.serv-advantages__grid{display:grid;grid-template-columns:1fr 1fr;gap:6.25rem}.serv-advantages__title{color:#000;font-family:'Ubuntu';font-size:1.9375rem;font-style:normal;font-weight:700;line-height:normal}.serv-advantages__text{margin-top:1.5rem;color:#000;font-family:'Ubuntu';font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal}.serv-price{padding:3rem 0 6.25rem}.serv-price__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.serv-price__subgrid{display:grid;grid-template-columns:1fr;gap:1.5rem}.serv-price__subgrid-item{padding:3.12rem 2.25rem;border-radius:.625rem;background:linear-gradient(244deg,#fff2e5 3.02%,#fce7ec 88.07%),linear-gradient(244deg,#fff8f1 3.02%,#fef7f8 88.07%)}.serv-price__subgrid-item:last-child{border-radius:.625rem;background-color:#fff0;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:2.5rem 2.25rem}.serv-price__subgrid-title{color:#000;font-family:'Ubuntu';font-size:1.9375rem;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.serv-price__subgrid-text{margin-top:1.5rem;color:#000;font-family:'Ubuntu';font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal;margin-bottom:3rem}.serv-price__subgrid-row{display:flex;align-items:center;margin-bottom:1rem}.serv-price__subgrid-row:last-child{margin-bottom:0}.serv-price__subgrid-icon{min-width:3.5rem;max-width:3.5rem;height:3.5rem;display:block;object-fit:contain;margin-right:1.5rem}.serv-price__subgrid-desc{color:#495254;font-family:'Ubuntu';font-size:1.25rem;font-style:normal;font-weight:500;line-height:normal}.serv-price__subgrid-about{color:#000;font-family:'Ubuntu';font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal;opacity:.24}.serv-price__subgrid-price{margin-top:.5rem;color:#414141;font-family:'Montserrat';font-size:1.875rem;font-style:normal;font-weight:500;line-height:normal}.serv-price__subgrid-price span{font-size:2.75rem;font-weight:700}.serv-price__wrap img{height:100%;width:100%;object-fit:cover;border-radius:.625rem;display:block}.serv-faq{padding:3.12rem 0 6.25rem;background:#eef4f8}.serv-faq__heading{color:#414141;text-align:center;font-family:'Ubuntu';font-size:2.5rem;font-style:normal;font-weight:700;line-height:normal}.serv-faq__list{margin-top:4.62rem}.serv-faq__item{margin-bottom:.62rem;padding:1rem 2rem;border-radius:.625rem;border-top:1px solid #29a4d1;background:#fff}.serv-faq__item:last-child{margin-bottom:0}.serv-faq__head{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.serv-faq__title{color:#495254;font-family:'Ubuntu';font-size:1.25rem;font-style:normal;font-weight:500;line-height:normal}.serv-faq__toggler{width:2.5rem;height:2.5rem;flex:0 1 2.5rem;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:ease-in-out 0.3s;background-image:url('data:image/svg+xml,')}.serv-faq__content{display:none;margin-top:1.25rem}.serv-faq__head.active .serv-faq__toggler{transform:rotate(180deg);transition:ease-in-out 0.3s}.serv-about__title{color:#414141;font-family:'Ubuntu';font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.serv-about__text{margin-top:1.5rem;color:#414141;font-family:'Ubuntu';font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal}.serv-about__row{display:flex;align-items:center;justify-content:space-between}.serv-about__image{margin-left:calc((-100vw + 1140px) / 2)}.serv-about__image img{display:block;width:100%}.serv-about__content{flex:0 1 58%;margin-left:4rem}.serv-blog{padding:6.25rem 0}.serv-blog__heading{color:#414141;font-family:'Ubuntu';font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.serv-blog__item-wrap{display:block;width:100%;height:14rem;position:relative}.serv-blog__item-wrap img{object-fit:cover;position:absolute;height:100%;width:100%;left:0;top:0;display:block;border-radius:.3125rem .3125rem 0 0}.serv-blog__swiper{margin-top:2.87rem}.serv-blog__next,.serv-blog__prev,.serv-ending__swiper-prev,.serv-ending__swiper-next{position:absolute;width:4rem;height:4rem;background-size:cover;background-repeat:no-repeat;background-position:center center;filter:drop-shadow(0 4px 40px rgb(0 0 0 / .08));border-radius:100%;cursor:pointer;z-index:2;top:50%;transform:translateY(-50%);transition:ease-in-out 0.3s}.serv-blog__next:hover,.serv-blog__prev:hover,.serv-ending__swiper-prev:hover,.serv-ending__swiper-next:hover{transform:translateY(-50%) scale(1.125);transition:ease-in-out 0.3s}.serv-blog__next,.serv-ending__swiper-next{right:-2rem;background-image:url('data:image/svg+xml,')}.serv-blog__prev,.serv-ending__swiper-prev{left:-2rem;background-image:url('data:image/svg+xml,')}.serv-blog__body-item-body{padding:1.5rem 1.5rem 4rem 1.5rem;position:relative;border-radius:0 0 .3125rem .3125rem}.serv-blog__item{border-radius:.3125rem;border:1px solid rgb(0 0 0 / .2);background:#fff;box-shadow:0 4px 40px 0 rgb(0 0 0 / .08)}.serv-blog__body-item-body:before{content:'';background:linear-gradient(90deg,#eb8b30 0%,#e47389 33.33%,#1aaba4 75.52%,#29a4d0 100%);position:absolute;bottom:0;left:0;height:1.125rem;width:100%;border-radius:0 0 .3125rem .3125rem}.serv-blog__body-item-name{color:#495254;font-family:'Ubuntu';font-size:1.25rem;font-style:normal;font-weight:500;line-height:normal;text-decoration:unset}.serv-blog__swiper{position:relative}.serv-blog__btn{display:block;margin:3.75rem auto 0 auto;color:var(--accent,#08b6a7);font-family:'Ubuntu';font-size:.9375rem;font-style:normal;font-weight:700;line-height:normal;padding:.97rem 2.25rem;border-radius:6.25rem;max-width:max-content;text-decoration:unset;border:1px solid #08b6a7;transition:ease-in-out 0.3s}.serv-blog__btn:hover{color:#fff;background-color:#08b6a7;transition:ease-in-out 0.3s}.serv-ending__grid{display:grid;grid-template-columns:50% 50%;gap:1.5rem}.serv-ending__wrapper{padding:2.5rem;border-radius:1.5rem;background:var(--accent,#08b6a7)}.serv-ending__wrapper-title{color:#fff;font-family:'Ubuntu';font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.serv-ending__wrapper-text{margin-top:2rem;color:#fff;font-family:'Ubuntu';font-size:1.125rem;font-style:normal;font-weight:300;line-height:normal}.serv-ending__swiper-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}.serv-ending__swiper-name{color:#414141;font-family:'Ubuntu';font-size:1.9375rem;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.serv-ending__swiper-name span{color:#08b6a7}.serv-ending__swiper-btn{color:var(--accent,#08b6a7);font-family:'Ubuntu';font-size:.9375rem;font-style:normal;font-weight:700;line-height:normal;padding:.97rem 2.25rem;border-radius:6.25rem;border:1px solid #08b6a7;max-width:max-content;transition:ease-in-out 0.3s;text-decoration:unset}.serv-ending__swiper-btn:hover{color:#fff;background-color:#08b6a7;transition:ease-in-out 0.3s}.serv-ending__swiper{position:relative}.serv-ending__swiper-item{padding:2.5rem}.serv-ending__swiper-item img,.serv-ending__swiper-item{border-radius:1.5rem}.serv-ending__swiper-item img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;z-index:-1}.serv-blog .swiper-slide,.serv-ending__swiper .swiper-slide{opacity:0;transition:ease-in-out 0.3s}.serv-blog .swiper-slide-visible,.serv-ending__swiper .swiper-slide-visible{opacity:1;transition:ease-in-out 0.3s}.serv-ending,.serv-others{padding-bottom:6.25rem}.serv-others__title{color:#414141;font-family:'Ubuntu';font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.serv-others__row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.serv-others__item{padding:.75rem;text-decoration:unset;border-radius:.625rem;background:linear-gradient(244deg,#fff2e5 3.02%,#fce7ec 88.07%)}.serv-others__item:hover {background: linear-gradient(44deg, #fff2e5 3.02%, #fce7ec 88.07%);}.serv-others__block{display:flex;align-items:center;border:4px solid #fff;padding:1.5rem;box-sizing:border-box;height:100%}.serv-others__name{color:#495254;font-family:'Ubuntu';font-size:1.25rem;font-style:normal;font-weight:500;line-height:normal}.serv-thers__arrow{min-width:2.5rem;height:2.5rem;display:block;background-size:100%;background-repeat:no-repeat;background-position:center center}.serv-others__item:first-child .serv-others__name{text-align:right}.serv-others__item:first-child .serv-thers__arrow{margin-right:2rem;background-image:url('data:image/svg+xml,')}.serv-others__item:nth-child(2){padding-left:1.19rem;padding-right:1.19rem}.serv-others__item:nth-child(2) .serv-others__block{flex-direction:column}.serv-others__item:nth-child(2) .serv-others__name{text-align:center}.serv-others__item:nth-child(2) .serv-thers__arrow{background-image:url('data:image/svg+xml,');margin-top:.25rem}.serv-others__item:last-child .serv-thers__arrow{margin-left:2rem;background-image:url('data:image/svg+xml,')}.news-buttons.--new{margin-top:3rem}.serv-blog__swiper .swiper-slide{height:auto;overflow:hidden;}.serv-blog__swiper .swiper-slide:after { content: ""; height: 200%; left: -230%; opacity: 0; position: absolute; top: -20%; transform: rotate(-30deg); width: 200%; background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);}.serv-blog__swiper .swiper-slide:hover:after { left: -50%; opacity: 1; top: -50%; transition-duration: 0.7s, 0.7s, 0.15s; transition-property: left, top, opacity; transition-timing-function: ease;}.serv-blog__swiper .swiper-slide .serv-blog__item{display:flex;flex-direction:column;height:100%;overflow:hidden}.serv-blog__swiper .swiper-slide .serv-blog__body-item-body{flex-grow:1}@media screen and (max-width:768px){.serv-doc{padding:1rem 0}.serv-anchors__grid{margin-top:1.5rem;grid-template-columns:1fr;gap:1rem}.serv-subtext{padding:2rem 0}.serv-subtext__text{font-size:1rem}.serv-additional__text{font-size:1.25rem}.serv-advantages__grid{grid-template-columns:1fr;gap:2rem}.serv-advantages__title{font-size:1.25rem}.serv-advantages__text{font-size:1rem;margin-top:1rem}.serv-price__grid{grid-template-columns:1fr;gap:1rem}.serv-price__subgrid{gap:1rem}.serv-price__subgrid-title{font-size:1.25rem}.serv-price__subgrid-desc{font-size:1rem}.serv-price__subgrid-icon{margin-right:.75rem}.serv-price__subgrid-icon{min-width:2.5rem;max-width:2.5rem;height:2.5rem}.serv-price__subgrid-item{padding:1.5rem}.serv-price__subgrid-item:last-child{padding:1.5rem}.serv-price__subgrid-item:last-child{margin-top:1rem;margin-bottom:1.5rem;font-size:1rem}.serv-price__subgrid-price{font-size:1.25rem}.serv-price__subgrid-price span{font-size:2rem}.serv-faq__item{padding:.75rem 1.25rem}.serv-faq__title{font-size:1.125rem}.serv-faq__toggler{width:1.5rem;height:1.5rem;flex:0 1 1.5rem}.serv-about__row{flex-direction:column;align-items:flex-start}.serv-about__content{margin-left:0;flex:0 1 100%;margin-top:1rem}.serv-about__image{margin-left:0}.serv-about__title{font-size:1.125rem}.serv-about__text{margin-top:1rem;font-size:1rem}.serv-ending__grid{gap:1rem;grid-template-columns:100%}.serv-ending__wrapper,.serv-ending__swiper-item{padding:1.5rem}.serv-ending__wrapper-title{font-size:1.25rem}.serv-ending__wrapper-text{margin-top:1rem}.serv-ending__swiper-name{font-size:1.25rem}.serv-others__row{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.serv-faq__heading{font-size:1.5rem}.serv-ending__swiper-btn{margin-top:10rem}.serv-doc__wrapper{flex-direction:column;padding:2rem 0}.serv-doc__name{margin-left:0}.serv-doc__ava img{position:relative;left:unset;top:unset}.serv-doc__name,.serv-doc__desc{margin-top:1rem;text-align:center}}@media screen and (max-width:767px){.serv-doc__title{text-align:center}.serv-doc__btn{margin-top:1.5rem;margin-right:0;font-size:.75rem}} /* End */ /* Start:/local/templates/main/css/extra.css?177692926421182*/ .content .breadcrumb { position: static!important; max-width: 1140px!important; width: unset!important; transform: none!important; z-index: 1; margin: 10px auto 10px auto; } .section-container { max-width: 1820px; margin: 0 auto; padding: 0 10px; } .privileges-banner { position: relative; margin: 0 0 4rem; padding: 0 3.5rem; display: flex; justify-content: space-between; border-radius: 0.5rem; background: #fff; box-shadow: 0px 0px 50px 0px rgba(8, 182, 167, 0.1); overflow: hidden; } .privileges-banner__decor { position: absolute; right: 0; top: 0; height: 100%; width: auto; object-fit: cover; } .privileges-banner__text { display: flex; flex-direction: column; justify-content: space-between; padding: 3.5rem 0; max-width: 40%; } .privileges-banner .new-title { color: #08b6a7; } .privileges-banner__btn { width: fit-content; } .privileges-banner__images { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; } .privileges-banner__book { width: 22%; } .privileges-banner__doc { width: 65.577%; max-height: 22.465rem; } .privileges-banner__images img { width: 100%; height: 100%; object-fit: cover; } .popupComfort__right-label { position: absolute; left: 1.5rem; bottom: 1.5rem; z-index: 3; padding: 0.5rem 2rem; color: #262626; font-variant-numeric: lining-nums proportional-nums; font-size: 1.25rem; font-style: normal; font-weight: 300; line-height: 145%; border-radius: 3rem; /* border: 1px solid #29A4D1; */ border: none; background: #fff; } .popupComfort__img-symbol { /* right: auto; left: 0.5rem; top: 0.5rem; */ } .popupComfort__img { width: 100%; height: 100%; /* object-fit: cover; */ object-position: right; } @media (max-width: 991px) { .popupComfort__right { max-height: max-content; } .popupComfort__right-label { left: 1rem; bottom: 1rem; width: auto; right: 1rem; text-align: center; padding: 8px 16px; font-size: 12px; } } @media screen and (max-width: 600px) { .specialists-slider__item-info__button { font-size: 0.75rem !important; padding: 0.75rem 1.25rem !important; } .popupComfort__right-label { left: 1rem; bottom: 1rem; width: 50%; text-align: center; } } @media screen and (max-width: 764px) { .privileges-banner { flex-direction: column; padding: 0 1.5rem; } .privileges-banner__text { max-width: 100%; padding: 2rem 0; } .btn-default.privileges-banner__btn { font-size: 1.125rem; } .privileges-banner__book { width: 30%; } .privileges-banner__doc { width: 70%; max-height: 30rem; } } .privileges-form-wrap.content-form.fixedBlock { padding: 3rem 4rem; border-radius: 1.5rem; background: #fff; left: 40%; } .privileges-form-wrap.content-form .exit { top: 0; right: -5rem; width: 4rem; height: 4rem; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3e%3crect width='64' height='64' rx='32' fill='white'/%3e%3cpath d='M43.7863 19.2673C43.4557 18.9109 42.868 18.9109 42.5374 19.2673L31.5171 31.1485L20.4969 19.2673C20.1663 18.9109 19.5786 18.9109 19.248 19.2673C18.9173 19.6238 18.9173 20.2574 19.248 20.6139L30.2682 32.495L19.248 44.3762C18.9173 44.7327 18.9173 45.3663 19.248 45.7228C19.4316 45.9208 19.652 46 19.8724 46C20.0928 46 20.3132 45.9208 20.4969 45.7228L31.5171 33.8416L42.5374 45.7228C42.721 45.9208 42.9415 46 43.1619 46C43.3823 46 43.6027 45.9208 43.7863 45.7228C44.1169 45.3663 44.1169 44.7327 43.7863 44.3762L32.7661 32.495L43.7863 20.6139C44.1169 20.2574 44.1169 19.6634 43.7863 19.2673Z' fill='%23262626'/%3e%3c/svg%3e"); } .privileges-form-wrap.content-form .validateForm.repeat-consult { padding: 0; } .privileges-form-wrap.content-form .validateForm .name-form { max-width: 100%; color: var(--Text-black, #262626); font-variant-numeric: lining-nums proportional-nums; font-family: Ubuntu; font-size: 2.5rem; font-style: normal; font-weight: 500; line-height: 135%; text-transform: unset; text-align: left; } .privileges-form-wrap.content-form .validateForm .inputs { margin: 2.5rem 0; padding: 0; } .privileges-form__input-wrap { position: relative; width: 80%; } .privileges-form-wrap.content-form .privileges-form__input-wrap:not(:last-child) { margin-bottom: 1rem; } .privileges-form-wrap.content-form .validateForm .inputs label { position: absolute; left: 0; bottom: 0.75rem; color: #262626; font-family: "Ubuntu Light"; font-size: 1.25rem; font-weight: 300; line-height: 135%; pointer-events: none; transition: 0.3s; } .privileges-form-wrap.content-form .validateForm .inputs input { padding: 0.75rem 0; width: 100%; color: #262626; font-family: "Ubuntu Light"; font-size: 1.25rem; font-weight: 300; line-height: 135%; border-bottom: 1px solid rgba(0, 0, 0, 0.25); cursor: pointer; } .privileges-form-wrap.content-form .validateForm .inputs input:focus ~ label, .privileges-form-wrap.content-form .validateForm .inputs input:not(:placeholder-shown) ~ label { font-size: 0.75rem; transform: translate(0, -1.75rem); } .privileges-form-wrap.content-form .validateForm .inputs input::placeholder { color: #262626; font-family: "Ubuntu Light"; font-size: 1.25rem; font-weight: 300; line-height: 135%; } .privileges-form-wrap.content-form .validateForm .inputs input:hover, .privileges-form-wrap.content-form .validateForm .inputs input:active, .privileges-form-wrap.content-form .validateForm .inputs input:focus { border-color: #08b6a7; } .privileges-form-wrap.content-form .validateForm .button-wrap { padding: 0; } .privileges-form__checkbox { margin-bottom: 2rem; } .privileges-form__checkbox input { opacity: 0; position: absolute; pointer-events: none; } .privileges-form__checkbox label { position: relative; display: flex; align-items: center; color: #262626; font-family: "Ubuntu Light"; font-size: 1.25rem; font-weight: 300; line-height: 135%; cursor: pointer; } .privileges-form__checkbox label:before { content: ""; margin-right: 1rem; display: block; width: 2rem; min-width: 2rem; max-width: 2rem; height: 2rem; border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 0.25rem; box-sizing: border-box; } .privileges-form__checkbox input:checked ~ label:after { content: ""; position: absolute; left: 0.5rem; right: 0.5rem; width: 1rem; min-width: 1rem; max-width: 1rem; height: 1rem; background: #08b6a7; border-radius: 0.25rem; } .privileges-form__checkbox label a { margin-left: 0.2rem; color: #08b6a7; text-decoration: none; } .privileges-form-wrap.content-form .access-message { border-radius: 1.5rem; overflow: hidden; } .privileges-form-wrap.content-form .access-message .message { padding: 0 0 0 3rem; height: 100%; display: flex; align-items: center; justify-content: space-between; } .privileges-form-wrap.content-form .access-message .name { margin-bottom: 1.5rem; color: #262626; font-variant-numeric: lining-nums proportional-nums; font-family: Ubuntu; font-size: 2.5rem; font-weight: 500; line-height: 135%; } .privileges-form-wrap.content-form .access-message img { width: 70%; height: 100%; object-fit: cover; align-self: flex-end; } .serv-others__block { justify-content: center; } .serv-thers__arrow { display: none; } .serv-others__item:first-child .serv-others__name, .serv-others__name { text-align: center; } @media screen and (max-width: 764px) { .privileges-form-wrap.content-form.fixedBlock { padding: 2rem 2rem; left: 2%; width: 96%; box-sizing: border-box; } .privileges-form-wrap.content-form.fixedBlock .validateForm { padding: 0; } .privileges-form-wrap.content-form .exit { top: -5rem; right: 1rem; } .privileges-form-wrap.content-form .access-message .message { gap: 0.5rem; } .privileges-form-wrap.content-form .validateForm .name-form { font-size: 2rem; } .privileges-form__input-wrap { width: 100%; } .privileges-form__checkbox label { font-size: 1rem; } .privileges-form-wrap .btn-default { width: 100%; font-size: 1.125rem; } .privileges-form-wrap.content-form .access-message img { width: 60%; height: 100%; } } .video-block-wrap .block.video-block .preview-bg { display: flex; align-items: center; justify-content: center; } .video-block-wrap .block.video-block .preview-bg:after { content: ""; position: relative; z-index: 3; display: block; width: 7rem; height: 7rem; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3e%3cpath fill='%23FF3D00' d='M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z'%3e%3c/path%3e%3cpath fill='%23FFF' d='M20 31L20 17 32 24z'%3e%3c/path%3e%3c/svg%3e"); pointer-events: none; } .page-footer__socials { margin-top: 10px !important; } .team-swiper, .team-swiper * { box-sizing: border-box; } .team-swiper__block { margin-bottom: 4rem; position: relative; } .team-swiper__control { position: absolute; top: 50%; left: 0; width: 100%; height: 0; display: flex; align-items: center; justify-content: space-between; transform: translateY(-50%); z-index: 9; } .team-swiper__control-prev { width: 23px; height: 16px; padding: 24px 21px; border-radius: 50%; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); cursor: pointer; transform: translateX(-50%); } .team-swiper__control-next { width: 23px; height: 16px; padding: 24px 21px; border-radius: 50%; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); cursor: pointer; transform: translateX(50%); } .team-swiper__item { height: auto; position: relative; overflow: hidden; } .team-swiper__item:after { content: ""; height: 200%; left: -230%; opacity: 0; position: absolute; top: -20%; transform: rotate(-30deg); width: 200%; background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%); } /* Hover state - trigger effect */ .team-swiper__item:hover:after { left: -50%; opacity: 1; top: -50%; transition-duration: 0.7s, 0.7s, 0.15s; transition-property: left, top, opacity; transition-timing-function: ease; } .team-swiper__item-link { margin-right: 0.5rem; padding: 1rem; display: block; height: 100%; color: #1c2429; background: #f5f6f6; border-radius: 24px; overflow: hidden; text-decoration: none; } .team-swiper__item-photo { margin-bottom: 1rem; width: 100%; height: 19rem; border-radius: 1rem; overflow: hidden; } .team-swiper__item-photo img { width: 100%; height: 100%; object-fit: cover; } .team-swiper__item-name { margin: 0 0 16px; font-weight: 500; font-size: 22px; line-height: 25px; } .team-swiper__item-status { font-weight: 400; font-size: 18px; line-height: 21px; color: #6e7b83; } .team-swiper__block .filter-tabs { padding: 1rem; width: 1830px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: flex-start; align-content: center; gap: 1rem; margin-top: 0; overflow: hidden; overflow-x: scroll; } .team-swiper__block .filter-tabs .category { padding: 0.75rem 1.5rem; display: flex; align-items: center; justify-content: center; color: #434343; font-variant-numeric: lining-nums proportional-nums; font-size: 1rem; font-weight: 300; line-height: 135%; font-family: "Ubuntu Medium"; border-radius: 6.25rem; background: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); cursor: pointer; white-space: nowrap; } .team-swiper__block .filter-tabs .category.active { color: #15ac97; -webkit-box-shadow: 0 2px 12px #dbe3e2; -moz-box-shadow: 0 2px 12px #dbe3e2; box-shadow: 0 2px 12px #dbe3e2; } .marathon-select__body { z-index: 10 !important; } body.no-scroll { overflow: hidden; } .comagic-c-buttons.comagic-c-buttons--collapsed.s2043550209.comagic-c-buttons--single-mode.comagic-c-buttons--active-icon-1.comagic-c-buttons__active-icon-web_chat { display: none !important; } .exit { z-index: 1; background-color: transparent !important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3e%3crect width='64' height='64' rx='32' fill='white'/%3e%3cpath d='M43.7863 19.2673C43.4557 18.9109 42.868 18.9109 42.5374 19.2673L31.5171 31.1485L20.4969 19.2673C20.1663 18.9109 19.5786 18.9109 19.248 19.2673C18.9173 19.6238 18.9173 20.2574 19.248 20.6139L30.2682 32.495L19.248 44.3762C18.9173 44.7327 18.9173 45.3663 19.248 45.7228C19.4316 45.9208 19.652 46 19.8724 46C20.0928 46 20.3132 45.9208 20.4969 45.7228L31.5171 33.8416L42.5374 45.7228C42.721 45.9208 42.9415 46 43.1619 46C43.3823 46 43.6027 45.9208 43.7863 45.7228C44.1169 45.3663 44.1169 44.7327 43.7863 44.3762L32.7661 32.495L43.7863 20.6139C44.1169 20.2574 44.1169 19.6634 43.7863 19.2673Z' fill='%23262626'/%3e%3c/svg%3e") !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } .specialists-slider__item { height: 350px !important; } .day-timing-wrap .day-timing .item { height: 360px; } .social-media .block.vk { padding-bottom: 0 !important; } @media screen and (max-width: 799px) { .breadcrumb { width: 500px !important; height: auto; } } .why__link { margin-top: 0 !important; margin-bottom: 70px; } .reviews-slider__item-top-review { -webkit-opacity: unset; -webkit-text-fill-color: #000 !important; } .new-review-wrap .team-swiper__control-prev, .new-review-wrap .team-swiper__control-next { top: 150px !important; } .new-review-wrap::before { display: none; } .new-review-wrap .team-swiper__control-prev { z-index: 9 !important; } .why .container { padding: 0 24px 0 24px; } .container.request-call-bottom.validateForm .question__title, .container.request-call-bottom.validateForm .question__description { text-align: center; } @media screen and (max-width: 799px) { .form-wrap-contacts { height: auto !important; } } .content.no-main.noHover p { padding: 0 16px; } .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle.b24-widget-button-visible { right: 50px; display: flex; align-items: flex-end; z-index: 30; } .new-review-text { height: 86px !important; } .wrapper { /* padding: 0 1rem !important; */ padding-left: 0 !important; } .comagic-c-buttons.s2043550209.comagic-c-buttons__active-icon-chat { display: none !important; } .new-review-text.review-active { height: unset !important; } .specialist .info-left__description-all { display: none !important; } .reviews-slider__item-top-review { max-height: auto !important; } .reviews-slider__item-top-left__image { display: block !important; width: 100%; } .reviews-slider__item-top-left__image img { min-height: 10rem; } .header-menu-wrap ul.header-menu > li > noindex a { color: #1c2429; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; display: block; height: 100%; line-height: 60px; text-decoration: none; position: relative; white-space: nowrap; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; z-index: 2; } .header-menu-wrap .second > ul li > noindex a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; line-height: 16px; padding: 0 35px 0 20px; width: 100%; height: 100%; text-decoration: none; overflow: hidden; position: relative; color: #1c2429; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .header-menu-mobile-wrap ul.header-menu > li noindex a { color: #1c2429; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; display: block; height: 100%; line-height: 60px; text-decoration: none; position: relative; white-space: nowrap; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; z-index: 2; } @media screen and (max-width: 1023px) { .header-menu-mobile-wrap ul.header-menu > li noindex a { font-size: 16px; line-height: 40px; } .header-menu-mobile-wrap ul.second > li noindex { max-width: 215px; margin: 0 auto; } .header-menu-mobile-wrap ul.second > li noindex a { text-align: center; font-size: 16px; line-height: 18px; text-transform: none; padding: 0; max-width: 215px; margin: 0 auto; display: block; white-space: normal; } } @media screen and (max-width: 767px) { .header-menu-mobile-wrap ul.header-menu > li noindex a { font-size: 18px; } .team-swiper__item-photo { height: 40rem; } .team-swiper__item-photo img { object-position: 0 25%; } } /* @media screen and (max-width: 1279px) { .page-footer__top .page-footer__inner, .page-footer__bottom .page-footer__inner { padding-right: 0 !important; padding-left: 0 !important; } } */ body { overflow-x: hidden; } .so-carousel__item-img img { object-fit: contain; } .so-carousel__item-img { background: #edf5f9; } .wrapper { padding-left: 0 !important; } .serv-subtext__text p img { width: 100%; height: 100%; } .popupContent__form-wrap .button-wrap .text, .popupContent__form-wrap .button-wrap .text a { font-size: 1.125rem; } @media screen and (max-width: 767px) { .popupContent__form-wrap .button-wrap .text, .popupContent__form-wrap .button-wrap .text a { font-size: 2.125rem !important; } .content .breadcrumb { padding: 0 1.5rem; } .info-left__description { display: grid; gap: 1rem; } .serv-price__subgrid-icon { min-width: 5.5rem; max-width: 5.5rem; height: 5.5rem; } .serv-price__subgrid-desc { font-size: 2rem; } .serv-faq__list { display: grid; gap: 1rem; } .serv-faq__head { padding: 0.75rem 0; } .serv-about__title, .serv-faq__title { font-size: 2.125rem; } .serv-faq__text { font-size: .75rem; } .serv-faq__title, .serv-others__name, .serv-price__subgrid-desc { font-size: 1rem; } .serv-faq__toggler { width: 3.5rem; height: 1.5rem; flex: 0 1 3.5rem; } .reviews-slider__item-top-review-more { font-size: 1.75rem; } .serv-blog__body-item-name { font-size: 1rem; } } @media screen and (max-width: 560px) { .slide.default-image.block#bx_3218110189_1019 { background: #abbec9 !important; height: 790px; width: 100%; } .popupComfort__img.mobile { height: 436px; width: 100%; object-fit: cover; } } .serv-faq__text { font-family: "Ubuntu", sans-serif; } @media screen and (max-width: 1700px){ .header-menu-wrap .second.programmy-reabilitacii { min-width: 60vw !important; } } @media screen and (max-width: 767px) { #slider1_container { height: fit-content; } #slider1_container .default-image { height: 300px; } #slider1_container .sliderText { padding: 0; height: fit-content; } .video-review-wrap .filter-tabs .category , .video-review-wrap .video-review .block .preview-text, .team-swiper__block .filter-tabs .category { font-size: 16px; } .video-review-wrap .preview-title { font-size: 18px; } .page-footer__copyright-text { opacity: 1 !important; } .specialists .specialists-slider__item-image-wrapper { max-height: 400px !important; } .specialists .specialists-slider__item-info p { font-size: 20px !important; } } /* End */ /* Start:/local/templates/main/css/new-main.css?177642012565465*/ html { /* font-size: 0.583409vw; */ font-size: 0.85vw; font-style: normal; font-weight: normal; -webkit-animation: bugfix infinite 1s; line-height: 1.2; margin: 0; padding: 0; } * { box-sizing: border-box; } .container { margin: 0 auto; /* max-width: 114.375rem; */ max-width: 96.375rem; } @media (max-width: 1440px) { html { font-size: 1.11111vw; } .container { /* max-width: 75rem; */ max-width: 80rem; } } @media (max-width: 768px) { html { /* font-size: 2.08333vw; */ font-size: 3.5vw; } .container { max-width: 100%; padding: 0 1.5rem; } } @media (max-width: 480px) { html { font-size: 3.33333vw; } } .button_base { background-color: #15ac97; padding: 0.75rem 1.5rem; width: max-content; border-radius: 0.5rem; font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; text-decoration: none; border: 1px solid #15ac97 !important; cursor: pointer; } .button_base:hover { background-color: #fff; color: #15ac97; border: 1px solid #15ac97; } @media (max-width: 768px) { .button_base { font-size: 1rem; } } @media (max-width: 768px) { .button_base { padding: 0.5rem 1rem; } } .pt-10 { padding-top: 10rem; } .mt-10 { margin-top: 10rem; } @media (max-width: 768px) { .pt-10 { padding-top: 5rem; } .mt-10 { margin-top: 5rem; } } .pt-5 { padding-top: 5rem; } @media (max-width: 768px) { .pt-5 { padding-top: 2.5rem; } } .mission-section__container { display: flex; flex-direction: column; gap: 1rem; } .mission-section__container__text { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; } .mission-section__container__info-block { display: flex; flex-direction: column; gap: 2.25rem; } .mission-section__container__info-block__btn { color: white; } .mission-section__container__title { font-size: 4.5rem; font-weight: 700; line-height: 110%; letter-spacing: 0em; } @media (max-width: 768px) { .mission-section__container__title { font-size: 3rem; } } .mission-section__container__title .blue-text { color: #29a5d1; } .mission-section__container__text-block { display: flex; justify-content: space-between; } .mission-section__container__text-block__info { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; max-width: 40.438rem; } @media (max-width: 768px) { .mission-section__container__text-block__info { font-size: 1rem; } } @media (max-width: 768px) { .mission-section__container__text-block__info { max-width: 100%; } } @media (max-width: 768px) { .mission-section__container__text-block { flex-direction: column; gap: 1rem; justify-content: flex-start; } } .offer-section { /* max-width: 75.938rem; */ box-sizing: border-box; } .offer-section * { box-sizing: border-box; } .offer-section__container { display: flex; flex-direction: column; gap: 3rem; } .offer-section__container__title { font-size: 3rem; font-weight: 700; line-height: 115%; letter-spacing: 0em; color: #222222; } @media (max-width: 768px) { .offer-section__container__title { font-size: 2rem; } } .offer-section__container__content { display: flex; justify-content: center; gap: 1.25rem; width: 100%; /* max-height: 31.25rem; */ } .offer-section__container__content__info-block { position: relative; max-width: 48.75rem; width: 100%; background-color: #f5f7fa; padding: 0.5rem; border-radius: 1.5rem; display: flex !important; flex-direction: column; gap: 1.75rem; } .offer-section__container__content__info-block .card-img { height: 24rem; border-radius: 1.25rem; width: 100%; object-fit: cover; } .offer-section__container__content__info-block .distance-block { position: absolute; padding: 0.375rem 1rem; border-radius: 3.125rem; background-color: white; font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; right: 1rem; top: 1rem; } @media (max-width: 768px) { .offer-section__container__content__info-block .distance-block { font-size: 0.75rem; } .offer-section__container__content__info-block { max-width: 100%; } .special-offer__info-block .card-img { height: 30rem; } .offer-section__container__content__info-block .card-img { height: auto; } } .offer-section__container__content__info-block .text-block { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 0.75rem; padding: 0 1rem; padding-bottom: 1rem; } .offer-section__container__content__info-block .text-block__title { font-size: 1.25rem; font-weight: 700; line-height: 110%; letter-spacing: 0em; color: black; } @media (max-width: 768px) { .offer-section__container__content__info-block .text-block__title { font-size: 1.25rem; } } .offer-section__container__content__info-block .text-block__text { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; max-width: 41.375rem; color: black; padding-bottom: 1.25rem; } @media (max-width: 768px) { .offer-section__container__content__info-block .text-block__text { font-size: 0.95rem; } } .offer-section__container__content__info-block .text-block .link-card { color: white; } .offer-section__container__content__info-block .text-block .link-card:hover { color: #15ac97; } .offer-section__container__content__info-block .card-img-two { position: absolute; object-fit: cover; max-width: 10rem; aspect-ratio: 1; right: 0rem; bottom: 0rem; z-index: 1; } .special-offer { display: flex; flex-direction: column; gap: 2.5rem; position: relative; } .special-offer__info-block { padding: 0; background-color: white; border: 1px solid #d2dae5; gap: 0; overflow: hidden; height: 99%; /* padding-right: 1.5rem; */ } .special-offer__info-block .card-img { border-radius: 0rem; height: 15rem; } .special-offer__info-block .text-block { padding-top: 1.75rem; border-radius: 1.25rem; position: relative; bottom: 0.9rem; background-color: white; } .special-offer__btn { color: white; margin: 0 auto; } .offer-section__container__content .swiper-slide { padding-right: 1.5rem; height: auto; margin-right: 0.2px; } /* Скрываем дефолтные стрелки Swiper */ .special-offer .swiper-button-prev::after, .special-offer .swiper-button-next::after, .special-offer .swiper-button-prev::after, .special-offer .swiper-button-next::after, .reviews-section__container__info-block .swiper-button-prev::after, .reviews-section__container__info-block .swiper-button-next::after, .works-section__container .swiper-buttons-prev::after, .works-section__container .swiper-buttons-next::after { display: none; /* убираем стандартную стрелку */ } .swiper-button-next svg, .swiper-button-prev svg { width: auto; height: auto; } .swiper-button-next { right: -3.75rem; } .swiper-button-prev, .special-offer .offer-swiper-button-prev { left: -3.75rem; } .offer-section__btn-prev, .offer-section__btn-next { display: flex; justify-content: center; align-items: center; padding: 0.625rem; background-color: #ebeef3; border-radius: 0.5rem; max-width: 2.75rem; width: auto; aspect-ratio: 1; } .offer-section__btn-prev:hover, .offer-section__btn-next:hover { background-color: #c3cfe3; } .works-section__container { position: relative; } .special-offer .offer-swiper-button-next { right: -2.5rem; } .works-section__container .swiper-buttons-next { right: 3.75rem; } .works-section__container .swiper-buttons-next, .works-section__container .swiper-buttons-prev, .special-offer .offer-swiper-button-next, .special-offer .offer-swiper-button-prev { position: absolute; top: calc((100% - var(--swiper-navigation-size)) / 2); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .works-section__container .swiper-buttons-prev { left: 3.75rem; } .works-section__container .offer-section__btn-next, .works-section__container .offer-section__btn-prev { background-color: #2f3a4b; } .offer-section__btn-next, .offer-section__btn-prev { cursor: pointer; } .directions-section { padding-top: 5rem; padding-bottom: 5rem; position: relative; overflow: hidden; background: radial-gradient(#1de4d0 0%, #04b4a5 70%); } .offer-section__body { position: relative; } @media (max-width: 768px) { .directions-section { padding-top: 2.5rem; padding-bottom: 2.5rem; } .special-offer__btn { width: 100%; text-align: center; } } .directions-section__container { display: flex; flex-direction: column; gap: 1rem; } .directions-section__container__title { font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; color: white; } @media (max-width: 768px) { .directions-section__container__title { font-size: 1rem; } } .directions-section__container__content { display: flex; flex-direction: column; } .directions-section__container__content__info-block { padding: 2rem 0; border-bottom: 1px solid rgba(52, 66, 88, 0.2); position: relative; transition: padding 0.3s ease, background 0.3s ease; text-decoration: none; } @media (max-width: 768px) { .directions-section__container__content__info-block { padding: 1rem 0; } } .directions-section__container__content__info-block svg, .directions-section__container__content__info-block img, .directions-section__container__content__info-block video { display: none; transition: opacity 0.3s ease; } .directions-section__container__content__info-block svg { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); z-index: 2; } .directions-section__container__content__info-block img, .directions-section__container__content__info-block video { position: absolute; bottom: 0; right: 0; z-index: 1; max-width: 56.438rem; width: 100%; height: 100%; mask-image: linear-gradient(to right, transparent 0%, #00a197 50%); object-fit: cover; } .directions-section__container__content__info-block:hover { padding: 2rem; background: linear-gradient(to right, #00a197, #00a197); border-radius: 1.5rem; overflow: hidden; } .directions-section__container__content__info-block:hover svg, .directions-section__container__content__info-block:hover img, .directions-section__container__content__info-block:hover video { display: block; opacity: 1; } .directions-section__container__content__info-block .text-block { display: flex; flex-direction: column; gap: 0.75rem; max-width: 70.375rem; width: 100%; text-decoration: none; } @media (max-width: 768px) { .directions-section__container__content__info-block .text-block { z-index: 2; position: relative; text-decoration: none; } .directions-section__container__content__info-block:hover { padding: 1rem 0; background: transparent; border-radius: 0; } .directions-section__container__content__info-block:hover svg, .directions-section__container__content__info-block:hover img, .directions-section__container__content__info-block:hover video { display: none; opacity: 0; } } .directions-section__container__content__info-block .text-block .title { font-size: 3rem; font-weight: 700; line-height: 115%; letter-spacing: 0em; color: white; z-index: 2; position: relative; text-decoration: none; } @media (max-width: 768px) { .directions-section__container__content__info-block .text-block .title { font-size: 2rem; } } .directions-section__container__content__info-block .text-block .text { font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; color: white; z-index: 2; position: relative; text-decoration: none; } @media (max-width: 768px) { .directions-section__container__content__info-block .text-block .text { font-size: 1.25rem; } } .directions-section__link { margin-top: 0.75rem; color: black; background-color: #ebeef3; } .directions-section__container__content__info-block:nth-last-child(1) { border-bottom: none; } .equip-section__container { background: linear-gradient(to right, #29a5d1, #29a5d1); padding: 3.75rem; border-radius: 2rem; display: flex; position: relative; overflow: hidden; } @media (max-width: 768px) { .equip-section__container { padding: 1.5rem; } .directions-section__link { width: 100%; text-align: center; } } .equip-section__container .img-block { object-fit: cover; max-width: 46.875rem; width: 100%; mask-image: linear-gradient(to right, transparent 0%, #29a5d1 50%); right: 0px; height: 100%; top: 0px; position: absolute; z-index: 1; } @media (max-width: 768px) { .equip-section__container .img-block { mask-image: linear-gradient(to right, transparent 20%, #29a5d1 90%); } } .equip-section__container__content { display: flex; flex-direction: column; gap: 1.5rem; max-width: 45.063rem; width: 100%; position: relative; z-index: 2; } .equip-section__container__content__btn { margin-top: 0.25rem; color: black; background-color: #ebeef3; } .equip-section__container__content__title { font-size: 3rem; font-weight: 700; line-height: 115%; letter-spacing: 0em; color: white; } @media (max-width: 768px) { .equip-section__container__content__title { font-size: 2rem; } } .equip-section__container__content__info-block { display: flex; flex-direction: column; gap: 0.75rem; } .equip-section__container__content__info-block__title { font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; color: white; } @media (max-width: 768px) { .equip-section__container__content__info-block__title { font-size: 1rem; } } .equip-section__container__content__info-block .text-block { display: flex; flex-direction: column; gap: 0.5rem; } .equip-section__container__content__info-block .text-block__list-block { display: flex; align-items: center; gap: 0.375rem; } .equip-section__container__content__info-block .text-block__list-block img { object-fit: cover; max-width: 2.188rem; width: 100%; aspect-ratio: 1; } .equip-section__container__content__info-block .text-block__list-block__text { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: white; } @media (max-width: 768px) { .equip-section__container__content__info-block .text-block__list-block__text { font-size: 0.95rem; } } .about-section { background: radial-gradient(#7d95b3 0%, #3b4d69 70%); padding-top: 5rem; padding-bottom: 7.5rem; } .about-section * { box-sizing: border-box; } .about-section__container { display: flex; flex-direction: column; gap: 1rem; } .about-section__container__title { font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; color: white; } .about-section__container__content { display: flex; flex-direction: column; gap: 2.5rem; } .about-section__container__content .text-block { display: flex; flex-direction: column; gap: 2.5rem; } .about-section__container__content .text-block__title { margin: 0; font-size: 3.1rem; font-weight: 700; line-height: 110%; letter-spacing: 0em; color: white; } .about-section__container__content .text-block__title .green-text { background: linear-gradient(to right, transparent 0%, #00a197 0%); padding: 0 0.5rem; border-radius: 1.25rem; /* display: inline-block; height: 5rem; line-height: 84%; */ } @media (max-width: 768px) { .about-section__container__content .text-block__title .green-text { height: 3.5rem; } } .about-section__container__content .text-block__info-block { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 768px) { .about-section__container__content .text-block__info-block { flex-direction: column; gap: 1rem; align-items: flex-start; } } .about-section__container__content .text-block__info-block__text { font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; color: white; max-width: 32.063rem; width: 100%; } @media (max-width: 768px) { .about-section__container__content .text-block__info-block__text { font-size: 1rem; } } .about-section__container__content .text-block__info-block__text:nth-last-child(1) { max-width: 48.75rem; } @media (max-width: 768px) { .about-section__container__content .text-block__info-block__text { max-width: 100% !important; } } .about-section__container__content .video-block { position: relative; width: 100%; height: 40rem; border-radius: 1.5rem; } .about-section__container__content .video-block #video { border-radius: 1.5rem; width: 100%; height: auto; display: block; cursor: pointer; max-height: 38.75rem; object-fit: cover; } .about-section__container__content .video-block iframe { border-radius: 1.5rem; width: 100%; height: 100%; object-fit: cover; display: block; cursor: pointer; } .about-section__container__content .video-block .play-button { position: absolute; top: 50%; left: 50%; max-width: 7.5rem; width: 100%; aspect-ratio: 1; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: opacity 0.3s ease; display: none; } .about-section__container__content .video-block .play-button svg { width: 2.563rem; height: 3rem; } .about-section__container__content .video-block .play-button.hidden { opacity: 0; pointer-events: none; } @media (max-width: 768px) { .about-section { padding-top: 3rem; padding-bottom: 5.5rem; } .about-section__container__content .text-block, .about-section__container__content { gap: 1.5rem; } .about-section__container__title { font-size: 1.25rem; } .about-section__container__content .text-block__info-block { gap: 1rem; } } .map-section { position: relative; } .map-section #new-maps { width: 100%; height: 35.813rem; } .map-section__info-block { position: absolute; top: 50%; transform: translateY(-50%); left: 10.625rem; background: rgb(255, 255, 255); padding: 2rem; border-radius: 1.5rem; max-width: 24.063rem; width: 100%; z-index: 3; display: flex; flex-direction: column; gap: 1.25rem; } @media (max-width: 768px) { .map-section__info-block { padding: 1.5rem; left: 1.5rem; } } .map-section__info-block__btn { color: white; } .map-section__info-block .title { font-family: "Ubuntu Medium"; margin: 0; font-size: 3rem; font-weight: 500; line-height: 115%; letter-spacing: 0em; color: #222222; text-transform: none; } @media (max-width: 768px) { .map-section__info-block .title { font-size: 2rem; } } .map-section__info-block .text-block { display: flex; flex-direction: column; gap: 0.75rem; } .map-section__info-block .text-block__info-block { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .map-section__info-block .text-block__info-block .name { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #7d95b3; } @media (max-width: 768px) { .map-section__info-block .text-block__info-block .name { font-size: 0.75rem; } } .map-section__info-block .text-block__info-block .info { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; max-width: 9.55rem; text-align: left; width: 100%; text-decoration: none; } .map-section__info-block .text-block__info-block .info a { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; max-width: 9.55rem; text-align: left; width: 100%; text-decoration: none; } @media (max-width: 768px) { .map-section__info-block .text-block__info-block .info { font-size: 0.75rem; } } .map-section__info-block .text-block__info-block:nth-last-child(2) .info { max-width: 100%; } .map-section__info-block .text-block__social-block { display: flex; flex-direction: column; gap: 0.5rem; } .map-section__info-block .text-block__social-block .name { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #7d95b3; } @media (max-width: 768px) { .map-section__info-block .text-block__social-block .name { font-size: 0.75rem; } } .map-section__info-block .text-block__social-block .soc-block { display: flex; gap: 0.5rem; } .map-section__info-block .text-block__social-block .soc-block .soc { max-width: 2.75rem; width: 100%; aspect-ratio: 1; border-radius: 50%; background-color: #d2dae5; padding: 0.75rem; display: flex; align-items: center; } .map-section__info-block .text-block__social-block .soc-block .soc svg { width: 100%; height: 100%; object-fit: contain; } .reviews-section { padding: 10rem 0; display: flex; flex-direction: column; gap: 2.5rem; box-sizing: border-box; } .reviews-section * { box-sizing: border-box; } .reviews-section .swiper-slide { padding-right: 1.25rem; height: auto; } .reviews-section__container { display: flex; flex-direction: column; gap: 2.5rem; } .reviews-section__container__title { display: flex; justify-content: space-between; align-items: center; gap: 2rem; } .reviews-section__container__title .title { font-size: 3rem; font-weight: 700; line-height: 115%; letter-spacing: 0em; color: #222222; } @media (max-width: 768px) { .reviews-section__container__title .title { font-size: 2rem; } } .reviews-section__container__title .filter-block { display: flex; align-items: center; padding: 0.25rem; border-radius: 0.3rem; background-color: #ebeef3; } .reviews-section__container__title .filter-block .text-block { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; padding: 0.563rem 1.875rem; border-radius: 0.5rem; cursor: pointer; } @media (max-width: 768px) { .reviews-section { margin: 5rem 0; padding: 0; } .reviews-section__container__title .filter-block { width: 100%; } .reviews-section__container__title .filter-block .text-block { font-size: 1rem; flex: 1; text-align: center; } .reviews-section__container__info-block__all-rev { width: 100%; text-align: center; } } .reviews-section__container__title .filter-block .text-block:hover { background-color: white; } .filter-block .filter-btn.active { background-color: white; } .reviews-section__container__info-block { display: flex; flex-direction: column; gap: 2.5rem; position: relative; } .reviews-section__container__info-block .rev-block { width: 100%; } .reviews-section__container__info-block .rev-block__info-block { width: 100%; background-color: white; border-radius: 0.75rem; border: 1px solid #d2dae5; display: flex; flex-direction: column; gap: 1rem; padding: 1.75rem 1.5rem; /* margin-right: 1.5rem; */ height: 99%; } .reviews-section__container__info-block .rev-block__info-block .top-block { display: flex; flex-direction: column; gap: 0.5rem; } .reviews-section__container__info-block .rev-block__info-block .top-block__title { font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; color: #222222; } .reviews-section__container__info-block .rev-block__info-block .top-block__date { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #d2dae5; } @media (max-width: 768px) { .reviews-section__container__info-block .rev-block__info-block .top-block__date { font-size: 0.75rem; } } @media (max-width: 768px) { .team-swiper__filter-tabs-new-block { flex-direction: column; } } .reviews-section__container__info-block .rev-block__info-block .text-block, .reviews-section__container__info-block .rev-block__info-block .text-block p { font-family: "Ubuntu", Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 24px; letter-spacing: 0em; color: #222222; line-height: 150%; overflow: hidden; position: relative; transition: max-height 0.4s ease; } .show-review-text.hide-text { position: relative; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .reviews-section__container__info-block .rev-block__info-block .text-block::after { /* content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2em; background: linear-gradient(to bottom, rgba(255,255,255,0), white); display: none; */ } .reviews-section__container__info-block .rev-block__info-block .text-block.collapsed::after { display: block; } .reviews-section__container__info-block .rev-block__info-block .text-block.collapsed { max-height: 7.5em; } .reviews-section__container__info-block .rev-block__info-block .text-block.expanded { max-height: 1000px; } @media (max-width: 768px) { .reviews-section__container__info-block .rev-block__info-block .text-block, .reviews-section__container__info-block .rev-block__info-block .text-block p { font-size: 0.75rem; } } .reviews-section__container__info-block .rev-block__info-block .border { margin-top: auto; border-bottom: 1px solid #ebeef3; } .reviews-section__container__info-block .rev-block__info-block .bottom-block { display: flex; justify-content: space-between; gap: 1rem; } .reviews-section__container__info-block .rev-block__info-block .bottom-block__info { display: flex; align-items: center; gap: 0.75rem; max-width: 9.375rem; } .reviews-section__container__info-block .rev-block__info-block .bottom-block__circle { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; line-height: 140%; background-color: #ebeef3; border-radius: 50%; padding: 0.688rem 1rem; } @media (max-width: 768px) { .reviews-section__container__info-block .rev-block__info-block .bottom-block__circle { font-size: 0.75rem; } } .reviews-section__container__info-block .rev-block__info-block .bottom-block__name { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; } @media (max-width: 768px) { .reviews-section__container__info-block .rev-block__info-block .bottom-block__name { font-size: 0.75rem; } } .reviews-section__container__info-block .rev-block__info-block .bottom-block .more-review { padding: 0.688rem 1.25rem; border-radius: 0.5rem; background-color: #ebeef3; font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #222222; cursor: pointer; text-decoration: none; user-select: none; } @media (max-width: 768px) { .reviews-section__container__info-block .rev-block__info-block .bottom-block .more-review { font-size: 0.75rem; } } .reviews-section__container__info-block__all-rev { display: block; text-decoration: none; margin: 0 auto; color: white; } .works-section { margin-top: 5rem; margin-bottom: 12rem; } .works-section__container .swiper { overflow: visible; height: 70vh; } .works-section__container__swiper { overflow-x: clip !important; } .works-section__container__slide .info-block { transition-timing-function: cubic-bezier(0.34, 1.02, 0.38, 1) !important; transition-duration: 1.25s !important; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; /* background-color: #262626; */ border-radius: 0.375rem; cursor: pointer; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 2.5rem; max-width: 24.938rem; } .works-section__container__slide .info-block__work { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; width: 100%; height: 100%; position: relative; } .works-section__container__slide .info-block__work .img-work { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; object-fit: cover; border-radius: 1.25rem; height: 100% !important; width: 100%; } @media (max-width: 768px) { .works-section__container__slide .info-block__work .img-work { height: 100% !important; } .works-section__container__slide .info-block { max-width: 100%; } } .about-swiper-active .block-opacity { opacity: 1 !important; } .about-swiper-active .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-video .works-section__container__slide { opacity: 0.5; transition: 0.3s; } .modal-video .works-section__container .swiper-buttons-next { right: 0; } .modal-video .works-section__container .swiper-buttons-prev { left: 0; } .modal-video .works-section__container__slide.swiper-slide-active { transform: scale(1); opacity: 1; z-index: 10; } @media (max-width: 768px) { .works-section__container__slide { width: 100% !important; /* Занимает всю ширину */ } .modal-video .works-section__container__slide.swiper-slide-active { transform: unset; } } .video-block { position: relative; width: 100%; border-radius: 1.5rem; } .rev-block .video-block #video { border-radius: 1.5rem; width: 100%; height: auto; display: block; cursor: pointer; max-height: 19.875rem; object-fit: cover; } .video-block .play-button, .info-block__work .play-button { position: absolute; top: 50%; left: 50%; max-width: 7.5rem; width: 100%; aspect-ratio: 1; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: opacity 0.3s ease; } .info-block__work .play-button, .rev-block__info-block .play-button { max-width: 5rem; } .video-block .play-button svg { width: 2.563rem; height: 3rem; } .info-block__work .play-button svg, .rev-block__info-block .play-button svg { width: 2.5rem; height: 2.5rem; } .video-block .play-button.hidden { opacity: 0; pointer-events: none; } .info-block__work .play-button { opacity: 1; transition: opacity 0.3s; } .info-block__work .play-button.show-play { opacity: 1; } .info-block__work .play-button:not(.show-play) { opacity: 0; pointer-events: none; } .modals[data-modal-state="close"] { scale: 0; opacity: 0; } .modals[data-modal-state="open"] { scale: 1; opacity: 1; } .modals { position: fixed; inset: 90px 0 0 0; z-index: 500; } .modals[data-modal-state="open"] .modal-inset { position: absolute; inset: 0; background-color: rgb(13 13 13); } .modals[data-modal-state="open"] .modal-content-video { scale: 1; opacity: 1; } .modals[data-modal-state="close"] .modal-content-video { scale: 0; opacity: 0; } .modal-header { position: absolute; right: 2.5rem; top: 2.5rem; z-index: 3; } .modal-dialog { display: flex; justify-content: center; align-items: center; height: 100%; overflow: auto; position: relative; } .btn-modal-close { background-color: transparent; border: none; cursor: pointer; } .modal-content-video { transition: all 0.3s cubic-bezier(0.34, 1.02, 0.38, 1); position: relative; width: 100%; /* height: 100%; */ } @media (max-width: 768px) { .modal-header svg { width: 5rem !important; aspect-ratio: 1; /* Занимает всю ширину */ height: 100%; } } .rev-block .swiper-slide.hiddenn { display: none !important; } .rev-block .video-review { max-height: 19.875rem; } .rev-block .video-review .rev-block__info-block { padding: 0; } .rev-block .video-review .video-block { width: 100%; height: 100%; } .rev-block .video-review .rev-block__info-block video, .rev-block .video-review .rev-block__info-block img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 0.75rem; } .footer-section { font-family: "Ubuntu", Arial, Helvetica, sans-serif; background: radial-gradient(#7d95b3 0%, #3b4d69 70%); padding-top: 3.75rem; padding-bottom: 2.5rem; } .footer-section__content { display: flex; flex-direction: column; gap: 3.75rem; } .footer-section__container__top-block { display: flex; justify-content: space-between; align-items: center; } .footer-section__container__top-block__logo-fut { max-width: 23.5rem; width: 100%; } .footer-section__container__top-block__logo-fut img { object-fit: cover; width: 100%; position: relative; left: -2rem; } @media screen and (max-width: 768px) { .footer-section__container__top-block__logo-fut img { left: -1rem; } } .footer-section__container__top-block__social { display: flex; gap: 0.5rem; } @media screen and (max-width: 400px) { .footer-section__container__top-block__social { display: none!important; } } .footer-section__container__top-block__social .soc { width: 2.75rem; aspect-ratio: 1; border-radius: 50%; background-color: #344258; padding: 0.75rem; display: flex; align-items: center; height: 100%; } @media screen and (max-width: 799px) { .footer-section__container__top-block__social .soc { width: 2rem; padding: 0.5rem; } } .dnone { display: none; } .footer-section__container__content { display: flex; justify-content: space-between; gap: 1.25rem; } @media (max-width: 768px) { .footer-section__container__content { flex-direction: column; } } .footer-section__container__content .link-item { color: white; font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; /* padding: 0.5rem 0; */ text-decoration: none; } @media (max-width: 768px) { .footer-section__container__content .link-item { font-size: 0.75rem; } .works-section__container .swiper { overflow: hidden; } } .footer-section__container__content .link-item:hover { color: rgb(228, 228, 228); } .footer-section__container__content .footer-info-block { display: flex; gap: 1.25rem; } .footer-section__container__content .footer-info-block__left-block { display: flex; flex-direction: column; gap: 1rem; } .footer-section__container__content .footer-info-block__left-block__title { color: white; font-size: 1.25rem; font-weight: 500; line-height: 110%; letter-spacing: 0em; line-height: 140%; text-decoration: none; } @media (max-width: 768px) { .footer-section__container__content .footer-info-block__left-block__title { font-size: 1.25rem; } } .footer-section__container__content .footer-info-block__left-block__title:hover { color: rgb(228, 228, 228); } .footer-section__container__content .footer-info-block__left-block__links { display: flex; flex-direction: column; max-width: 15.5rem; width: 100%; gap: 1rem; } .footer-section__container__content .footer-info-block__center-block { display: flex; flex-direction: column; gap: 1rem; } .footer-section__container__content .footer-info-block__center-block__links-block { display: flex; gap: 1.25rem; } @media (max-width: 768px) { .footer-section__container__content .footer-info-block__center-block__links-block { flex-wrap: wrap; column-gap: 2rem; row-gap: 0rem; } } .footer-section__container__content .footer-info-block__center-block__links-block .links-info { max-width: 15.5rem; width: 100%; display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap; } .footer-section__container__content .footer-right-block { display: flex; flex-direction: column; gap: 2.5rem; max-width: 23.75rem; width: 100%; } @media (max-width: 768px) { .footer-section__container__content .footer-right-block { flex-direction: row; max-width: 100%; flex-wrap: wrap; gap: 1.5rem; } } .footer-section__container__content .footer-right-block__price-block { display: flex; flex-direction: column; gap: 1rem; } .footer-section__container__content .footer-right-block__contact { display: flex; flex-direction: column; gap: 1rem; } .footer-section__container__content .footer-right-block__contact .text-block { display: flex; flex-direction: column; gap: 0.5rem; } .footer-section__container__content .footer-right-block__contact .text-block__info-block { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .footer-section__container__content .footer-right-block__contact .text-block__info-block .name { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: #7d95b3; } @media (max-width: 768px) { .footer-section__container__content .footer-right-block__contact .text-block__info-block .name { font-size: 0.75rem; } } .footer-section__container__content .footer-right-block__contact .text-block__info-block .info { font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; color: white; max-width: 9.55rem; text-align: left; width: 100%; text-decoration: none; } .footer-section__container__content .footer-right-block__contact .text-block__info-block .info a { font-weight: 400; line-height: 130%; letter-spacing: 0em; color: white; max-width: 9.55rem; text-align: left; width: 100%; text-decoration: none; } @media (max-width: 768px) { .footer-section__container__content .footer-right-block__contact .text-block__info-block .info { font-size: 0.75rem; } } .footer-section__container__content .footer-right-block__contact .text-block__info-block:nth-last-child(1) .info { max-width: 100%; padding-top: 0.5rem; } .footer-section__content .footer-bottom-block { display: flex; flex-direction: column; } .footer-section__content .footer-bottom-block__top { display: flex; justify-content: space-between; align-items: center; gap: 1.75rem; padding: 1.75rem 0; border-bottom: 1px solid rgba(235, 238, 243, 0.0745098039); border-top: 1px solid rgba(235, 238, 243, 0.0745098039); } .footer-section__content .footer-bottom-block__top:last-child { border-bottom: none; border-top: none; } .footer-section__content .footer-bottom-block__top__text { color: #7d95b3; font-weight: 400; line-height: 130%; font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; max-width: 32.188rem; } @media (max-width: 768px) { .footer-section__content .footer-bottom-block__top__text { font-size: 0.75rem; } } .footer-section__content .footer-bottom-block__top__link { color: #7d95b3; font-weight: 400; line-height: 130%; font-size: 1rem; font-weight: 400; line-height: 130%; letter-spacing: 0em; text-decoration: none; } @media (max-width: 768px) { .footer-section__content .footer-bottom-block__top__link { font-size: 0.75rem; } } .footer-section__content .footer-bottom-block__top__link:hover { color: #9cb6d6; } .footer-section__content .footer-bottom-block__top .belberry-block { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } .footer-section__content .footer-bottom-block .bottom-fut .footer-bottom-block__top__text { max-width: 100%; } @media screen and (max-width: 560px) { .popupComfort__img.mobile { object-fit: cover !important; } } .hero { margin-top: 130px; } .hero__content { display: grid; grid-template-columns: 2fr 1fr; gap: 0.5rem; } .hero__info { } .hero__info-top { padding: 5rem 3rem 9rem; border-radius: 1.5rem; background: radial-gradient(50% 50% at 50% 50%, #1de4d0 0%, #15ac97 100%); } .hero .hero__title { padding: 0; color: var(--White, #fff); font-family: Ubuntu; font-size: 4rem; font-style: normal; font-weight: 700; line-height: 110%; text-align: left; } .hero__title span { background: linear-gradient(to right, transparent 0, #18c2b7 0); padding: 0 0.5rem; border-radius: 1.25rem; } .hero__descr { width: 90%; margin-top: 1.75rem; color: var(--White, #fff); font-family: Ubuntu; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 140%; /* 28px */ } .hero__btn { margin-top: 2.25rem; display: block; color: #000; background-color: #ebeef3; cursor: pointer; font-size: 1.25rem; } .hero__info-bottom { position: relative; margin-top: 0.5rem; } .hero__form { width: 75%; padding: 1.75rem 1.5rem; border-radius: 1.5rem; border: 1px solid var(--Pickled-Bluewood-300, #aab9cf); } .hero__form-title { margin-bottom: 0.75rem; color: var(--Pickled-Bluewood-950, #1f2532); font-family: Ubuntu; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 140%; } .hero__form-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .hero__form-input { flex: 1; padding: 0.75rem; border-radius: 0.5rem; color: var(--Pickled-Bluewood-400, #7d95b3); font-family: Ubuntu; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; /* 20.8px */ background: #fff; border: 1px solid var(--Pickled-Bluewood-400, #7d95b3); outline: none; cursor: pointer; } .hero__form-btn { flex: 1; color: #fff; } .hero__form-policy { position: relative; margin-top: 0.5rem; } .hero__form-policy input { position: absolute; opacity: 0; pointer-events: none; } .hero__form-policy label { position: relative; padding-left: 1.5rem; color: var(--Pickled-Bluewood-400, #7d95b3); font-family: Ubuntu; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 130%; /* 15.6px */ } .hero__form-policy label:before { content: ""; position: absolute; top: -0.1rem; left: 0; width: 0.875rem; height: 0.875rem; border: 1px solid #15ac97; border-radius: 0.125rem; transition: 0.3s; cursor: pointer; } .hero__form-policy input:checked ~ label:before { background: #15ac97; } .hero__form-policy label a { color: var(--Pickled-Bluewood-950, #1f2532); } .hero__info-bottom-info { min-height: calc(100% + 7rem); position: absolute; bottom: -0.5rem; right: -0.5rem; width: 25%; border: 0.5rem solid #fff; padding: 0.75rem 1rem 1.75rem 1.25rem; display: flex; flex-direction: column; justify-content: space-between; border-radius: 1.5rem; background: radial-gradient(50% 50% at 50% 50%, #fff 0%, #ebeef3 100%); } .hero__info-bottom-info-num { color: var(--Pickled-Bluewood-950, #1f2532); font-family: Ubuntu; font-size: 3.5rem; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.075rem; } .hero__info-bottom-info-num span { font-size: 0.75rem; } .hero__info-bottom-info-bottom { color: var(--Dark, #222); font-family: Ubuntu; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 130%; /* 18.2px */ } .hero__img { width: 100%; height: 100%; border-radius: 1.5rem; overflow: hidden; } .hero__img img, .hero__img video { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1440px) { .hero__info-top { padding: 3rem 2rem 5rem; } .hero .hero__title { font-size: 3rem; } .hero__form { width: 70%; padding: 1rem 0.875rem; } .hero__form-title { font-size: 1rem; } .hero__form-input, .hero__form-btn { font-size: 0.75rem; } .hero__info-bottom-info-num { font-size: 2.5rem; } .hero__info-bottom-info-num span { font-size: 0.625rem; } .hero__info-bottom-info-bottom { font-size: 0.75rem; } .hero__info-bottom-info { width: 30%; } .hero__btn { font-size: 1rem; } } .team-swiper__block { margin: 4rem 0; } .new-team-swiper__control .team-swiper__control-next, .new-team-swiper__control .team-swiper__control-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); padding: auto; border-radius: auto; background: transparent; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); cursor: pointer; transform: translateX(50%); } .new-team-swiper__control .team-swiper__control-next { right: -3.75rem; } .new-team-swiper__control .team-swiper__control-prev { left: -5.5rem; } .team-swiper__item__info-block { background-color: white; border-top: 1px solid #d2dae5; border-radius: 0.75rem; padding: 1.5rem; height: 100%; } .team-swiper__item__info-block .team-swiper__item-name { color: #222222; font-size: 1.25rem; font-weight: 500; line-height: 120%; } .team-swiper__item__info-block .status-block { display: flex; flex-direction: column; gap: 0.25rem; } .team-swiper__item__info-block .status-block .status-block-text { color: #7d95b3; font-weight: 400; font-size: 1rem; line-height: 130%; } .team-swiper__item__info-block .status-block .team-swiper__item-status { font-size: 1rem; color: #222222; font-weight: 400; line-height: 130%; } .new-team-swiper { } .new-team-swiper__experience { position: absolute; right: 0.75rem; top: 0.75rem; background-color: white; padding: 0.375rem 1rem; border-radius: 3.125rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem; z-index: 3; } .new-team-swiper__experience__text { color: #7d95b3; font-size: 1rem; font-weight: 400; line-height: 130%; } .new-team-swiper__experience__info { font-size: 1rem; font-weight: 400; line-height: 130%; color: #222222; } .new-team-swiper__back-fon { position: absolute !important; z-index: 1 !important; left: 0; } .new-team-swiper .team-swiper__item-link { position: relative; padding: 0; border: 1px solid #d2dae5; height: 99%; background: #f5f7fa; } .new-team-swiper .team-swiper__item-photo { position: relative; margin-bottom: 0; } .new-team-swiper .team-swiper__item-photo img { position: relative; z-index: 2; } .filter-tabs-new-block { display: flex; gap: 0; align-items: center; } .team-swiper__block__title { font-size: 2rem; font-weight: 700; line-height: 110.00000000000001%; color: #222222; margin: 0; } .team-swiper__filter-tabs-new-block { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding-bottom: 2.5rem; } .team-swiper__filter-tabs-new-block .filter-tabs { background-color: #ebeef3; border-radius: 0.375rem; padding: 0.25rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0; width: max-content !important; margin: 0 !important; overflow-x: auto; } .team-swiper__filter-tabs-new-block .category { padding: 0.5rem 0.5rem !important; color: #222222 !important; font-size: 1.125 rem !important; font-weight: 400 !important; line-height: 130% !important; border-radius: 0.25rem !important; background: transparent !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; font-family: "Ubuntu", Arial, Helvetica, sans-serif !important; white-space: normal !important; } .team-swiper__filter-tabs-new-block .category:hover, .team-swiper__filter-tabs-new-block .category.active { background: white !important; } .team-swiper__block-swiper { margin-bottom: 2rem; overflow: hidden; } .wrapper-under { padding: 0 !important; } .header-redesign { font-family: Ubuntu; top: 0; height: fit-content !important; z-index: 100; margin-bottom: 1.25rem; } .header-redesign__top { background: linear-gradient(90deg, #eb8b2f 0%, #e77c66 15.65%, #e36d9f 32%, #4e97d7 52%, #15ac97 72%, #29a5d1 100%), #fff; } .header-redesign__top-content { padding: 0.5rem 0; display: flex; align-items: center; justify-content: center; gap: 2rem; } .header-redesign__top-item { display: flex; align-items: center; gap: 0.5rem; } .header-redesign__top-item:not(:last-child):after { content: ""; margin-left: 1.5rem; display: block; width: 0.25rem; height: 0.25rem; background: rgba(255, 255, 255, 0.4); border-radius: 100%; } .header-redesign__top-item-title { font-family: Ubuntu; color: #fff; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; opacity: 0.6; } .header-redesign__top-item-value { font-family: Ubuntu; color: #fff; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; text-decoration: none; } .header-redesign__content { } @media screen and (max-width: 370px) { .header-redesign__content .container { padding: 0.5rem 0; } } .header-redesign__content-content { display: flex; align-items: center; justify-content: space-between; } .header-redesign__logo { width: 15rem; height: auto; } .header-redesign__logo img { width: 100%; height: auto; object-fit: contain; } .header-redesign__nav { margin: 0 auto; } .header-redesign__nav-list { padding: 0; margin: 0; display: flex; align-items: center; list-style: none; } .header-redesign__nav-item { margin: 0 !important; } .header-redesign__nav-item.with-sub { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .header-redesign__nav-link { display: flex; align-items: center; gap: 0.5rem; padding: 0 0.5rem; height: 2.75rem; font-family: Ubuntu; color: var(--Dark, #222); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; /* 20.8px */ transition: 0.3s; text-decoration: none; } .header-redesign__nav-link:hover { color: #04b4a5; } .header-redesign__nav-item-arrow { display: block; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M6 9L12 15L18 9' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); transition: 0.3s; } .header-redesign__nav-item.with-sub.is-active .header-redesign__nav-item-arrow { transform: scale(1, -1); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M6 9L12 15L18 9' stroke='%2304B4A5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .header-redesign__nav-item.with-sub:hover .header-redesign__nav-item-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M6 9L12 15L18 9' stroke='%2304B4A5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .header-redesign__nav-sub { max-height: 50vh; overflow: hidden; overflow-y: auto; min-width: 16rem; position: absolute; top: calc(100% + 1rem); padding: 1rem 1.5rem; border-radius: 0.75rem; border: 1px solid var(--Pickled-Bluewood-200, #d2dae5); background: #fff; z-index: 10; opacity: 0; pointer-events: none; transition: 0.3s; list-style: none; } .header-redesign__nav-item.with-sub.is-active .header-redesign__nav-sub { opacity: 1; pointer-events: all; } .header-redesign__nav-sub-item { margin: 0 !important; } .header-redesign__nav-sub-link { display: block; padding: 0.5rem 0; font-family: Ubuntu; color: var(--Dark, #222); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; /* 20.8px */ text-decoration: none; transition: 0.3s; } .header-redesign__nav-sub-link:hover { color: #04b4a5; } .header-redesign__search { padding-right: 1rem; margin-left: auto; margin-right: 1rem; width: 13.5rem; display: flex; align-items: center; border-radius: 0.5rem; border: 1px solid var(--Pickled-Bluewood-300, #aab9cf); overflow: hidden; } .header-redesign__search-input { max-width: calc(100% - 2rem); padding: 0.625rem 1rem; display: block; color: var(--Pickled-Bluewood-500, #5c779b); font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; /* 18.2px */ background: #fff; border: none; outline: none; cursor: pointer; } .header-redesign__search-input::placeholder { color: var(--Pickled-Bluewood-500, #5c779b); font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; /* 18.2px */ } .header-redesign__search-btn { display: block; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background-color: #fff; border: none; outline: none; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M21 21.0002L16.7 16.7002M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%235C779B' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); cursor: pointer; } .header-redesign__btns { display: flex; align-items: center; gap: 0.5rem; } .header-redesign__btns-item { padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; cursor: pointer; } .header-redesign__btns-item:before { content: ""; display: block; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .header-redesign__btns-item.counsult:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M18 9H20C20.5304 9 21.0391 9.21071 21.4142 9.58579C21.7893 9.96086 22 10.4696 22 11V22L18 18H12C11.4696 18 10.9609 17.7893 10.5858 17.4142C10.2107 17.0391 10 16.5304 10 16V15M14 9C14 9.53043 13.7893 10.0391 13.4142 10.4142C13.0391 10.7893 12.5304 11 12 11H6L2 15V4C2 2.9 2.9 2 4 2H12C12.5304 2 13.0391 2.21071 13.4142 2.58579C13.7893 2.96086 14 3.46957 14 4V9Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .header-redesign__btns-item.counsult span { color: var(--Pickled-Bluewood-50, #f5f7fa); font-family: Ubuntu; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } .header-redesign__btns-item.counsult:hover span { color: #15ac97; } .header-redesign__btns-item.epikriz:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M22 2L15 22L11 13M22 2L2 9L11 13M22 2L11 13' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .header-redesign__btns-item.epikriz { background: var(--Pickled-Bluewood-100, #ebeef3); } .header-redesign__btns-item.epikriz span { color: var(--Dark, #222); font-family: Ubuntu; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } .header-redesign__btns-item.epikriz:hover span { color: #15ac97; } @media (max-width: 1440px) { .header-redesign__logo { width: 13rem; } .header-redesign__search { width: 10rem; } .header-redesign__search { padding-right: 0.75rem; } .header-redesign__search-input { max-width: calc(100% - 1.25rem); padding: 0.375rem 0.75rem; } .header-redesign__top-item-title, .header-redesign__top-item-value, .header-redesign__nav-link, .header-redesign__btns-item.counsult span, .header-redesign__btns-item.epikriz span, .header-redesign__nav-sub-link { font-size: 0.75rem; } .header-redesign__btns-item:before, .header-redesign__search-btn { width: 1rem; min-width: 1rem; height: 1rem; } .mission-section__container__title { font-size: 3.875rem; } .mission-section__container__text-block { gap: 20%; } .footer-section__container__content .footer-info-block__left-block__title { font-size: 1rem; } .footer-section__container__content .link-item, .footer-section__content .footer-bottom-block__top__text, .footer-section__container__content .footer-right-block__contact .text-block__info-block .name, .footer-section__container__content .footer-right-block__contact .text-block__info-block .info, .footer-section__content .footer-bottom-block__top__link { font-size: 0.75rem; } .footer-section__container__content { gap: 5rem; } .footer-section__container__content .footer-right-block { max-width: 18.75rem; } .map-section__info-block { left: 4.625rem; } .map-section__info-block .title { font-size: 2.5rem; } .map-section__info-block .text-block__info-block .name, .map-section__info-block .text-block__info-block .info { font-size: 0.75rem; } .map-section__info-block .text-block__social-block .soc-block .soc { max-width: 2rem; padding: 0.5rem; } .about-section__container__content .text-block__title { font-size: 2.75rem; } .about-section__container__content .text-block__info-block { gap: 20%; } .about-section__container__content .video-block { height: 35rem; } .reviews-section__container__info-block .rev-block__info-block .top-block__title { font-size: 1.125rem; } .reviews-section__container__info-block .rev-block__info-block .text-block, .reviews-section__container__info-block .rev-block__info-block .text-block p, .reviews-section__container__info-block .rev-block__info-block .bottom-block .more-review, .reviews-section__container__info-block .rev-block__info-block .bottom-block__name { font-size: 0.9rem; } .reviews-section__container__info-block .rev-block__info-block .bottom-block__circle { font-size: 0.75rem; padding: 0.388rem 0.6rem; } .team-swiper__filter-tabs-new-block .category { font-size: 0.75rem !important; } } @media (max-width: 768px) { .reviews-section__container__info-block .rev-block__info-block .top-block__title { font-size: 1.25rem; } .reviews-section__container__info-block .rev-block__info-block { max-width: 30rem; } .about-section__container__content .video-block { height: 18rem; } .team-swiper__block-swiper { overflow: visible; } } @media (max-width: 768px) { .about-section__container__content .text-block__title { font-size: 1.5rem; line-height: 120%; } } .header-redesign__burger { display: none; } .db-mobile { display: none; } .header-redesign__menu { display: flex; align-items: center; gap: 1rem; } .header-redesign__phone-mobile { display: none !important; } .header-redesign__phone-mobile .header-redesign__top-item-value { color: #000 !important; font-size: 13px; } @media (max-width: 768px) { .header-redesign__top { display: none; } .header-redesign__menu { padding: 2rem; flex-direction: column-reverse; justify-content: flex-end; position: absolute; top: 6.5rem; left: -100%; width: 100%; height: calc(100vh - 7.5rem); z-index: 100; background: #fff; transition: 0.3s; } .header-redesign__nav { overflow: hidden; overflow-y: auto; } .header-redesign__menu.is-active { left: 0; } .header-redesign__burger { display: block; width: 2rem; height: 2rem; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M2.47305 4.16667H17.4731C18.5478 4.16667 18.5478 5.83333 17.4731 5.83333H2.47305C1.39831 5.83333 1.39831 4.16667 2.47305 4.16667Z' fill='%234F4F4F'/%3e%3cpath d='M2.47305 9.16667H17.4731C18.5478 9.16667 18.5478 10.8333 17.4731 10.8333H2.47305C1.39831 10.8333 1.39831 9.16667 2.47305 9.16667Z' fill='%234F4F4F'/%3e%3cpath d='M2.47305 14.1667C1.39831 14.1667 1.39831 15.8333 2.47305 15.8333H17.4731C18.5478 15.8333 18.5478 14.1667 17.4731 14.1667H2.47305Z' fill='%234F4F4F'/%3e%3c/svg%3e"); } .header-redesign__burger.is-active { background-size: 80%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 1L1 13M1 1L13 13' stroke='%234F4F4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .header-redesign__phone-mobile { display: block !important; } .db-mobile { display: block; } .d-flex { display: flex; } .header-redesign__btns-item.counsult span { font-size: 0.7rem; } .header-redesign__content-content { flex-wrap: wrap; } .header-redesign__logo { width: 50%; } .header-redesign__btns { padding: 0.5rem 0; width: 100%; } .header-redesign__btns-item { flex: 1; justify-content: center; } .header-redesign__btns-item.counsult:before, .header-redesign__btns-item.epikriz:before { display: none; } .header-redesign__nav-list { flex-direction: column; gap: 0.5rem; } .header-redesign__search-wrap { width: 100%; } .header-redesign__search { width: 100%; } .header-redesign__search-input { flex: 1; } .header-redesign__nav-link { height: 2rem; } .header-redesign__nav-link, .header-redesign__nav-sub-link { font-size: 1rem; } .hero__content { grid-template-columns: 1fr; } .hero__info-top { padding: 1.5rem; margin-top: 2rem; } .hero .hero__title { font-size: 2rem; } .hero__descr { width: 100%; font-size: 1rem; } .hero__img, .hero__info-bottom-info { display: none; } .hero__form { width: 100%; } .hero__form-row { flex-direction: column; } .hero__form-input, .hero__form-btn { width: 100%; } .mission-section__container__info-block, .offer-section__container { gap: 1.5rem; } .mission-section__container__title { font-size: 1.5rem; } .offer-section__container__content.swiper1 { flex-direction: column; } .directions-section__container__content__info-block .text-block .title { font-size: 1.5rem; } .team-swiper__block__title { font-size: 2rem; text-transform: none; } .team-swiper__filter-tabs-new-block { align-items: flex-start; gap: 1.5rem; } .team-swiper__block { margin: 3rem 0; } .team-swiper__item-photo { height: 17rem !important; } .reviews-section__container__title { align-items: flex-start; flex-direction: column; gap: 1.5rem; } .map-section__info-block { left: 1rem; top: 1rem; transform: unset; max-width: calc(100% - 2rem); } .map-section__info-block__btn { width: 100%; text-align: center; } .map-section #new-maps { height: 40rem; } .offer-section__container__content.specialOfferSwiper { overflow: visible; } .footer-section { padding-top: 1.75rem; padding-bottom: 1.5rem; } .footer-section__container__content { margin-top: 1rem; gap: 1rem; } .footer-section__container__top-block { flex-direction: column; align-items: flex-start; } .footer-section__container__top-block__logo-fut { max-width: 70%; width: 70%; } .footer-section__container__content .footer-info-block__left-block__links, .footer-section__container__content .footer-info-block__center-block__links-block { display: none; } .footer-section__container__content .footer-right-block, .footer-section__container__content .footer-right-block__contact { width: 100%; max-width: 100%; } .footer-section__container__content .footer-right-block__contact .text-block__info-block { flex-direction: column; align-items: flex-start; gap: 0.5rem; } .footer-section__container__content .footer-right-block__contact .text-block__info-block .name, .footer-section__container__content .footer-right-block__contact .text-block__info-block .info { font-size: 1rem; } .footer-section__content { gap: 2rem; } .footer-section__content .footer-bottom-block__top { flex-direction: column; gap: 0.5rem; align-items: flex-start; } .wrapper { overflow: hidden; } .team-swiper__block .filter-tabs__container { width: 100%; overflow: hidden; overflow-x: auto; } .header-redesign__nav-sub { display: none; order: 1; width: 100%; position: static; opacity: 1; text-align: center; } /* .header-redesign__nav-sub { max-height: unset !important; transition: unset !important; } */ .hero__form-policy label { line-height: 150%; } .hero__form-policy label:before { width: 1rem; height: 1rem; } .no-scroll { overflow: hidden; } } .special-offer__btn { display: none !important; } /* End */ /* Start:/local/templates/main/components/bitrix/search.form/header_search/style.css?17490330742068*/ .header-search { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 480px; max-width: 480px; min-height: 23px; cursor: pointer; margin: 0 0 0 165px; position: relative; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background: white; border-bottom: 1px solid #c8d3d8; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .header-search { margin: 0 0 0 45px; min-width: 260px; max-width: 260px; } } @media screen and (max-width: 1279px) { .header-search { display: none; } } .header-search form { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; margin: 0; } .header-search form input { display: inline-block; vertical-align: middle; white-space: normal; } .header-search form input[name="q"] { width: 100%; height: 100%; color: #1c2429; font-size: 13px; font-family: "Ubuntu Light"; text-transform: uppercase; text-transform: none; background: white; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; padding: 0; border: 0; margin-top: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-search form input.icon { position: absolute; right: 0; top: 0; width: 19px; height: 19px; background: url("/local/templates/main/components/bitrix/search.form/header_search/../../../../img/search-icon-header-min.png") center no-repeat; border: 0; cursor: pointer; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/breadcrumb/main-template/style.css?17490330741691*/ .breadcrumb { width: 1830px; margin: 5px auto 0 auto; font-size: 0; height: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .breadcrumb { width: 1240px; } } @media screen and (max-width: 1279px) { .breadcrumb { border-top: 0; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .breadcrumb { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .breadcrumb { width: 768px; } } @media screen and (max-width: 799px) { .breadcrumb { width: 448px; height: auto; } } .breadcrumb .item { display: inline-block; vertical-align: top; white-space: normal; height: auto; padding: 5px 0 0 0; } .breadcrumb span { color: #15ac97; font-size: 14px; font-family: "Ubuntu Light"; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; text-transform: none; padding-right: 4px; letter-spacing: 0.25px; display: inline-block; } .breadcrumb a { text-decoration: none; display: block; } .breadcrumb a .arrow { background: url("/local/templates/main/components/bitrix/breadcrumb/main-template/img/breadcrumb-arrow-min.png") center no-repeat; width: 9px; height: 9px; margin-right: 4px; } .breadcrumb a span { color: #1c2429; } .breadcrumb a:hover span { text-decoration: underline; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/form.result.new/sendEpikriz/style.css?1749033074672*/ .js-file-51,.js-file-52{display:none} .request-call-bottom-wrap .files-more-button-wrapper { margin: 15px 0 0 0; } .request-call-bottom-wrap{height:auto} .request-call-bottom-wrap.open-file .js-file-51,.request-call-bottom-wrap.open-file .js-file-52{display:block} .request-call-bottom-wrap .files-more-button { display: none; color: #1c2429; font-size: 14px; font-family: "Ubuntu"; border-bottom: 1px dotted #1c2429; cursor: pointer; } .request-call-bottom-wrap .files-more-button.active { display: inline-block; } @media screen and (max-width: 767px) { .request-call-bottom-wrap .files-more-button { font-size: 18px; } } /* End */ /* Start:/local/templates/main/styles.css?175565511131289*/ .bx-context-toolbar-empty-area{ font-size: 12px; } .modal * { font-family: "Ubuntu Bold"; } .modal { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-content { position: relative; background: url(/local/templates/main/img/modal-bg-covid-19-2.png); margin: 5% auto; padding: 50px 60px 15px 60px; max-width: 736px; background-position: center; background-size: cover; background-repeat: no-repeat; } .close { color: #fff; float: right; font-size: 50px; position: absolute; top: -5px; right: 15px; } .close:hover, .close:focus { color: #15ac97; text-decoration: none; cursor: pointer; } .fs-40 { font-size: 40px; } .fs-36 { font-size: 36px; } .fs-30 { font-size: 30px; } .fs-28 { font-size: 28px; } .fs-18 { font-size: 18px; } .fs-14 { font-size: 14px; } .modal-covid-19__color_green { color: #15ac97; } .modal-covid-19__color_black { color: #1c2429; } .modal-covid-19__title { text-transform: uppercase; margin: 0 0 15px 0; font-weight: 900; width: 100%; font-size: 48px; line-height: 1; } .modal-covid-19__title-success { text-transform: uppercase; margin: 0 0 15px 0; font-weight: 900; width: 100%; font-size: 42px; line-height: 1; text-align: center; } .modal-covid-19__price { margin: 0 0 15px 0; font-weight: 900; } .modal-covid-19__list { list-style: none; padding-left: 30px; } .modal-covid-19__list li { position: relative; padding: 5px 0; font-weight: 600 !important; margin-bottom: 0 !important; } .modal-covid-19__list li::before { content: ''; position: absolute; top: 14px; left: -20px; width: 6px; height: 6px; background: #15ac97; border-radius: 1em; } .modal-covid-19__phone { font-family: "Ubuntu Light"; background: #fff; border: 0; border-radius: 3em ; width: auto; color: #1c2429; margin-bottom: 10px; padding: 15px 15px 15px 15px; font-size: 16px; } .modal-covid-19__submit { cursor: pointer; padding: 15px 0; background: #15ac97; border: 0; border-radius: 3em; width: 25%; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; position: absolute; left: 39%; transition: all .3s ease-in-out; font-size: 16px; } .modal-covid-19__submit:hover { opacity: 0.8; } #get-form { cursor: pointer; padding: 15px 25px; font-size: 16px; background: #15ac97; border: 0; border-radius: 3em; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; transition: all .3s ease-in-out; } #get-form:hover { opacity: 0.8; } .modal-covid-19__footer { margin: 0; } .modal-covid-19__footer_desc { font-family: "Ubuntu Light"; font-weight: 100; color: #4d5052; font-size: 16px; } .modal-covid-19-wrap { display: flex; flex-direction: column; justify-content: space-between; align-items: start; height: 563px; } .form-hidden { display: none; } .form-visible { display: block; } @media (max-width: 768px) { .modal-content { background: url(/local/templates/main/img/modal-bg-covid-19.png); margin: 15% auto; width: 80%; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 30px 20px 15px 20px; } .modal-covid-19-wrap { align-items: inherit; height: 435px; } .modal-covid-19__title { width: 100%; font-size: 38px; line-height: 1; } .modal-covid-19__phone { padding: 15px; background: #fff; border: 0; border-radius: 3em; width: 100%; color: #1c2429; margin-bottom: 10px; display: block; font-size: 22px; } .modal-covid-19__submit { padding: 15px 0; background: #15ac97; border: 0; border-radius: 3em; width: 100%; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; display: block; position: inherit; font-size: 22px; } .modal-covid-19__footer { margin: 10px 0; } .close { top: -60px; right: 0; } } .modal-promo .modal-content.act_bg2{ width: 630px; padding: 50px; background: url("/local/templates/main/img/bg_act.png") right bottom no-repeat #eef9fc; background-size:contain; } .modal-promo .modal-content-box{ max-width: 400px; } .modal-promo .modal-content-box .promo-title{ font-family: "Ubuntu Bold"; font-size:45px; color:#1c2429; line-height:46px; font-weight:bold; margin: 0 0 30px 0; } .modal-promo .close{ color:#8d989c; } .modal-promo .modal-content-box p{ font-family: "Ubuntu"; font-size:22px; color:#1c2429; line-height:30px } .modal-promo .modal-content-box p span{ color:#00a5d4; } .modal-promo .modal-content-box p a{ color:#15ac97; } .header-contacts__socials { display: flex; align-items: center; justify-content: flex-end; } .header-contacts__socials-item { width: 1.75rem; height: 1.75rem; margin-left: 0.25rem; transition: all ease .24s; background-size: 1.75rem; background-repeat: no-repeat; background-position: center; } .header-contacts__socials-item:hover { transform: scale(1.12); } .header-contacts__socials-item.-wa { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%2367C15E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.848 10.2112C11.6987 9.85366 11.5855 9.84006 11.3593 9.83092C11.2823 9.82647 11.1965 9.82202 11.1014 9.82202C10.8071 9.82202 10.4995 9.90804 10.3138 10.0981C10.0876 10.329 9.52637 10.8677 9.52637 11.9721C9.52637 13.0767 10.3319 14.145 10.4405 14.2945C10.5537 14.4437 12.0109 16.7434 14.2737 17.6806C16.0431 18.4139 16.5681 18.3459 16.9708 18.26C17.5592 18.1333 18.2968 17.6985 18.4824 17.1736C18.668 16.6484 18.668 16.2003 18.6136 16.1052C18.5593 16.0102 18.4099 15.956 18.1837 15.8427C17.9575 15.7295 16.8577 15.1863 16.6496 15.1138C16.4459 15.037 16.2514 15.0642 16.0976 15.2814C15.8803 15.5847 15.6677 15.8926 15.4957 16.0781C15.36 16.223 15.1381 16.2412 14.9526 16.1642C14.7037 16.0602 14.0068 15.8155 13.1469 15.0506C12.4816 14.4577 12.0291 13.7199 11.898 13.498C11.7667 13.2717 11.8844 13.1404 11.9884 13.0182C12.1017 12.8778 12.2102 12.7783 12.3233 12.647C12.4365 12.5157 12.4998 12.4478 12.5722 12.2938C12.6492 12.1445 12.5948 11.9905 12.5406 11.8773C12.4862 11.7639 12.0337 10.6593 11.848 10.2112ZM13.9975 6.29999C9.75265 6.29999 6.2998 9.7538 6.2998 13.9999C6.2998 15.6838 6.8429 17.2455 7.76605 18.513L6.80656 21.3739L9.76625 20.428C10.9836 21.2338 12.4362 21.7 14.0021 21.7C18.247 21.7 21.6998 18.2459 21.6998 14.0001C21.6998 9.75404 18.247 6.30023 14.0021 6.30023H13.9976V6.29999H13.9975Z' fill='white'/%3E%3C/svg%3E"); } .header-contacts__socials-item.-tg { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='28' height='28' rx='14' fill='%2335A6DE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3035 18.0637C13.712 18.6468 13.1269 19.2197 12.5469 19.7978C12.3441 19.9999 12.1159 20.1115 11.8251 20.0956C11.6269 20.0848 11.5157 19.9958 11.455 19.8047C11.0111 18.4077 10.56 17.0131 10.1181 15.6154C10.075 15.4793 10.0102 15.414 9.87516 15.3721C8.82849 15.0479 7.78391 14.7166 6.74067 14.3812C6.58621 14.3316 6.42981 14.2677 6.29579 14.1776C6.06254 14.0209 6.02925 13.7716 6.24225 13.5911C6.43907 13.4244 6.6724 13.2847 6.91145 13.1889C8.23399 12.659 9.56327 12.1463 10.8902 11.6274C14.082 10.3793 17.2739 9.13123 20.4656 7.8825C21.0774 7.6431 21.5528 7.97511 21.4955 8.64359C21.4578 9.08425 21.3445 9.51916 21.2537 9.9542C20.5464 13.3403 19.8363 16.7258 19.1272 20.1115C19.1258 20.118 19.1254 20.1247 19.1239 20.1312C18.9505 20.9057 18.3951 21.1175 17.7618 20.6453C16.6624 19.8257 15.5658 19.0023 14.4678 18.1807C14.4159 18.1419 14.3622 18.1054 14.3035 18.0637V18.0637ZM11.8741 19.13C11.8912 19.0505 11.903 19.0138 11.9065 18.9764C11.9763 18.2149 12.0492 17.4538 12.111 16.6916C12.1247 16.5225 12.1745 16.3976 12.3036 16.2802C13.9697 14.765 15.6306 13.2439 17.2928 11.7244C17.7657 11.2922 18.2404 10.8621 18.7087 10.4248C18.7578 10.3789 18.7685 10.2907 18.7971 10.2221C18.7248 10.2014 18.6437 10.1488 18.5819 10.1662C18.4392 10.2065 18.2954 10.2641 18.1702 10.3438C15.6988 11.9188 13.2306 13.4988 10.7591 15.0736C10.6333 15.1537 10.5974 15.2196 10.6479 15.3731C11.0392 16.5642 11.4192 17.7591 11.8033 18.9526C11.8183 18.9993 11.8396 19.0441 11.8741 19.13V19.13Z' fill='white'/%3E%3C/svg%3E"); } .new-about-title, .new-banner-side .new-title { position: relative; width: fit-content; } .new-about-title:before, .new-banner-side .new-title:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: black; transition: all 0.3s linear; } .new-about-item:hover .new-about-title:before, .new-banner:hover .new-banner-side .new-title:before { background: #15AC97; } .content-wrapper.main .video-review-wrap .video-review { width: 100%; } .content-wrapper.main .video-review-wrap .video-review .block .image { height: 31rem; } @media (max-width:767px){ .modal-promo .modal-content.act_bg2 { width: 80%; padding: 20px; background-size:auto 240px; } .modal-promo .modal-content-box{ max-width: 100%; } .modal-promo .modal-content-box .promo-title{ font-size:28px; line-height:36px; } .modal-promo .modal-content-box p{ font-size:17px; line-height:24px } .header-contacts { margin-left: auto; } } .marathon-form { position: relative; padding: 4rem 0rem; } .marathon-form__back { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .marathon-form:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 1.5rem; background: linear-gradient(90deg, #F69534 0%, #F38087 26%, #F276AB 44.69%, #1CB0A7 73.96%, #01B0ED 100%); } .marathon-form__holder { margin: 0 auto; max-width: 1580px; } .marathon-form__title { position: relative; z-index: 2; margin-bottom: 3rem; color: #6D97A8; font-family:"Ubuntu Bold", Sans-Serif; font-size: 2.3rem; font-weight: 700; line-height: 120%; text-transform: uppercase; } .marathon-form__content { position: relative; z-index: 2; padding: 3.75rem 3rem 6.75rem 1.8rem; border-radius: 2.5rem; background: #FFF; } .marathon-form__content-title { margin-bottom: 2rem; color: #000; font-family: "Ubuntu Bold", Sans-Serif; font-size: 2rem; font-weight: 700; line-height: 130%; text-transform: uppercase; } .marathon-form__content-info { margin-bottom: 3.5rem; display: grid; grid-template-columns: 1fr 1.2fr; gap: 10rem; } .marathon-form__content-left { } .marathon-form__content-left-item { display: flex; } .marathon-form__content-left-item:not(:last-child) { margin-bottom: 1.5rem; } .marathon-form__content-left-item-icon { margin-right: 1.5rem; width: 2.5rem; min-width: 2.5rem; height: 2.5rem; background-size: contain; background-position: center; background-repeat: no-repeat; } .marathon-form__content-left-item-text { } .marathon-form__content-left-item-text-title { margin-bottom: 0.4rem; color: #BDBDBD; leading-trim: both; text-edge: cap; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; } .marathon-form__content-left-item-text-value { color: #000; leading-trim: both; text-edge: cap; font-family: "Ubuntu Bold"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 130%; } .marathon-form__content-left-item.-date .marathon-form__content-left-item-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3cpath d='M8.71474 0.285205C8.35888 0.472036 8.15425 0.658866 7.95852 0.979147L7.69162 1.40619V2.88304C7.69162 4.3332 7.69162 4.36879 7.94073 4.77803C8.5724 5.85453 10.0226 6.04136 10.8944 5.16059C11.4104 4.64458 11.4994 4.27092 11.4549 2.65172C11.4282 1.3706 11.4193 1.30832 11.1791 0.952457C10.8322 0.418655 10.3428 0.125065 9.72007 0.0716848C9.27523 0.036098 9.14178 0.062788 8.71474 0.285205Z' fill='%23D6F2FD'/%3e%3cpath d='M29.8177 0.142594C29.3818 0.276044 28.7679 0.934399 28.6433 1.38813C28.5811 1.61944 28.5544 2.2778 28.5722 3.11409C28.5988 4.413 28.6077 4.47528 28.848 4.83115C29.1949 5.36495 29.6842 5.65854 30.307 5.71192C31.0187 5.7742 31.6771 5.43612 32.0686 4.80446L32.3355 4.37742V2.90057C32.3355 1.45041 32.3355 1.41482 32.0863 1.00557C31.6504 0.258251 30.6629 -0.11541 29.8177 0.142594Z' fill='%23D6F2FD'/%3e%3cpath d='M3.82156 3.03402C2.78954 3.30982 1.91767 4.05714 1.41056 5.07136L1.10807 5.69413L1.08138 9.04818L1.05469 12.4111H20.0135H38.9635V9.22612C38.9635 6.66387 38.9368 5.95214 38.83 5.59627C38.6343 4.92902 38.0649 4.11942 37.5044 3.69238C36.7838 3.14968 36.2322 2.96285 35.1735 2.90947L34.2749 2.86498L34.2304 3.79024C34.1771 4.87564 33.9902 5.42723 33.4475 6.14786C33.0116 6.72615 32.202 7.28664 31.4992 7.48237C30.734 7.71368 29.6309 7.62471 28.9102 7.28664C28.065 6.88629 27.469 6.308 27.0686 5.48951C26.7572 4.85784 26.7305 4.75998 26.6949 3.85252L26.6683 2.89167H20.0135H13.3588L13.3232 3.84362C13.2965 4.6977 13.2609 4.87564 13.0118 5.40054C12.6204 6.22793 12.0421 6.82401 11.2325 7.22436C10.6542 7.50906 10.4674 7.55354 9.78234 7.58913C9.19516 7.61582 8.86598 7.58913 8.49232 7.46457C7.38913 7.1176 6.43718 6.23683 6.02794 5.18702C5.90338 4.86674 5.83221 4.42191 5.79662 3.79914L5.75214 2.89167L5.03151 2.90057C4.64005 2.90057 4.08846 2.96285 3.82156 3.03402Z' fill='%23D6F2FD'/%3e%3cpath d='M1.08138 25.6941L1.10807 37.0997L1.41056 37.7224C1.74863 38.3986 2.32692 39.0391 2.93189 39.395C3.84825 39.9288 2.923 39.9021 20.0135 39.9021C37.1041 39.9021 36.1788 39.9288 37.0952 39.395C37.7091 39.0302 38.2873 38.3986 38.6165 37.7135L38.919 37.0997L38.9457 25.6852L38.9635 14.2797H20.0135H1.06359L1.08138 25.6941ZM11.0101 19.1017C11.3037 19.1728 11.5439 19.3241 11.8375 19.6177C12.3802 20.1604 12.478 20.5963 12.4425 22.1532C12.4069 23.1852 12.3802 23.3543 12.1844 23.7101C12.0599 23.9237 11.7841 24.2262 11.5795 24.3774L11.188 24.6443H9.56882H7.94073L7.59376 24.4041C7.40693 24.2706 7.14892 24.0126 7.02437 23.8258C6.81085 23.5233 6.80195 23.4255 6.77526 22.0732C6.75747 21.2013 6.78416 20.5162 6.83754 20.3116C7.01547 19.7333 7.50479 19.2796 8.18094 19.075C8.53681 18.9682 10.5564 18.986 11.0101 19.1017ZM21.9263 19.3063C22.2466 19.502 22.4334 19.7066 22.6114 20.0536C22.8516 20.5162 22.8605 20.5696 22.8605 21.8774C22.8605 23.3632 22.7715 23.7101 22.2733 24.1728C21.7929 24.6176 21.4815 24.6888 19.9691 24.6888C18.4477 24.6888 18.1808 24.6176 17.6826 24.0927C17.2467 23.6301 17.1666 23.3009 17.1666 21.8596C17.1666 20.6141 17.1755 20.5162 17.3979 20.0714C17.647 19.5732 18.0919 19.2084 18.6079 19.075C18.768 19.0394 19.4886 19.0127 20.2004 19.0216C21.4726 19.0394 21.5082 19.0483 21.9263 19.3063ZM32.2554 19.2351C32.7091 19.4753 33.0561 19.8757 33.1895 20.3116C33.2429 20.5162 33.2696 21.2013 33.2518 22.0732C33.2251 23.4255 33.2162 23.5233 33.0027 23.8258C32.8782 24.0126 32.6201 24.2706 32.4333 24.4041C32.0952 24.6354 32.0508 24.6443 30.654 24.671C29.0971 24.7066 28.7234 24.6443 28.2875 24.2706C27.7448 23.8258 27.6291 23.4432 27.5935 22.091C27.549 20.5162 27.6736 20.0536 28.243 19.5465C28.4654 19.3508 28.7946 19.1461 28.9814 19.0928C29.1593 19.0483 29.8889 19.0127 30.6006 19.0216C31.7305 19.0394 31.9351 19.0661 32.2554 19.2351ZM11.277 29.6264C11.6951 29.8044 11.9798 30.0713 12.2111 30.5161C12.3713 30.8097 12.4069 31.0677 12.4336 32.0286C12.4869 33.5944 12.3802 34.0214 11.8286 34.5641C11.2859 35.1157 10.8588 35.2225 9.29303 35.1691C8.0119 35.1335 7.62045 35 7.17561 34.4751C6.80195 34.0392 6.73968 33.6744 6.77526 32.0997C6.80195 30.6674 6.80195 30.6674 7.06885 30.2848C7.2201 30.0802 7.51369 29.8133 7.72721 29.6976C8.09197 29.5108 8.22542 29.493 9.53324 29.493C10.6097 29.493 11.0279 29.5286 11.277 29.6264ZM21.7751 29.662C21.953 29.7599 22.211 29.9467 22.3445 30.0891C22.7804 30.5517 22.8605 30.8809 22.8605 32.331C22.8605 33.6033 22.8516 33.6744 22.6114 34.1282C22.4334 34.4751 22.2466 34.6798 21.9263 34.8755L21.4993 35.1424H20.0135H18.5278L18.1007 34.8755C17.7805 34.6798 17.5936 34.4751 17.4157 34.1282C17.1755 33.6655 17.1666 33.6122 17.1666 32.3044C17.1666 30.8186 17.2645 30.4716 17.7538 30.0179C18.2787 29.5375 18.4388 29.5019 19.9957 29.493C21.2502 29.493 21.4904 29.5197 21.7751 29.662ZM32.4333 29.7777C32.6201 29.9111 32.8782 30.1691 33.0027 30.356C33.2162 30.6763 33.2251 30.7207 33.2251 32.3044V33.9235L32.9582 34.315C32.807 34.5196 32.5045 34.7954 32.291 34.92C31.9351 35.1157 31.7661 35.1424 30.734 35.178C29.1682 35.2136 28.7412 35.1157 28.1985 34.5641C27.6469 34.0214 27.5401 33.5944 27.5935 32.0286C27.6291 30.7919 27.7448 30.4005 28.2163 29.9645C28.6611 29.5464 28.9369 29.493 30.565 29.5197C32.0597 29.5375 32.0863 29.5375 32.4333 29.7777Z' fill='%23D6F2FD'/%3e%3c/svg%3e"); } .marathon-form__content-left-item.-time .marathon-form__content-left-item-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3cg clip-path='url(%23clip0_1_28)'%3e%3cpath d='M18.0859 0.0859146C14.3516 0.468727 10.9531 1.80466 7.91406 4.07029C6.92969 4.81248 4.80469 6.92966 4.07812 7.90623C2.14844 10.4844 0.90625 13.2969 0.359375 16.2812C-0.6875 21.9375 0.609375 27.4531 4.07812 32.0937C4.80469 33.0703 6.92969 35.1875 7.91406 35.9297C10.7578 38.0547 13.9141 39.3437 17.5391 39.8594C18.4609 39.9922 21.5312 39.9844 22.5 39.8594C27.0234 39.2344 31.0703 37.2265 34.1484 34.0859C35.1328 33.0859 35.3672 32.8203 35.9922 31.9922C38.0234 29.3125 39.3516 26.0312 39.8594 22.4609C39.9922 21.539 39.9922 18.4609 39.8594 17.539C39.4062 14.3828 38.2969 11.3906 36.6562 8.94529C33.4453 4.14841 28.5078 1.03904 22.7734 0.187477C21.8125 0.0468521 19.0391 -0.0156479 18.0859 0.0859146ZM20.7266 7.37498C20.8984 7.46091 21.1172 7.67966 21.2188 7.85935L21.4062 8.17966V13.7344V19.2969L24.8438 22.0469C27.4219 24.1094 28.3125 24.8594 28.4141 25.0703C28.4844 25.2265 28.5469 25.5312 28.5469 25.7578C28.5469 26.5078 27.9375 27.1094 27.1641 27.1094C26.9531 27.1094 26.6719 27.0547 26.5391 26.9922C26.1875 26.8203 18.9844 21.0234 18.7969 20.7578C18.6328 20.539 18.6328 20.4453 18.6094 14.3594L18.5938 8.18748L18.7656 7.88279C19.0391 7.3906 19.6641 7.08591 20.1953 7.17185C20.3281 7.18748 20.5625 7.28123 20.7266 7.37498Z' fill='%23D6F3EF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_28'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); } .marathon-form__content-left-item.-place .marathon-form__content-left-item-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3cpath d='M18.9844 0.0468712C17.1953 0.249996 16.1719 0.468746 15.0156 0.898434C11.9531 2.04687 9.39063 4.14843 7.64844 6.95312C6.00781 9.60156 5.25 13.0312 5.625 16.0937C6.23438 21.0234 9.75 27.8203 15.5781 35.3516C16.9531 37.1328 18.7266 39.2656 19.1328 39.6328C19.6719 40.1172 20.3281 40.1172 20.8672 39.6328C21.2734 39.2656 23.0469 37.1328 24.4219 35.3516C29.6641 28.5781 33.0312 22.4219 34.0938 17.6406C34.3672 16.4141 34.4531 15.6172 34.4531 14.3359C34.4453 10.5859 32.9453 7 30.2344 4.29687C28 2.05468 25.3672 0.703121 22.2656 0.195309C21.5312 0.0781212 19.5156 -0.0156288 18.9844 0.0468712ZM20.9141 7.27343C23.8281 7.66406 26.2422 9.75781 27.0312 12.5781C27.2422 13.3203 27.3203 14.8125 27.1953 15.625C26.8281 17.9375 25.3125 19.9687 23.1641 21.0156C21.8984 21.6328 20.6016 21.8672 19.2813 21.7187C18.25 21.6016 17.7266 21.4531 16.8359 21.0156C14.6875 19.9687 13.1719 17.9375 12.8047 15.625C12.6797 14.8125 12.7578 13.3203 12.9688 12.5781C13.9453 9.09375 17.3906 6.78906 20.9141 7.27343Z' fill='%23FBEDDF'/%3e%3c/svg%3e"); } .marathon-form__content-right { } .marathon-form__content-right-title { margin-bottom: 1.5rem; color: #000; font-family: "Ubuntu Bold"; font-size: 1.5rem; font-style: normal; font-weight: 500; line-height: 130%; } .marathon-form__content-right-list { padding: 0 !important; margin: 0 !important; } .marathon-form__content-right-list li { margin-bottom: 0.8rem !important; color: #000 !important; font-size: 1rem !important; font-style: normal; font-weight: 300; line-height: 130% !important; } .marathon-form__content-right-list li:before { content: ''; margin-right: 1.25rem; display: inline-block; width: 0.625rem; min-width: 0.625rem; height: 0.625rem; background: #15AC97; border-radius: 100%; } .marathon-form__content-right-list li:after { display: none; } .marathon-form__content-right-text { color: #15AC97; font-family: "Ubuntu Bold"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 130%; } .marathon-form__form { position: relative; } .marathon-form__form-title { margin-bottom: 1.8rem; color: #000; font-family:"Ubuntu Bold"; font-size: 1.5rem; font-style: normal; font-weight: 500; line-height: 130%; } .marathon-form__form form { display: flex; align-items: center; justify-content: space-between; } .marathon-form__form-input { min-width: 14rem; margin-right: 1.2rem; padding: 1rem 1.5rem; color: #1C2429; font-size: 1rem; font-style: normal; font-weight: 300; line-height: 130%; text-transform: uppercase; border-radius: 6.25rem; border: 1px solid #08B6A7; outline: none; cursor: pointer; } .marathon-form__form-input:first-child { min-width: 15.2rem } .marathon-form__form-input::placeholder { color: #1C2429; font-size: 1rem; font-style: normal; font-weight: 300; line-height: 130%; text-transform: uppercase; } .marathon-form__form button { width: 14.5rem; min-width: 14.5rem; padding: 1rem 3rem; display: flex; align-items: center; justify-content: center; color: #FFF; font-family: "Ubuntu Bold"; font-size: 1rem; font-weight: 500; line-height: 130%; text-transform: uppercase; border-radius: 6.25rem; background: #F79631; cursor: pointer; } .marathon-form__form-text { width: 20.5rem; position: absolute; right: 0; top: calc(100% + 0.8rem); color: rgba(0, 0, 0, 0.80); font-size: 0.75rem; font-style: normal; font-weight: 300; line-height: 125%; } .marathon-form__form-text a { color: rgba(0, 0, 0, 0.80); } @media screen and (max-width: 1600px) { .marathon-form__holder { max-width: 1300px; } .marathon-form__content-title { font-size: 1.6rem; } .marathon-form__content-left-item-text-title { font-size: 0.875rem; } .marathon-form__content-left-item-text-value { font-size: 1rem; } .marathon-form__content-right-title { font-size: 1.25rem; } .marathon-form__form-input:first-child { min-width: 18.2rem; } .marathon-form__form-input { min-width: 13rem; } .marathon-form__form button { margin-left: 0; min-width: 13rem; width: 13rem; } } @media screen and (max-width: 1600px) { .marathon-form { padding: 3rem 1.5rem; } .marathon-select__body { box-sizing: border-box; } .marathon-form__form form { flex-wrap: wrap; } .marathon-form__form form { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; } .marathon-select__top { box-sizing: border-box; } .marathon-form__content { padding: 3rem 1.5rem; } .marathon-form__form form * { width: 100% !important; min-width: 100% !important; } .marathon-form__form-text { position:static; } } @media screen and (max-width: 900px) { .marathon-form__title { font-size: 2rem; text-align: center; } .marathon-form__content-title { font-size: 1.4rem; } .marathon-form__form form { grid-template-columns: 1fr 1fr; } .marathon-form__content-info { grid-template-columns: 1fr; gap: 2rem; } } @media screen and (max-width: 600px) { .marathon-form__form form { grid-template-columns: 1fr; } } .video { border: none; } /* модалка */ .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); z-index: 1000; justify-content: center; align-items: center; /* display: flex; */ } .modal-content-2 { background-color: white; border-radius: 1.5rem; width: 100%; max-width: 87.938rem; display: flex; position: relative; box-shadow: 0 4px 20px #08B6A71A; } .modal-close { position: absolute; top: -6.25rem; right: 15px; font-size: 24px; cursor: pointer; color: #999; background: none; border: none; transition: color 0.3s; padding: .75rem; background-color: white; border-radius: 50%; display: flex; } .modal-close:hover { color: #333; } .modal-text { padding: 2.5rem 0 2.5rem 3.5rem; flex: 1; width: 100%; max-width: 46.6rem; display: flex; flex-direction:column; gap: 2rem; } .modal-title { font-size: 3.5rem; font-weight: 700; color: #262626; line-height:125%; } .modal-title span { font-size: 3.5rem; font-weight: 700; color: #15AC97; line-height:125%; } .modal-text__block{ display: flex; flex-direction:column; gap: 1rem; } .modal-text__block__top{ display: flex; flex-direction:column; gap: .25rem; } .modal-description { font-size: 1.5rem; line-height:135%; font-weight: 400; color: #262626; } .modal-text__block__solution{ display: flex; align-items:center; flex-wrap:wrap; gap: .5rem; } .modal-text__block__solution__item{ font-size: 1rem; line-height:135%; font-weight: 300; color: #262626; text-align:center; background-color:#15AC971A; border-radius: 100px; padding:.2rem 1.25rem; } .modal-button { background-color: #08B6A7; color: white; border: none; padding: 0.875rem 2rem; font-size: 1.5rem; line-height:100%; border-radius: 2.5rem; cursor: pointer; width:100%; max-width: 40.063rem; display: flex; text-align: center; align-items: center; justify-content: center; text-decoration: none; transition: background-color 0.3s; } .modal-button:hover { background-color: rgba(21, 172, 151, 0.8); } .modal-image { position: relative; width: 41.5%; } .modal-image .modal-image__img-big{ width: 100%; max-width: 32.125rem; object-fit: cover; left: 0; bottom: 0; position: absolute; } .modal-image .modal-image__img-small{ width: 100%; max-width: 4.375rem; aspect-ratio: 1; height: 100%; max-height: 4.375rem; object-fit:cover; position: absolute; right: 0; top:1.25rem; } .modal-button-desc{ display: block; } .modal-button-mobile{ display: none; } .modal-text__block__solution__item.hidden { display: none; } @media (max-width: 768px) { .modal-button-desc{ display: none; } .modal-button-mobile{ display: block; } .modal-content-2 { flex-direction: column; padding: 2rem; max-height: 90vh; overflow-y: auto; } .modal-image .modal-image__img-big{ max-width: 36.125rem; /* max-width: 100%; */ position: static; aspect-ratio: 0.75 / 1; } .modal-image { display: flex; justify-content:center; align-items:center; margin-top: -4rem; width:100%; z-index: 1; } .modal-image .modal-image__img-small{ display: none; } .modal-text { padding: 0rem; width: auto; max-width: 100%; gap: 2rem; } .modal-title { font-size: 3rem; text-align: center; max-width: 41rem; } .modal-title span { font-size: 3rem; color:#262626; } .modal-text__block{ gap: 1.5rem; } .modal-text__block__top{ gap: 1rem; align-items: center; } .modal-description { font-size: 2rem; text-align: center; /* max-width: 41rem; */ max-width: 100%; margin-bottom: 0; } .modal-text__block__solution{ gap: .5rem; position: relative; z-index: 5; } .modal-close { top: -7.5rem; } .modal-close svg{ width: 4rem; height: 4rem; } .modal-text__block__solution__item{ /* font-size: 1.375rem; */ font-size: 2rem; line-height:135%; font-weight: 300; color: #262626; text-align:center; background-color:#15AC971A; border-radius: 100px; padding:0.375rem 1.5rem; } .modal-button { background-color: #08B6A7; color: white; border: none; padding: 1.125rem 2rem; font-size: 2rem; padding-bottom: 2rem; padding-top: 2rem; font-size: 3rem; max-width: 100%; font-weight: 700; line-height:100%; border-radius: 2.5rem; cursor: pointer; width: auto; transition: background-color 0.3s; } .modal-overlay{ overflow: auto; } } @media (max-width: 480px) { .modal-content-2 { padding: 1rem; } .modal-image { margin-top: -3rem; } .modal-text { gap: 1.5rem; } .modal-title { font-size: 1.5rem; } .modal-title span { font-size: 1.5rem; } .modal-text__block{ gap: 1rem; } .modal-text__block__top{ gap: .75rem; } .modal-description { font-size: 1rem; } .modal-text__block__solution{ gap: .5rem; } .modal-close { top: -5.5rem; } .modal-close svg{ width: 2.5rem; height: 2.5rem; } .modal-text__block__solution__item{ /* font-size: 1.375rem; */ font-size: 1rem; border-radius: 100px; padding: 0.25rem .75rem; } .modal-button { padding: .75rem 1.5rem; padding-bottom: 1.25rem; padding-top: 1.25rem; font-size: 1.5rem; } } @media (max-height:700px) { .modal-close { top: .5rem; } } /* End */ /* Start:/local/templates/main/template_styles.css?1776932745142881*/ @font-face { font-family: 'Ubuntu'; src: url('/local/templates/main/fonts/ubuntu-r-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-r-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-r-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-r-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-r-webfont.svg#ubuntu-r-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Bold'; src: url('/local/templates/main/fonts/ubuntu-b-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-b-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-b-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-b-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-b-webfont.svg#ubuntu-b-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Light'; src: url('/local/templates/main/fonts/ubuntu-l-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-l-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-l-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-l-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-l-webfont.svg#ubuntu-l-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Italic'; src: url('/local/templates/main/fonts/ubuntu-italic-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-italic-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-italic-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-italic-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-italic-webfont.svg#ubuntu-italic-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Medium'; src: url('/local/templates/main/fonts/ubuntu-m-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-m-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-m-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-m-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-m-webfont.svg#ubuntu-m-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Bold Italic'; src: url('/local/templates/main/fonts/ubuntu-bi-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-bi-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-bi-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-bi-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-bi-webfont.svg#ubuntu-bi-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Light Italic'; src: url('/local/templates/main/fonts/ubuntu-bi-webfont.eot'); src: url('/local/templates/main/fonts/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ubuntu-bi-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/ubuntu-bi-webfont.woff') format('woff'), url('/local/templates/main/fonts/ubuntu-bi-webfont.ttf') format('truetype'), url('/local/templates/main/fonts/ubuntu-bi-webfont.svg#ubuntu-bi-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Tenor Sans'; src: url('/local/templates/main/fonts/TenorSans.eot'); src: url('/local/templates/main/fonts/TenorSans.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/TenorSans.woff') format('woff'), url('/local/templates/main/fonts/TenorSans.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Tenor Sans Regular'; src: url('/local/templates/main/fonts/TenorSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Light'; src: url('/local/templates/main/fonts/Montserrat-Light.eot'); src: url('/local/templates/main/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Light.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat MediumItalic'; src: url('/local/templates/main/fonts/Montserrat-MediumItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-MediumItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat Thin'; src: url('/local/templates/main/fonts/Montserrat-Thin.eot'); src: url('/local/templates/main/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Thin.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat ExtraLightItalic'; src: url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat BoldItalic'; src: url('/local/templates/main/fonts/Montserrat-BoldItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-BoldItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat SemiBold'; src: url('/local/templates/main/fonts/Montserrat-SemiBold.eot'); src: url('/local/templates/main/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat ExtraLight'; src: url('/local/templates/main/fonts/Montserrat-ExtraLight.eot'); src: url('/local/templates/main/fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraLight.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat ExtraBoldItalic'; src: url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat Italic'; src: url('/local/templates/main/fonts/Montserrat-Italic.eot'); src: url('/local/templates/main/fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Italic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat Bold'; src: url('/local/templates/main/fonts/Montserrat-Bold.eot'); src: url('/local/templates/main/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Bold.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat LightItalic'; src: url('/local/templates/main/fonts/Montserrat-LightItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-LightItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat BlackItalic'; src: url('/local/templates/main/fonts/Montserrat-BlackItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-BlackItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat SemiBoldItalic'; src: url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat Regular'; src: url('/local/templates/main/fonts/Montserrat-Regular.eot'); src: url('/local/templates/main/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Regular.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Medium'; src: url('/local/templates/main/fonts/Montserrat-Medium.eot'); src: url('/local/templates/main/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Medium.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat ExtraBold'; src: url('/local/templates/main/fonts/Montserrat-ExtraBold.eot'); src: url('/local/templates/main/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Black'; src: url('/local/templates/main/fonts/Montserrat-Black.eot'); src: url('/local/templates/main/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Black.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat ThinItalic'; src: url('/local/templates/main/fonts/Montserrat-ThinItalic.eot'); src: url('/local/templates/main/fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ThinItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } pre { font-size: 12px; position: relative; z-index: 1; } body { width: 100%; height: 100%; padding: 0; margin: 0; } body *:focus { outline: none; } body * { -webkit-tap-highlight-color: transparent; } .browser-info { display: none !important; height: 0 !important; } .fixed-wrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(80, 84, 87, 0.2); z-index: 1000; display: none; } .fixed-wrapper.mobile { position: absolute; top: 100px; background: rgba(255, 255, 255, 0.5); left: 50%; } @media screen and (max-width: 1023px) and (min-width: 800px) { .fixed-wrapper.mobile { width: 768px; margin-left: -384px; } } @media screen and (max-width: 799px) { .fixed-wrapper.mobile { width: 448px; margin-left: -224px; } } input, textarea { outline: 0; box-sizing: border-box; color: black; font-size: 14px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; } input.error, textarea.error { border: 1px solid #ff133f !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #1c2429; } input::-moz-placeholder, textarea::-moz-placeholder { color: #1c2429; } input:-moz-placeholder, textarea:-moz-placeholder { color: #1c2429; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #1c2429; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } input::-ms-clear, textarea::-ms-clear { display: none; } @-webkit-keyframes autofill { to { color: inherit; background: transparent; } } h1:not(.page-404-h1), div.h1 { padding: 50px 0 35px 0; margin: 0; color: #1c2429; font-size: 40px; font-family: 'Ubuntu Bold'; text-transform: uppercase; line-height: 42px; font-weight: normal; overflow: hidden; white-space: normal; position: relative; text-align: center; z-index: 2; } @media screen and (max-width: 1279px) { h1:not(.page-404-h1), div.h1 { text-align: center; font-size: 36px; padding: 45px 24px 38px 24px; line-height: 40px; } } @media screen and (max-width: 799px) { h1:not(.page-404-h1), div.h1 { word-break: break-word; } } h3, h4, h5 { font-weight: normal; text-transform: none !important; } h2 { color: #1c2429; font-size: 30px; font-family: 'Ubuntu Bold'; text-transform: uppercase; line-height: 30px; } h3 { color: black; font-size: 24px; font-family: 'Ubuntu Bold'; text-transform: uppercase; line-height: 24px; } h3 * { color: black; font-size: 24px; font-family: 'Ubuntu Bold'; text-transform: uppercase; } h4 { color: black; font-size: 20px; font-family: 'Ubuntu Bold'; text-transform: uppercase; height: 20px; } h4 * { color: black; font-size: 20px; font-family: 'Ubuntu Bold'; text-transform: uppercase; } h5 { color: black; font-size: 16px; font-family: 'Ubuntu Bold'; text-transform: uppercase; line-height: 16px; } h5 * { color: black; font-size: 16px; font-family: 'Ubuntu Bold'; text-transform: uppercase; } p { margin: 0 0 21px 0; line-height: 22px; } ol { counter-reset: list1; } ol li { list-style-type: none; } ol li:before { counter-increment: list1; content: counter(list1) '. '; } ol li ol { counter-reset: list2; } ol li ol li:before { counter-increment: list2; content: counter(list1) '.' counter(list2) '. '; } ul:not(.pagination):not(.header-menu):not(.second) li, ol li { line-height: 22px; margin: 0 0 21px 0; } p, ul:not(.pagination):not(.header-menu):not(.second) li, ol li { color: #1c2429; font-size: 18px; font-family: 'Ubuntu Light'; text-transform: uppercase; text-transform: none; } p .green, ul:not(.pagination):not(.header-menu):not(.second) li .green, ol li .green { color: #15ac97; } form { margin-bottom: 0; } .wrapper { position: relative; height: auto !important; min-height: 100%; min-width: 1830px; width: 100%; /* overflow: visible; */ } .wrapper-under { padding-top: 170px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .wrapper { min-width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1023px) { .wrapper { min-width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .wrapper { min-width: 768px; } } @media screen and (max-width: 799px) { .wrapper { min-width: 448px; } } @media screen and (max-width: 767px) { .wrapper { max-width: calc(100% - 2px); min-width: auto; /* overflow-x: hidden; */ } } .wrapper table:not(.table-title):not(.cart-items) { border-spacing: 0 0; border-collapse: collapse; } .wrapper table:not(.table-title):not(.cart-items) td { padding: 5px; border: 1px solid #3d3d3d; color: #2b2a29; font-size: 15px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; } .loader-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); text-align: center; display: none; z-index: 1003; } .loader-wrap .loader { position: absolute; display: none; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 80px; height: 80px; border: 5px solid #15ac97; border-radius: 100%; animation: spin 0.75s infinite linear; } .loader-wrap .loader *, .loader-wrap .loader *::before, .loader-wrap .loader *::after { box-sizing: border-box; } .loader-wrap .loader::before, .loader-wrap .loader::after { left: -5px; top: -5px; display: none; position: absolute; content: ''; width: inherit; height: inherit; border: inherit; border-radius: inherit; } .loader-wrap .loader-5, .loader-wrap .loader-5::before { display: inline-block; border-color: transparent; border-top-color: #15ac97; } .loader-wrap .loader-5::before { animation: spin 1.7s infinite ease; } @keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .main-loader .loader-wrap { position: fixed; } .right-image { float: right; margin: 15px 0 0 30px; } .left-image { float: left; margin: 15px 30px 0 0; } .right-image, .left-image { max-width: 460px; height: auto; } @media screen and (max-width: 1279px) { .right-image, .left-image { float: none; display: block; margin: 0 auto 35px auto; } } @media screen and (max-width: 1023px) { .right-image, .left-image { width: 100%; margin: 0 auto 25px auto; } } .btn-default { box-sizing: border-box; display: inline-block; padding: 12px 38px; vertical-align: middle; font-family: "Ubuntu Medium", "Arial", sans-serif; font-weight: 500; font-size: 13px; line-height: 1.15; color: #fff; text-transform: uppercase; text-decoration: none; background-color: #15AC97; border: 1px solid #15AC97; border-radius: 40px; transition: all 0.2s ease; cursor: pointer; } .btn-default:hover { background-color: rgba(21, 172, 151, 0.8); background-color: rgba(21, 172, 151, 0.8); } .field-text__input { width: 100%; display: inline-block; height: 44px; padding: 10px; vertical-align: middle; font-style: normal; font-family: "Ubuntu", "Arial", sans-serif; font-weight: 400; font-family: inherit; font-size: 18px; line-height: 1.25; color: #1c2429; text-align: center; background-color: #fff; border: 1px solid #08b6a7; border-radius: 36px; transition: all 0.2s ease; outline: 0; } .field-text__input:hover { border-color: rgba(21, 172, 151, 0.8); } .slider-btn { width: 65px; aspect-ratio: 1; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg' style=''%3E%3Cpath d='M17.2526 2L25 10M25 10L17.2526 18M25 10H2' stroke='%2308B6A7' stroke-width='3' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E"); background-position: center; background-size: 28px auto; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0px 12px 56px rgba(11, 17, 66, 0.08); transform: translateX(-45%); cursor: pointer; } .slider-btn.--prev { transform: rotate(180deg); } .widget-btn-wrap { position: fixed; right: 33px; bottom: 55px; z-index: 11; } .widget-socials { display: flex; flex-direction: column; gap: 15px; margin: 0; padding: 0; list-style: none; } .widget-socials-btn { display: flex; justify-content: center; align-items: center; width: 56px; aspect-ratio: 1; border-radius: 50%; box-shadow: 0px 12px 56px rgba(11, 17, 66, 0.08); cursor: pointer; } .widget-socials-btn a { display: block; width: 100%; aspect-ratio: 1; } .widget-socials-btn.--whatsapp { background-color: #3fb31f; background-image: url("/local/templates/main/img/watsapp-icon-min.png"); background-position: center; background-size: auto; background-repeat: no-repeat; } .callback-form { padding: 24px; background-color: #fff; border-radius: 24px; } .callback-form .agreement-checkbox { text-align: left; } .callback-form .agreement-checkbox .checkbox .icon { display: block; background-image: none; border: 1px solid #08b6a7; border-radius: 50%; } .callback-form .agreement-checkbox .checkbox.active .icon { background-image: url("/local/templates/main/img/agreement-checkbox-min.png"); } .callback-form .agreement-checkbox .text a { text-underline-offset: 2px; } .callback-form__title { margin: 0 0 15px; font-family: "Montserrat", "Arial", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.25; } .callback-form__field-group { display: flex; gap: 16px; } .callback-form__bottom { margin-top: 15px; } .callback-form__btn { display: inline-block; padding: 10px 20px; vertical-align: middle; font-style: normal; font-family: "Ubuntu Medium", "Arial", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.25; color: #fff; text-align: center; background-color: #08b6a7; border: 1px solid #08b6a7; border-radius: 36px; transition: all 0.2s ease; outline: 0; cursor: pointer; } .callback-form__btn:hover { background-color: rgba(21, 172, 151, 0.8); } header { width: 100%; height: 170px; z-index: 10; } @media screen and (max-width: 1279px) and (min-width: 1024px) { header { height: 98px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { header { height: 175px; } } @media screen and (max-width: 799px) { .callback-form__field-group > * { flex: 1 1 50%; } .callback-form__btn { width: 100%; } header { height: 225px; } } header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; } header.border { border-bottom: 1px solid #c8d3d8; } header .header-info-wrap,.footer-section__container { width: 1830px; margin: 0 auto; } @media screen and (max-width: 1900px) and (min-width: 1280px) { header .header-info-wrap ,.footer-section__container{ width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .wrapper-under { padding-top: 98px; } header .header-info-wrap ,.footer-section__container{ width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .header-info-wrap ,.footer-section__container{ width: 768px; } } @media screen and (max-width: 799px) { .wrapper-under { padding-top: 225px; } header .header-info-wrap,.footer-section__container { width: 448px; } } header .header-info-wrap:before { content: ''; position: absolute; left: 0; top: 110px; width: 100%; height: 1px; background: #c8d3d8; } @media screen and (max-width: 1279px) and (min-width: 1024px) { header .header-info-wrap:before { display: none; } } @media screen and (max-width: 1023px) { header .header-info-wrap:before { top: 97px; } } header .first-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; min-height: 100px; height: 100px; padding-top: 10px; } @media screen and (max-width: 1279px) { header .first-block { min-height: 98px; height: 98px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } header .first-block:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: -moz-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -webkit-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -o-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -ms-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: linear-gradient( to left, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a4d1', endColorstr='#15ac97'); z-index: 2; } header .first-block .logo-wrap { min-width: 311px; max-width: 311px; min-height: 68px; height: 68px; white-space: nowrap; text-decoration: none; background: url('/local/templates/main/img/logo-header-min.png') center no-repeat; z-index: 1; } @media screen and (max-width: 1279px) { header .first-block .logo-wrap { min-width: 251px; max-width: 251px; min-height: 53px; height: 53px; } } @media screen and (max-width: 1279px) { header .first-block .logo-wrap { background-size: contain; } } header .first-block .address { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 300px; max-width: 300px; height: 48px; margin-left: 75px; color: #1c2429; font-size: 18px; font-family: 'Ubuntu'; text-transform: uppercase; line-height: 24px; text-transform: none; } @media screen and (max-width: 1900px) and (min-width: 1280px) { header .first-block .address { min-width: 170px; max-width: 170px; margin-left: 40px; font-size: 16px; line-height: 18px; min-height: 50px; height: 50px; } } @media screen and (max-width: 1279px) { header .first-block .address { display: none; } } header .first-block .work-hours { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 220px; max-width: 220px; min-height: 35px; height: 48px; margin-left: 45px; color: #1c2429; font-size: 18px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; line-height: 24px; } @media screen and (max-width: 1900px) { header .first-block .work-hours { display: none; } } @media screen and (max-width: 1279px) { header .first-block .work-hours { display: none; } } header .first-block .work-hours span { display: block; font-family: 'Ubuntu Bold'; } header .first-block .menu-button { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 40px; min-height: 60px; height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: none; position: relative; margin-top: -2px; } @media screen and (max-width: 1279px) { header .first-block .menu-button { display: block; } } @media screen and (max-width: 799px) { header .first-block .menu-button { margin-right: 55px; } } header .first-block .menu-button.active .icon .line { display: none; } header .first-block .menu-button.active .icon:after { -webkit-transform: rotate(-45deg); /* Chrome y Safari */ -moz-transform: rotate(-45deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(-45deg); /* Opera */ -ms-transform: rotate(-45deg); width: 26px; bottom: 9px; left: -4px; } header .first-block .menu-button.active .icon:before { -webkit-transform: rotate(45deg); /* Chrome y Safari */ -moz-transform: rotate(45deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(45deg); /* Opera */ -ms-transform: rotate(45deg); margin-top: 8px; left: -4px; width: 26px; } header .first-block .menu-button .icon { width: 23px; height: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; right: auto; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } header .first-block .menu-button .icon:after, header .first-block .menu-button .icon:before, header .first-block .menu-button .icon .line { width: 100%; height: 3px; background: #15ac97; position: absolute; left: 0; } header .first-block .menu-button .icon .line { margin-top: 8px; } header .first-block .menu-button .icon:after, header .first-block .menu-button .icon:before { content: ''; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } header .first-block .menu-button .icon:after { bottom: 0; } header .first-block .menu-button .icon:before { top: 0; } header .first-block .search-link { background: url('/local/templates/main/img/search-mobile-icon-min.png') center no-repeat; width: 30px; height: 28px; margin: 0 15px 0 auto; } @media screen and (min-width: 1024px) { header .first-block .search-link { display: none; } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .first-block .search-link { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media screen and (max-width: 799px) { header .first-block .search-link { display: none; } } header .second-block { min-height: 60px; height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; z-index: 10; position: relative; } @media screen and (max-width: 1279px) and (min-width: 1024px) { header .second-block { display: none; } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .second-block { height: 77px; } } @media screen and (max-width: 1023px) { header .second-block { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 799px) { header .second-block { height: 127px; align-content: flex-start; align-items: flex-start; } } header .phone { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 250px; max-width: 250px; min-height: 30px; height: 30px; background: url('/local/templates/main/img/phone-icon-header-min.png') left 4px no-repeat; margin-left: 75px; color: #1c2429; font-size: 24px; font-family: 'Ubuntu Medium'; text-transform: uppercase; text-transform: none; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1900px) and (min-width: 1280px) { header .phone { margin-left: 35px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { header .phone { margin-left: 32px; background-position: left 6px; min-height: 32px; height: 32px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .phone { margin-left: 85px; } } @media screen and (max-width: 799px) { header .phone { margin: 15px auto 0 auto; letter-spacing: -0.2px; opacity: 0; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } header .phone.show { opacity: 1; } } header .buttons-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; height: 40px; width: 480px; margin-left: 70px; } @media screen and (max-width: 1900px) and (min-width: 1024px) { header .buttons-wrap { margin-left: 0px; /*margin-left: 42px; */ } } @media screen and (max-width: 1279px) and (min-width: 1024px) { header .buttons-wrap { margin-left: 0px; /*margin-left: 32px; */ } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .buttons-wrap { margin-left: 55px; /*margin-left: 55px; */ } } @media screen and (max-width: 1023px) { header .buttons-wrap { opacity: 0; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } header .buttons-wrap.show { opacity: 1; } } @media screen and (max-width: 799px) { header .buttons-wrap { margin: 18px auto 0 auto; width: 100%; justify-content: center; } } header .buttons-wrap div.consult { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 260px; min-height: 40px; height: 60px; text-align: center; color: white; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #15ac97; cursor: pointer; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header .buttons-wrap div.consult:hover:not(.noHover) { background: rgba(21, 172, 151, 0.8); } header .buttons-wrap div.send-epikriz { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 260px; min-height: 40px; height: 60px; text-align: center; color: white; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #29a4d1; cursor: pointer; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 30px; } header .buttons-wrap div.send-epikriz:hover:not(.noHover) { background: rgba(41, 164, 209, 0.8); } @media screen and (max-width: 1900px) and (min-width: 1280px) { header .buttons-wrap div.send-epikriz { margin-left: 10px; /* margin-left: 42px; */ } } @media screen and (max-width: 1279px) and (min-width: 1024px) { header .buttons-wrap div.send-epikriz { margin-left: 5px; /* margin-left: 33px; */ } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .buttons-wrap div.send-epikriz { margin-left: 75px; } } @media screen and (max-width: 799px) { header .buttons-wrap div.send-epikriz { margin-left: 7px; } } @media screen and (max-width: 1900px) and (min-width: 1024px) { header .buttons-wrap div.consult, header .buttons-wrap div.send-epikriz { min-width: 175px; max-width: 260px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { header .buttons-wrap div.consult, header .buttons-wrap div.send-epikriz { min-width: 245px; max-width: 260px; } } @media screen and (max-width: 799px) { header .buttons-wrap div.consult, header .buttons-wrap div.send-epikriz { min-width: 185px; max-width: 260px; font-size: 14px; line-height: 18px; min-height: 44px; height: 50px; } } .whats-app-link { position: fixed; right: 0; top: 300px; width: 58px; height: 58px; background: url('/local/templates/main/img/watsapp-icon-min.png') center no-repeat #3fb31f; z-index: 11; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .whats-app-link { top: 110px; } } @media screen and (max-width: 1023px) { .whats-app-link { position: relative; top: auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; opacity: 0; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } .whats-app-link.show { opacity: 1; } } @media screen and (max-width: 799px) { .whats-app-link { margin-left: 7px; width: 44px; height: 44px; background-size: 71%; } } .whats-app-link a { display: block; width: 100%; height: 100%; } .content-wrapper { width: 100%; padding-top: 9rem; } .content-wrapper.main { padding-top: 1px; } .content-wrapper .content { min-height: calc(100vh - 525px); } .content-wrapper .content p a { color: #1c2429; font-size: 12px; font-family: 'Ubuntu Light'; text-transform: uppercase; text-transform: none; } .content-wrapper .content p a:hover:not(.noHover) { text-decoration: none; } .content-wrapper .content ul:not(.pagination) li a, .content-wrapper .content ol li a { color: #15ac97; font-size: 18px; font-family: 'Ubuntu Light'; text-transform: uppercase; text-transform: none; } .content-wrapper .content ul:not(.pagination) li a:hover:not(.noHover), .content-wrapper .content ol li a:hover:not(.noHover) { text-decoration: none; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) { margin: 15px 0; padding: 0 0 0 13px; overflow: hidden; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li { list-style: none; position: relative; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li:after { content: ''; width: 5px; height: 2px; position: absolute; left: -13px; top: 11px; background: #15ac97; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li p { margin: 0; } .content-wrapper .content ol { margin: 15px 0; padding: 0 0 0 35px; } .content-wrapper .content .li-without-marker ul li:after { display: none; } .content-wrapper .content .text-wrap { width: 1830px; margin: 0 auto; padding-bottom: 50px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .content-wrapper .content .text-wrap { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .content-wrapper .content .text-wrap { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .content-wrapper .content .text-wrap { width: 768px; } } @media screen and (max-width: 799px) { .content-wrapper .content .text-wrap { width: 448px; } } .content-wrapper .content .content-page-text { width: 1240px; margin: 0 auto; text-align: center; letter-spacing: 0.72px; position: relative; z-index: 1; } .content-wrapper .content .top-text { width: 1279px; text-align: center; letter-spacing: 0.72px; color: #1c2429; font-size: 18px; font-family: 'Ubuntu Light'; text-transform: uppercase; line-height: 22px; text-transform: none; margin: 0 auto; position: relative; z-index: 1; } .content-wrapper .content .bottom-text { width: 1830px; margin: 70px auto; position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: center; } @media screen and (max-width: 1279px) and (min-width: 800px) { .content-wrapper .content .bottom-text { margin: 60px auto; } } @media screen and (max-width: 799px) { .content-wrapper .content .bottom-text { margin: 50px auto; } } @media screen and (max-width: 1279px) { .content-wrapper .content .bottom-text h2 { text-align: center; } } .content-wrapper .content .bottom-text .first, .content-wrapper .content .bottom-text .second { padding: 0 43px; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 900px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #1c2429; font-size: 18px; font-family: 'Ubuntu Light'; text-transform: uppercase; line-height: 22px; text-transform: none; letter-spacing: 0.72px; } @media screen and (max-width: 1900px) { .content-wrapper .content .bottom-text .first, .content-wrapper .content .bottom-text .second { padding: 0 15px 0 0; } } @media screen and (max-width: 1900px) and (min-width: 1280px) { .content-wrapper .content .bottom-text .first, .content-wrapper .content .bottom-text .second { max-width: 604px; } } @media screen and (max-width: 1279px) { .content-wrapper .content .bottom-text .first, .content-wrapper .content .bottom-text .second { max-width: 100%; padding: 0; } } .content-wrapper .content .bottom-text .first.one, .content-wrapper .content .bottom-text .second.one { max-width: 100%; } .content-wrapper .content .bottom-text-one { width: 1240px; margin: 70px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #1c2429; font-size: 18px; font-family: 'Ubuntu Light'; text-transform: uppercase; line-height: 22px; text-transform: none; text-align: center; position: relative; z-index: 1; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .content-wrapper .content .content-page-text, .content-wrapper .content .top-text, .content-wrapper .content .bottom-text, .content-wrapper .content .bottom-text-one { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .content-wrapper .content .content-page-text, .content-wrapper .content .top-text, .content-wrapper .content .bottom-text, .content-wrapper .content .bottom-text-one { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .content-wrapper .content .content-page-text, .content-wrapper .content .top-text, .content-wrapper .content .bottom-text, .content-wrapper .content .bottom-text-one { width: 768px; } } @media screen and (max-width: 799px) { .content-wrapper .content .content-page-text, .content-wrapper .content .top-text, .content-wrapper .content .bottom-text, .content-wrapper .content .bottom-text-one { max-width: calc(100% - 30px); } } .content-wrapper .main-info { margin-top: 90px; background: url('/local/templates/main/img/logo-main-min.png') center 0 no-repeat; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .content-wrapper .main-info { background-size: 82px 84px; margin-top: 80px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .content-wrapper .main-info { background-size: 82px 84px; margin-top: 60px; } } @media screen and (max-width: 799px) { .content-wrapper .main-info { background-size: 65px 67px; margin-top: 60px; } } .content-wrapper .main-info h1 { padding: 135px 0 0 0; text-align: center; } @media screen and (max-width: 1900px) and (min-width: 800px) { .content-wrapper .main-info h1 { text-align: center; font-size: 36px; padding: 110px 0 0 0; line-height: 44px; } } @media screen and (max-width: 799px) { .content-wrapper .main-info h1 { padding: 85px 0 0 0; text-align: center; font-size: 30px; line-height: 38px; } } .content-wrapper .main-info .text { width: 1240px; margin: 30px auto 0 auto; text-align: center; letter-spacing: 0.72px; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .content-wrapper .main-info .text { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .content-wrapper .main-info .text { width: 768px; } } @media screen and (max-width: 799px) { .content-wrapper .main-info .text { width: 448px; margin: 15px auto 0 auto; } } .content-wrapper .main-info .text p:last-child { margin-bottom: 0; } .content-wrapper .main-text-bottom { width: 1240px; margin: 0 auto; text-align: center; letter-spacing: 0.72px; padding: 100px 0; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .content-wrapper .main-text-bottom { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .content-wrapper .main-text-bottom { width: 768px; } } @media screen and (max-width: 799px) { .content-wrapper .main-text-bottom { width: 448px; padding: 50px 0 55px 0; } } .content-wrapper .main-text-bottom p:last-child { /*margin-bottom: 0;*/ } .content-wrapper .main-blocks { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: center; margin-top: 20px; } @media screen and (max-width: 799px) { .content-wrapper .main-blocks { margin-top: 40px; } } footer { width: 100%; height: auto; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer { height: auto; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer { height: auto; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer { height: auto; } } @media screen and (max-width: 799px) { footer { height: auto; } } @media screen and (max-width: 375px) { footer { height: 920px; } } footer:before { content: ' '; position: absolute; left: 0; width: 100%; height: 10px; background: -moz-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -webkit-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -o-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -ms-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: linear-gradient( to left, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a4d1', endColorstr='#15ac97'); z-index: 2; } footer .footer-menu-wrap { position: relative; } footer .footer-menu-wrap:before { content: ''; position: absolute; left: 0; top: 85px; width: 100%; height: 1px; background: #c8d3d8; } @media screen and (max-width: 1900px) { footer .footer-menu-wrap:before { display: none; } } footer .footer-menu-wrap .first-row, footer .footer-menu-wrap .second-row, footer .footer-menu-wrap .third-row { width: 1830px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-row, footer .footer-menu-wrap .second-row, footer .footer-menu-wrap .third-row { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-row, footer .footer-menu-wrap .second-row, footer .footer-menu-wrap .third-row { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-row, footer .footer-menu-wrap .second-row, footer .footer-menu-wrap .third-row { width: 768px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-row, footer .footer-menu-wrap .second-row, footer .footer-menu-wrap .third-row { width: 448px; } } footer .footer-menu-wrap .first-and-second { width: 1830px; margin: 0 auto; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: center; height: 290px; margin: 0 auto; width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: center; height: 205px; width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second { width: 768px; height: 460px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second { width: 448px; } } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .first-row, footer .footer-menu-wrap .first-and-second .second-row { min-height: 175px; padding-top: 10px; align-content: flex-start; align-items: flex-start; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .first-row, footer .footer-menu-wrap .first-and-second .second-row { min-height: 195px; padding-top: 10px; align-content: flex-start; align-items: flex-start; } } footer .footer-menu-wrap .first-and-second .first-row { height: 75px; padding-top: 10px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .first-row { max-width: 798px; position: relative; } } @media screen and (max-width: 1279px) { footer .footer-menu-wrap .first-and-second .first-row { position: relative; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .first-row { max-width: 595px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .first-row { min-height: 80px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .first-row { min-height: 400px; align-content: flex-start; justify-content: center; } } footer .footer-menu-wrap .first-and-second .first-row .logo-wrap { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 248px; min-width: 248px; min-height: 54px; height: 54px; background: url('/local/templates/main/img/logo-footer-min.png') center no-repeat; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .first-row .logo-wrap { margin-top: 10px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .first-row .logo-wrap { margin-top: 10px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .first-row .logo-wrap { margin-top: 16px; } } footer .footer-menu-wrap .first-and-second .first-row .request-call { margin-right: -10px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .first-row .request-call { position: absolute; bottom: 40px; margin-left: 0; left: 47px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .first-row .request-call { position: absolute; bottom: 42px; margin-left: 0; left: 47px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .first-row .request-call { margin-top: 15px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .first-row .request-call { margin-left: 105px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .first-row .request-call { margin-left: 0; margin-top: 70px; font-size: 18px; min-width: 220px; max-width: 240px; } } footer .footer-menu-wrap .first-and-second .second-row { justify-content: flex-end; height: 72px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .second-row { max-width: 442px; justify-content: flex-start; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .second-row { max-width: 348px; justify-content: flex-start; margin-left: 45px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .second-row { height: auto; align-items: flex-start; align-content: stretch; margin-left: 355px; max-width: 360px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .second-row { margin-left: 0; max-width: 100%; align-content: flex-start; justify-content: flex-start; justify-items: center; height: auto; } } footer .footer-menu-wrap .first-and-second .second-row .phone { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 215px; max-width: 215px; min-height: 28px; height: 28px; background: url('/local/templates/main/img/phone-icon-header-min.png') left 2px no-repeat; color: #1c2429; font-size: 20px; font-family: 'Ubuntu Medium'; text-transform: uppercase; text-transform: none; padding-left: 38px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .second-row .phone { margin-top: 22px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .second-row .phone { margin-top: 22px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .second-row .phone { min-width: 100%; max-width: 100%; text-align: left; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .second-row .phone { margin-top: 12px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .second-row .phone { margin: 0 auto; } } footer .footer-menu-wrap .first-and-second .second-row .address { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 406px; max-width: 406px; min-height: 16px; height: 16px; margin-left: 70px; color: #1c2429; font-size: 16px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .second-row .address { display: block; margin-left: 0; margin-top: 18px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .second-row .address { margin-left: 0; margin-top: 18px; } } @media screen and (max-width: 1279px) { footer .footer-menu-wrap .first-and-second .second-row .address { min-width: 100%; max-width: 100%; text-align: left; line-height: 18px; } } @media screen and (max-width: 1023px) { footer .footer-menu-wrap .first-and-second .second-row .address { height: auto; } } @media screen and (max-width: 1023px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .second-row .address { margin-left: 0; margin-top: 15px; padding-right: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .second-row .address { min-width: 285px; max-width: 285px; margin: 20px auto 0 auto; font-size: 16px; text-align: center; } } footer .footer-menu-wrap .first-and-second .second-row .social-media { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 535px; min-height: 26px; /*height: 26px;*/ margin: 0 0 0 70px; color: #1c2429; font-size: 16px; font-family: 'Ubuntu Medium'; text-transform: uppercase; text-transform: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; } .year-copyright { margin-top: 18px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .second-row .social-media { margin-left: 0; margin-top: 18px; max-width: 370px; display: block; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { footer .footer-menu-wrap .first-and-second .second-row .social-media { margin-top: 36px; display: block; } } @media screen and (max-width: 1279px) { footer .footer-menu-wrap .first-and-second .second-row .social-media { max-width: 100%; margin-left: 0; } } @media screen and (max-width: 1023px) { footer .footer-menu-wrap .first-and-second .second-row .social-media { height: auto; display: block; margin-top: 18px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .second-row .social-media { max-width: 350px; margin: 18px auto 0 auto; justify-items: center; } } footer .footer-menu-wrap .first-and-second .second-row .social-media .icons { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; min-width: 165px; max-width: 165px; margin-left: 22px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .first-and-second .second-row .social-media .icons { margin: 12px 0 0 0; } } @media screen and (max-width: 1279px) and (min-width: 800px) { footer .footer-menu-wrap .first-and-second .second-row .social-media .icons { margin: 12px 0 0 2px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .first-and-second .second-row .social-media .icons { text-align: center; margin: 10px auto 0 auto; } } footer .footer-menu-wrap .first-and-second .second-row .social-media .icons a { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 26px; margin-right: 20px; } footer .footer-menu-wrap .first-and-second .second-row .social-media .icons a:last-child { margin-right: 0; } footer .footer-menu-wrap .third-row { height: 43px; align-items: flex-start; } @media screen and (max-width: 1023px) { footer .footer-menu-wrap .third-row { height: 73px; align-items: center; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .third-row { margin-top: 45px; height: 93px; } } footer .footer-menu-wrap .third-row:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 43px; background: #e7eff3; z-index: 0; } @media screen and (max-width: 1023px) { footer .footer-menu-wrap .third-row:before { height: 73px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .third-row:before { height: 93px; } } footer .footer-menu-wrap .third-row .copyright-oferta, footer .footer-menu-wrap .third-row .copyright { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; /*min-width: 50%;*/ max-width: 50%; min-height: 100%; height: 100%; line-height: 43px; color: #1c2429; font-size: 14px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; z-index: 1; } @media screen and (max-width: 1023px) { footer .footer-menu-wrap .third-row .copyright-oferta, footer .footer-menu-wrap .third-row .copyright { min-width: 100%; max-width: 100%; text-align: center !important; min-height: auto; height: auto; line-height: 14px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .third-row .copyright-oferta, footer .footer-menu-wrap .third-row .copyright { line-height: 20px; } } footer .footer-menu-wrap .third-row .copyright { color: #1c2429; font-size: 14px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; text-align: right; } @media screen and (max-width: 1023px) { footer .footer-menu-wrap .third-row .copyright { margin-top: 10px; } } @media screen and (max-width: 799px) { footer .footer-menu-wrap .third-row .copyright { margin-top: 7px; } } footer .footer-menu-wrap .request-call { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 200px; min-height: 40px; height: 40px; text-align: center; color: white; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #15ac97; cursor: pointer; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 200px; min-width: 200px; min-height: 40px; height: 40px; margin-left: 40px; } footer .footer-menu-wrap .request-call:hover:not(.noHover) { background: rgba(21, 172, 151, 0.8); } @media screen and (max-width: 1900px) and (min-width: 1280px) { footer .footer-menu-wrap .request-call { margin-left: 50px; } } footer * { transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .agreement-checkbox, .email-terms-checkbox { white-space: nowrap; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: center; } .agreement-checkbox .checkbox, .email-terms-checkbox .checkbox { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 34px; max-width: 34px; min-height: 34px; background: white; position: relative; margin-right: 12px; border: 1px solid white; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; border-radius: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .agreement-checkbox .checkbox input, .email-terms-checkbox .checkbox input { display: none !important; } .agreement-checkbox .checkbox .icon, .email-terms-checkbox .checkbox .icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url('/local/templates/main/img/agreement-checkbox-min.png') center no-repeat; display: none; } .agreement-checkbox .checkbox.active .icon, .email-terms-checkbox .checkbox.active .icon { display: block; } .agreement-checkbox .checkbox.error, .email-terms-checkbox .checkbox.error { border: 1px solid red; } .agreement-checkbox .text, .email-terms-checkbox .text { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 485px; min-height: 16px; line-height: 16px; color: #1c2429; font-size: 14px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; white-space: normal; letter-spacing: 0.28px; } @media screen and (max-width: 799px) { .agreement-checkbox .text, .email-terms-checkbox .text { max-width: 400px; } } .agreement-checkbox .text a, .email-terms-checkbox .text a { color: #1c2429; font-size: 14px; font-family: 'Ubuntu'; text-transform: uppercase; line-height: 16px; text-transform: none; letter-spacing: 0.28px; } .agreement-checkbox .text a:hover:not(.noHover), .email-terms-checkbox .text a:hover:not(.noHover) { text-decoration: none; } .contacts-wrap { position: relative; padding-top: 10px; margin: 0 auto; max-width: 1920px; overflow: hidden; } .contacts-wrap:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: -moz-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -webkit-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -o-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -ms-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: linear-gradient( to left, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a4d1', endColorstr='#15ac97'); z-index: 2; } @media screen and (min-width: 1024px) { .contacts-wrap .info-and-map { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: center; align-content: unset; } } .contacts-wrap .info-and-map .contacts-info { max-width: 780px; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .contacts-wrap .info-and-map .contacts-info { min-width: 518px; max-width: 40%; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .contacts-wrap .info-and-map .contacts-info { min-width: 512px; max-width: 50%; } } @media screen and (max-width: 1023px) { .contacts-wrap .info-and-map .contacts-info { max-width: 100%; } } .contacts-wrap .info-and-map .contacts-info .addresses-wrap { background: #eef4f8; text-align: center; padding: 55px 0 50px 0; } @media screen and (max-width: 799px) { .contacts-wrap .info-and-map .contacts-info .addresses-wrap .company-name, .contacts-wrap .info-and-map .contacts-info .addresses-wrap .row { max-width: 345px; margin: 0 auto; } } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .company-name { color: #15ac97; font-size: 28px; font-family: 'Ubuntu Medium'; text-transform: uppercase; line-height: 26px; position: relative; padding-bottom: 22px; } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .company-name:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -87.5px; width: 175px; height: 2px; background: #d3e1e6; } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .row { margin-top: 38px; } @media screen and (max-width: 799px) { .contacts-wrap .info-and-map .contacts-info .addresses-wrap .row { margin-top: 35px; } } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .row .name { color: #1c2429; font-size: 20px; font-family: 'Ubuntu Medium'; text-transform: uppercase; } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .row .value { color: #1c2429; font-size: 18px; font-family: 'Ubuntu'; text-transform: uppercase; margin-top: 5px; text-transform: none; } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .button-to-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 200px; min-height: 40px; height: 40px; text-align: center; color: white; font-size: 16px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #15ac97; cursor: pointer; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 250px; max-width: 250px; min-height: 50px; margin: 40px auto 0 auto; text-decoration: none; } .contacts-wrap .info-and-map .contacts-info .addresses-wrap .button-to-nav:hover:not(.noHover) { background: rgba(21, 172, 151, 0.8); } .contacts-wrap .info-and-map .contacts-info .phone-and-email { padding: 30px 0 40px 0; text-align: center; border-bottom: 1px solid #eff4f8; } .contacts-wrap .info-and-map .contacts-info .phone-and-email .phone, .contacts-wrap .info-and-map .contacts-info .phone-and-email .email, .contacts-wrap .info-and-map .contacts-info .phone-and-email .work-hours { color: #1c2429; font-size: 23px; font-family: 'Ubuntu Medium'; text-transform: uppercase; text-transform: none; display: table; margin: 17px auto 0 auto; } .contacts-wrap .info-and-map .contacts-info .phone-and-email .email { font-size: 20px; text-decoration: none; } .contacts-wrap .info-and-map .contacts-info .phone-and-email .email:hover { text-decoration: underline; } .contacts-wrap .info-and-map .contacts-info .phone-and-email .work-hours { font-size: 20px; } .contacts-wrap .info-and-map .contacts-info .phone-and-email .gps { color: #1c2429; font-size: 18px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; margin-top: 35px; } .contacts-wrap .info-and-map .yandex-map { position: relative; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media screen and (max-width: 1900px) { .contacts-wrap .info-and-map .yandex-map { min-width: auto; max-width: 60%; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .contacts-wrap .info-and-map .yandex-map { max-width: 50%; } } @media screen and (max-width: 1023px) { .contacts-wrap .info-and-map .yandex-map { max-width: 100%; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .contacts-wrap .info-and-map .yandex-map { height: 660px !important; } } @media screen and (max-width: 767px) { .contacts-wrap .info-and-map .yandex-map { height: 350px !important; } } .contacts-wrap .info-and-map .yandex-map #map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; } .center-map .title { color: #1c2429; font-size: 30px; line-height: 36px; font-family: 'Ubuntu Bold'; text-transform: uppercase; padding-top: 65px; text-align: center; } .center-map .map-wrap { height: 772px; margin-top: 40px; padding-top: 10px; position: relative; background: url('/local/templates/main/img/karta-min.jpg') center 10px no-repeat; background-size: cover; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .center-map .map-wrap { background-size: auto; height: 704px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .center-map .map-wrap { height: 620px; background: url('/local/templates/main/img/karta-1024-min.jpg') center 10px no-repeat; background-size: cover; } } @media screen and (max-width: 799px) { .center-map .map-wrap { height: 455px; background: url('/local/templates/main/img/karta-480-min.jpg') center 10px no-repeat; background-size: cover; } } .center-map .map-wrap:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: -moz-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -webkit-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -o-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -ms-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: linear-gradient( to left, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a4d1', endColorstr='#15ac97'); } .center-map .map-wrap .excursion-button { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 200px; min-height: 40px; height: 40px; text-align: center; color: white; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #15ac97; cursor: pointer; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 495px; max-width: 495px; min-height: 50px; position: absolute; bottom: 55px; left: 50%; margin-left: -247.5px; font-size: 18px; -webkit-box-shadow: 0 1px 14px rgba(6, 47, 41, 0.49); -moz-box-shadow: 0 1px 14px rgba(6, 47, 41, 0.49); box-shadow: 0 1px 14px rgba(6, 47, 41, 0.49); } .center-map .map-wrap .excursion-button:hover:not(.noHover) { background: rgba(21, 172, 151, 0.8); } @media screen and (max-width: 799px) { .center-map .map-wrap .excursion-button { min-width: 90%; max-width: 90%; padding: 0; bottom: 50px; margin-left: -45%; } } .form-wrap-contacts { background: url('/local/templates/main/img/contacts-form-min.jpg') center no-repeat; height: 594px; background-size: cover !important; margin: 0 auto; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .form-wrap-contacts { background: url('/local/templates/main/img/contacts-form-1024-min.jpg') center no-repeat; } } @media screen and (max-width: 1023px) { .form-wrap-contacts { background: url('/local/templates/main/img/contacts-form-800-min.jpg') center no-repeat; } } @media screen and (max-width: 799px) { .form-wrap-contacts { height: 620px; background: url('/local/templates/main/img/contacts-form-480-min.jpg') center no-repeat; } } .company-page .slider-wrap { margin-top: 15px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .company-page .slider-wrap div.slider { height: 591px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .company-page .slider-wrap div.slider { height: 490px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .company-page .slider-wrap div.slider { height: 453px; } } @media screen and (max-width: 799px) { .company-page .slider-wrap div.slider { height: 352px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .company-page .slider-wrap div.slider-wrapper { top: 0; bottom: 0; } } .company-page .our-goal { background: #eef4f8; } .company-page .our-goal h1 { padding-top: 75px; margin-top: 0; } @media screen and (max-width: 799px) { .company-page .our-goal h1 { padding-top: 60px; padding-bottom: 30px; } } .image-vacancies { height: 721px; background: url('/local/templates/main/img/vacancies-banner-min.jpg') center no-repeat; width: 100%; margin: 70px auto 0 auto; max-width: 1920px; background-size: contain; } @media screen and (max-width: 1023px) and (min-width: 800px) { .image-vacancies { height: 513px; } } @media screen and (max-width: 799px) { .image-vacancies { height: 299px; } } .bottom-text-vacancies { width: 1830px; margin: 70px auto; position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: center; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .bottom-text-vacancies { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .bottom-text-vacancies { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .bottom-text-vacancies { width: 768px; } } @media screen and (max-width: 799px) { .bottom-text-vacancies { max-width: calc(100% - 30px); } } @media screen and (max-width: 1279px) { .bottom-text-vacancies { margin: 50px auto; } } @media screen and (max-width: 1279px) { .bottom-text-vacancies h2 { text-align: center; } } .bottom-text-vacancies .first, .bottom-text-vacancies .second { padding: 0 43px; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 900px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #1c2429; font-size: 18px; font-family: 'Ubuntu Light'; text-transform: uppercase; line-height: 22px; text-transform: none; letter-spacing: 0.72px; } @media screen and (max-width: 1900px) { .bottom-text-vacancies .first, .bottom-text-vacancies .second { padding: 0 15px 0 0; } } @media screen and (max-width: 1900px) and (min-width: 1280px) { .bottom-text-vacancies .first, .bottom-text-vacancies .second { max-width: 604px; } } @media screen and (max-width: 1279px) { .bottom-text-vacancies .first, .bottom-text-vacancies .second { text-align: center; max-width: 100%; padding: 0; } } .bottom-text-vacancies .first.one, .bottom-text-vacancies .second.one { max-width: 100%; } @media screen and (max-width: 1279px) { .bottom-text-vacancies .second { margin-top: 20px; } } .porydok-wrap { position: relative; padding: 10px 0 75px 0; background: #eef4f8; margin-top: 65px; } .porydok-wrap:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: -moz-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -webkit-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -o-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -ms-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: linear-gradient( to left, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a4d1', endColorstr='#15ac97'); z-index: 2; } .porydok-wrap .title { color: #1c2429; font-size: 40px; font-family: 'Ubuntu Bold'; text-transform: uppercase; margin-top: 65px; text-align: center; } @media screen and (max-width: 1900px) { .porydok-wrap .title { font-size: 36px; line-height: 40px; } } @media screen and (max-width: 799px) { .porydok-wrap .title { margin: 45px 15px 0 15px } } .porydok-wrap .list { margin-top: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; } @media screen and (max-width: 1279px) { .porydok-wrap .list { margin-bottom: -30px; } } .porydok-wrap .list .block { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 435px; min-height: 307px; height: 307px; background: white; position: relative; margin-right: 30px; z-index: 1; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .porydok-wrap .list .block { max-width: 286px; min-height: 385px; height: 385px; } } @media screen and (max-width: 1279px) { .porydok-wrap .list .block { min-height: 307px; height: 307px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .porydok-wrap .list .block { max-width: 478px; } } @media screen and (max-width: 1279px) { .porydok-wrap .list .block { margin-bottom: 30px; } .porydok-wrap .list .block:nth-child(2n + 2) { margin-right: 0; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .porydok-wrap .list .block { max-width: 369px; } } @media screen and (max-width: 799px) { .porydok-wrap .list .block { max-width: 448px; margin-right: 0; } } .porydok-wrap .list .block:last-child { margin-right: 0; } .porydok-wrap .list .block:nth-child(even) { background: #6b7b84; } .porydok-wrap .list .block:nth-child(even) .text-wrap .text { color: white; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .porydok-wrap .list .block:nth-child(2) .text-wrap { padding-top: 20px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .porydok-wrap .list .block:nth-child(3) { background: #6b7b84; } } .porydok-wrap .list .block:nth-child(3) .text-wrap { padding: 30px 35px 0 35px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .porydok-wrap .list .block:nth-child(3) .text-wrap { padding: 30px 10px 0 10px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .porydok-wrap .list .block:nth-child(3) .text-wrap { padding: 30px 40px 0 40px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .porydok-wrap .list .block:nth-child(3) .text-wrap { padding: 30px 8px 0 8px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .porydok-wrap .list .block:nth-child(3) .text-wrap .text { color: white; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .porydok-wrap .list .block:nth-child(4) { background: white; } } @media screen and (max-width: 1900px) and (min-width: 1280px) { .porydok-wrap .list .block:nth-child(4) .text-wrap { padding-top: 20px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .porydok-wrap .list .block:nth-child(4) .text-wrap .text { color: #1c2429; } } .porydok-wrap .list .block .number { position: absolute; width: 87px; height: 87px; -webkit-border-radius: 87px; -moz-border-radius: 87px; -ms-border-radius: 87px; border-radius: 87px; background: #eef4f8; line-height: 100px; text-align: center; color: #15ac97; font-size: 50px; font-family: 'Ubuntu'; text-transform: uppercase; left: 50%; margin-left: -43.5px; top: -43.5px; z-index: 1; } .porydok-wrap .list .block .text-wrap { position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 35px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .porydok-wrap .list .block .text-wrap { padding: 0 15px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .porydok-wrap .list .block .text-wrap { padding: 0 5px; } } .porydok-wrap .list .block .text-wrap .text { color: #1c2429; font-size: 18px; font-family: 'Ubuntu Medium'; text-transform: uppercase; line-height: 26px; text-transform: none; text-align: center; letter-spacing: 0.72px; } @media screen and (max-width: 1023px) and (min-width: 800px) { .porydok-wrap .list .block .text-wrap .text { letter-spacing: 0.42px; } } .porydok-wrap .text-after-list { color: #1c2429; font-size: 18px; font-family: 'Ubuntu Medium'; text-transform: uppercase; line-height: 26px; text-transform: none; text-align: center; letter-spacing: 0.72px; width: 1830px; margin: 25px auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .porydok-wrap .text-after-list { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .porydok-wrap .text-after-list { width: 988px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .porydok-wrap .text-after-list { width: 768px; padding: 0 50px; } } @media screen and (max-width: 799px) { .porydok-wrap .text-after-list { max-width: calc(100% - 30px); } } .page-404 { width: 100%; height: 807px; background: url('/local/templates/main/img/BG-404-min.jpg') center no-repeat; background-size: cover !important; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .page-404 { background: url('/local/templates/main/img/BG-404-1280-min.jpg') center no-repeat; height: 671px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .page-404 { background: url('/local/templates/main/img/BG-404-1024-min.jpg') center no-repeat; height: 631px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .page-404 { background: url('/local/templates/main/img/BG-404-800-min.jpg') center no-repeat; height: 638px; } } @media screen and (max-width: 799px) { .page-404 { background: url('/local/templates/main/img/BG-404-480-min.jpg') center no-repeat; height: 535px; } } .page-404:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-404 .wrap { width: 240px; margin: 0 auto; padding-top: 520px; } @media screen and (max-width: 1900px) and (min-width: 1280px) { .page-404 .wrap { padding-top: 427px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .page-404 .wrap { padding-top: 422px; } } @media screen and (max-width: 799px) { .page-404 .wrap { padding-top: 320px; } } .page-404 .wrap .first-line { color: #1c2429; font-size: 44px; font-family: 'Ubuntu Bold'; text-transform: uppercase; text-align: center; } @media screen and (max-width: 1900px) and (min-width: 800px) { .page-404 .wrap .first-line { font-size: 45px; } } @media screen and (max-width: 799px) { .page-404 .wrap .first-line { font-size: 30px; } } .page-404 .wrap .main-button { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 200px; min-height: 40px; height: 40px; text-align: center; color: white; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #15ac97; cursor: pointer; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 244px; max-width: 244px; text-decoration: none; margin-top: 40px; } .page-404 .wrap .main-button:hover:not(.noHover) { background: rgba(21, 172, 151, 0.8); } @media screen and (max-width: 799px) { .page-404 .wrap .main-button { margin-top: 25px; } } html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: fixed; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; top: 50%; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; margin-top: -20px; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ''; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/local/templates/main/img/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/local/templates/main/img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/local/templates/main/img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ''; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; display: none; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/local/templates/main/img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; cursor: pointer; } .content-form.fixedBlock { height: auto; top: 100px; position: absolute; width: 716px; left: 50%; margin-left: -300px; background: #eef4f8; -webkit-box-shadow: 0 3px 19px rgba(86, 88, 88, 0.15); -moz-box-shadow: 0 3px 19px rgba(86, 88, 88, 0.15); box-shadow: 0 3px 19px rgba(86, 88, 88, 0.15); z-index: 1001; display: none; } @media screen and (max-width: 799px) { .content-form.fixedBlock { width: 90%; margin-left: 0; top: 0; left: 50%; transform: translate(-50%, 0); } } .content-form.fixedBlock.fade-animate { display: block !important; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation: fadeAnimate 0.4s linear; animation: fadeAnimate 0.4s linear; max-height: 100vh; overflow-y: auto; overflow-x: auto; } @-webkit-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .content-form.fixedBlock.scroll { top: 30px !important; } .content-form.fixedBlock.scroll .validateForm { overflow-y: auto; height: 100%; } @media screen and (max-width: 799px) { .content-form.fixedBlock .validateForm { padding-bottom: 65px; padding-top: 30px; padding-left: 15px; padding-right: 15px; } } .content-form .access-message { position: absolute; background-color: white; width: 100%; height: 100%; display: none; left: 0; top: 0; z-index: 5; } .content-form .access-message .message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; color: #1c2429; font-size: 22px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; text-align: center; height: 90px; } .content-form .exit { position: absolute; background: url('/local/templates/main/img/exit-form-icon-min.png') center no-repeat; width: 24px; height: 24px; right: 10px; top: 10px; cursor: pointer; } @media screen and (max-width: 799px) { .content-form .exit { right: 10px; } } .content-form .validateForm { padding: 55px 0 75px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } @media screen and (max-width: 799px) { .content-form .validateForm { width: calc(100% - 30px); } } .content-form .validateForm .name-form { color: #1c2429; font-size: 26px; font-family: 'Ubuntu Bold'; text-transform: uppercase; text-align: center; max-width: 500px; margin: 0 auto; } @media screen and (max-width: 1279px) { .content-form .validateForm .name-form { font-size: 36px; line-height: 46px; } } @media screen and (max-width: 799px) { .content-form .validateForm .name-form { font-size: 18px; line-height: 22px; } } .content-form .validateForm .errors-wrap .error { color: #ff133f; font-size: 15px; font-family: 'Ubuntu Medium'; text-transform: uppercase; text-transform: none; text-align: center; margin-top: 15px; margin-bottom: 0; white-space: normal; line-height: 16px; } .content-form .validateForm .errors-wrap .error.agreement { display: none; margin-bottom: 15px; } .content-form .validateForm .inputs { position: relative; margin-top: 45px; padding: 0 92px; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs { margin-top: 20px; padding: 0; } } .content-form .validateForm .inputs .input-wrap { position: relative; margin-top: 18px; min-height: 72px; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap { min-height: unset; } } .content-form .validateForm .inputs .input-wrap .name:not(.file) { color: black; font-size: 16px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; padding-left: 10px; margin-bottom: 5px; display: none; } .content-form .validateForm .inputs .input-wrap input, .content-form .validateForm .inputs .input-wrap textarea { width: 100%; display: block; color: #1c2429; font-size: 18px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; background: white; border: 0; text-align: center; padding: 0 10px; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-form .validateForm .inputs .input-wrap input:focus, .content-form .validateForm .inputs .input-wrap textarea:focus { -webkit-box-shadow: inset 0 2px 3px rgba(28, 36, 41, 0.3); -moz-box-shadow: inset 0 2px 3px rgba(28, 36, 41, 0.3); box-shadow: inset 0 2px 3px rgba(28, 36, 41, 0.3); } .content-form .validateForm .inputs .input-wrap input { height: 72px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap input { height: 40px; } } .content-form .validateForm .inputs .input-wrap input[type='hidden'] { display: none; } .content-form .validateForm .inputs .input-wrap textarea { width: 100%; height: 158px; padding-top: 20px; resize: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap textarea { height: 125px; } } .content-form .validateForm .inputs .input-wrap.file { min-height: 33px; max-height: 57px; margin-top: 18px; overflow: hidden; white-space: nowrap; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap.file { max-height: none; height: auto; } } .content-form .validateForm .inputs .input-wrap.file input { position: absolute; top: 0; width: 231px; height: 40px; opacity: 0; overflow: hidden; cursor: pointer; padding: 0; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap.file input { left: 50%; margin-left: -115px; } } .content-form .validateForm .inputs .input-wrap.file .file-name, .content-form .validateForm .inputs .input-wrap.file .name-input-file { display: inline-block; vertical-align: top; white-space: normal; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-form .validateForm .inputs .input-wrap.file .name-input-file { width: 231px; color: #15ac97; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; margin-right: 15px; cursor: pointer; text-align: center; border: 1px solid #15ac97; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap.file .name-input-file { margin: 0 auto; display: block; } } .content-form .validateForm .inputs .input-wrap.file .name-input-file.error { border: 1px solid #ff133f; } .content-form .validateForm .inputs .input-wrap.file .name-input-file:hover:not(.noHover) { text-decoration: none; } .content-form .validateForm .inputs .input-wrap.file .file-name { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; white-space: normal; max-width: 278px; color: #1c2429; font-size: 16px; font-family: 'Ubuntu'; text-transform: uppercase; text-transform: none; padding-right: 35px; word-break: break-all; } @media screen and (max-width: 799px) { .content-form .validateForm .inputs .input-wrap.file .file-name { display: block; max-width: 100%; height: auto; line-height: initial; margin-top: 10px; text-align: center; } } .content-form .validateForm .inputs .input-wrap.file .file-name .delete { position: absolute; right: 0; top: 50%; margin-top: -7px; background: url('/local/templates/main/img/delete-file-icon.png') center no-repeat; width: 14px; height: 14px; cursor: pointer; } .content-form .validateForm .button-wrap { padding: 25px 92px 0 92px; display: block; } @media screen and (max-width: 799px) { .content-form .validateForm .button-wrap { padding: 10px 0 0 0; } } .content-form .validateForm .button-wrap .button { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; align-items: center; min-width: 200px; max-width: 200px; min-height: 40px; height: 40px; text-align: center; color: white; font-size: 13px; font-family: 'Ubuntu Medium'; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background: #15ac97; cursor: pointer; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; min-width: 265px; max-width: 265px; min-height: 55px; margin: 28px auto 0 auto; } .content-form .validateForm .button-wrap .button:hover:not(.noHover) { background: rgba(21, 172, 151, 0.8); } @media screen and (max-width: 761px) { .video-carousel-wrap .video-carousel .carousel-wrapper .carousel-items .block .video-block { min-height: auto; height: auto; } .video-carousel-wrap .video-carousel .carousel-wrapper .carousel-items .block .video-block .video { width: 100%; height: 400px; min-height: auto; position: relative; } } @media screen and (max-width: 630px) { .video-carousel-wrap .video-carousel .carousel-wrapper .carousel-items .block .video-block .video { height: 310px; } } @media screen and (max-width: 500px) { .video-carousel-wrap .video-carousel .carousel-wrapper .carousel-items .block .video-block .video { height: 245px; } } @media screen and (max-width: 420px) { .video-carousel-wrap .video-carousel .carousel-wrapper .carousel-items .block .video-block .video { height: 245px; } } /*# sourceMappingURL=template_styles.css.map */ .main-footer-links a { margin: 0 0 6px; } @media screen and (max-width: 799px) { .main-footer-links a { font-size: 12px; line-height: 1.08; } } .request-call-bottom form { max-width: 800px; margin: 0 auto; } /* Блок стоимость */ .stoimost-box { padding: 40px 35px 30px; background: #eef4f8; border: 1px solid #e0e7eb; box-sizing: border-box; max-width: 702px; margin: 30px auto; } .stoimost-box ul { list-style: none; padding: 0 !important; margin: 20px 0 30px !important; } .stoimost-box li, .stoimost-box p { font-family: Ubuntu !important; font-style: normal; font-weight: normal; font-size: 17px !important; line-height: 22px !important; color: #1c2429 !important; margin: 0 0 5px !important; } .stoimost-box li:after { content: none !important; } .stoimost-box .name { font-style: normal; font-weight: bold; font-size: 22px !important; line-height: 22px !important; text-align: center; text-transform: uppercase; color: #15ac97 !important; margin: 0 0 60px !important; display: flex; align-items: center; justify-content: center; position: relative; } .stoimost-box .name:before { content: ''; background: #15ac97; width: 80px; height: 1px; display: block; position: absolute; bottom: -25px; } .stoimost-box .description { position: relative; font-size: 17px !important; line-height: 22px !important; color: #6b7a83 !important; padding: 0 0 0 50px; } .stoimost-box .description:before { content: ''; width: 26px; height: 26px; position: absolute; display: block; top: 20px; background: #bbb; left: 0; background: url(/local/templates/main/img/icon-info.svg) no-repeat center center; } .request-pixel-wrap .stoimost-box { padding: 0; border: 0; background: inherit; } .request-pixel-wrap .stoimost-box .name { margin: 40px 0 20px !important; } .request-pixel-wrap .stoimost-box .name:before { bottom: auto; top: -21px; } .request-pixel-wrap .stoimost-box li:nth-child(3) b { display: block; } @media screen and (max-width: 799px) { .stoimost-box .description { padding: 50px 0 0 0; font-size: 14px !important; text-align: center; } .stoimost-box .description:before { top: 0; left: 45%; width: 32px; height: 32px; background-size: 100% 100% !important; } .stoimost-box li, .stoimost-box p { font-size: 14px !important; } .stoimost-box .name { font-size: 20px !important; margin: 0 0 50px !important; } .stoimost-box li { margin: 0 0 25px !important; } .stoimost-box p { text-align: center; } .stoimost-box ul { margin: 30px 0 10px !important; } .stoimost-box li:nth-child(1) b, .stoimost-box li:nth-child(2) b { display: block; } } .reabilitation.--new .reabilitation-grid { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .reabilitation.--new .reabilitation-grid__item { flex: 1 1 calc(33% - 2rem); width: calc(33% - 2rem); margin-right: 0.5rem; margin-left: 0.5rem; position: relative; margin-bottom: 0.5rem; } .reabilitation-grid__item:before { content: ''; position: absolute; top: 50%; left: 50%; width: calc(100% - 24px); height: calc(100% - 24px); transform: translate(-50%, -50%); border: 4px solid #ffffff; border-radius: 5px; z-index: 3; } .reabilitation-grid__item-link { position: relative; top: 0; left: 50%; width: calc(100% + 4px); height: calc(100% + 4px); z-index: 9; transform: translate(-50%, 0); font-size: 24px; line-height: 27px; color: #083a31; text-decoration: none; display: flex; align-items: center; justify-content: center; padding: 30px; text-align: center; font-family: 'Ubuntu Medium'; } .reabilitation.--new .reabilitation-grid__item-title { font-size: 24px; margin: auto; line-height: 27px; } .reabilitation.--new .reabilitation-grid__item-image, .reabilitation.--new .reabilitation-grid__item-title { z-index: 2; } .reabilitation.--new .reabilitation-grid__item-image, .reabilitation.--new .reabilitation-grid__item-title { z-index: 2; } .reabilitation-grid__item-title { text-align: center; margin-bottom: 0; color: #083a31; font-size: 30px; font-family: 'Ubuntu Medium'; padding: 30px; line-height: 30px; z-index: 3; position: relative; } .show-all-reabilitation { display: none; color: #fff; font-size: 15px; font-family: 'Ubuntu Bold'; padding: 9px 47px; text-align: center; background: #08b6a7; border-radius: 42px; text-decoration: none; margin: 0 auto; margin-top: 20px; box-shadow: 0px 4px 11px rgb(0 0 0 / 13%); } .reabilitation-grid__item-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; opacity: 0.1; border-radius: 5px; } .reabilitation.--new .reabilitation-grid__item:after { content: ''; position: absolute; top: 0%; left: 0%; width: calc(100% - 0px); height: calc(100% - 0px); background: rgb(253, 236, 219); background: linear-gradient( 180deg, rgba(253, 236, 219, 1) 0%, rgba(252, 231, 237, 1) 100% ); z-index: 1; } .reabilitation.--new .reabilitation-grid__item:after { content: ''; position: absolute; top: 0%; left: 0%; width: calc(100% - 0px); height: calc(100% - 0px); background: rgb(253, 236, 219); background: linear-gradient( 180deg, rgba(253, 236, 219, 1) 0%, rgba(252, 231, 237, 1) 100% ); z-index: 1; } .reabilitation.--new .reabilitation-grid__item-image, .reabilitation.--new .reabilitation-grid__item-title { z-index: 2; } .reabilitation.--new .reabilitation-grid__item-title { font-size: 24px; line-height: 27px; } .reabilitation.--new .reabilitation-grid:before { content: none; } .reabilitation.--new .reabilitation-grid__item:nth-child(4):after { background: rgb(252, 231, 237); background: linear-gradient( 180deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(5):after { background: rgb(252, 231, 237); background: linear-gradient( 180deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(6):after { background: rgb(252, 231, 237); background: linear-gradient( 180deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(7):after { background: rgb(227, 237, 239); background: linear-gradient( 180deg, rgba(227, 237, 239, 1) 0%, rgba(211, 242, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(8):after { background: rgb(227, 237, 239); background: linear-gradient( 180deg, rgba(227, 237, 239, 1) 0%, rgba(211, 242, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(9):after { background: rgb(227, 237, 239); background: linear-gradient( 180deg, rgba(227, 237, 239, 1) 0%, rgba(211, 242, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(10):after { background: rgb(227, 237, 239); background: linear-gradient( 0deg, rgba(227, 237, 239, 1) 0%, rgba(211, 242, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(11):after { background: rgb(227, 237, 239); background: linear-gradient( 0deg, rgba(227, 237, 239, 1) 0%, rgba(211, 242, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(12):after { background: rgb(227, 237, 239); background: linear-gradient( 0deg, rgba(227, 237, 239, 1) 0%, rgba(211, 242, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(13):after { background: rgb(252, 231, 237); background: linear-gradient( 0deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(14):after { background: rgb(252, 231, 237); background: linear-gradient( 0deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(15):after { background: rgb(252, 231, 237); background: linear-gradient( 0deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(16):after { background: rgb(253, 236, 219); background: linear-gradient( 0deg, rgba(253, 236, 219, 1) 0%, rgba(252, 231, 237, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(17):after { background: rgb(253, 236, 219); background: linear-gradient( 0deg, rgba(253, 236, 219, 1) 0%, rgba(252, 231, 237, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:nth-child(18):after { background: rgb(253, 236, 219); background: linear-gradient( 0deg, rgba(253, 236, 219, 1) 0%, rgba(252, 231, 237, 1) 100% ); } .reabilitation.--new .reabilitation-grid__item:hover:after { background:linear-gradient(0deg, rgba(252, 231, 237, 1) 0%, rgba(227, 237, 239, 1) 100%) !important; } @media screen and (max-width: 1133px) { .reabilitation.--new .reabilitation-grid { flex-direction: column; width: 100%; } .reabilitation.--new .reabilitation-grid__item { flex: 1; width: 100%; display: none; height: 0; opacity: 0; transition: all 0.3s; } .reabilitation.--new .reabilitation-grid__item.active { display: flex; height: auto; opacity: 1; } .reabilitation.--new .reabilitation-grid__item:nth-child(1), .reabilitation.--new .reabilitation-grid__item:nth-child(2), .reabilitation.--new .reabilitation-grid__item:nth-child(3) { display: flex !important; height: auto; opacity: 1; } } .article_ul { padding: 0; width: 420px; } .article_ul li:after { display: none; } .article_ul li { display: flex; align-items: center; } .article_ul li img { margin-right: 30px; } .whowhen { padding: 50px 0; background: url('https://www.blagorc.ru/upload/reabilitation/whowhen/bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center; } .whowhen-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 200px; } .whowhen-grid__item { display: flex; align-items: center; } .whowhen-grid__item-icon { width: 70px; height: auto; margin-right: 30px; } .whowhen-grid__item-info-title { margin-bottom: 10px; color: #495254; font-size: 20px; font-family: 'Ubuntu Bold'; } .whowhen-grid__item-info-text { margin-bottom: 0; color: #495254; font-size: 14px; font-family: 'Ubuntu'; opacity: 0.7; } @media screen and (max-width: 1133px) { .whowhen-grid { margin-top: 30px; grid-template-columns: 1fr; grid-gap: 25px; } } .detail-text img { max-width: 100%; height: auto; } footer .Инстаграм, footer .instagram, footer .facebook { display: none; } .what-grid__item { position: relative; } .what-grid__item-more { margin-top: 1em; margin-bottom: 0; font-family: 'Ubuntu Medium'; font-size: 12px; color: #6e98aa; text-align: center; text-decoration: underline; cursor: pointer; width: 100%; padding: 10px 0; } .what-grid__item-more.active { color: #08b6a7; content: "Скрыть"; } @media screen and (hover: hover) { .what-grid__item-more:hover + .what-grid__item-more-wrap { display: block; } } /*@media screen and (hover: none) {*/ .what-grid__item-more.active + .what-grid__item-more-wrap { display: block !important; } /*}*/ .what-grid__item-more-wrap { position: absolute; top: calc(100% - 1rem); left: 50%; z-index: 1; display: none; width: 100%; padding: 2rem 1rem 1rem; text-align: center; background-color: #ffffff; border-radius: 5px; transform: translateX(-50%); box-shadow: 0 5.5px 5.5px rgb(0 0 0 / 9%); box-sizing: border-box; } .what-grid__item-more-wrap::before { content: ''; position: absolute; top: 0.5rem; left: 50%; width: 21px; height: 20px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 0C4.98 0 0.5 4.48 0.5 10C0.5 15.52 4.98 20 10.5 20C16.02 20 20.5 15.52 20.5 10C20.5 4.48 16.02 0 10.5 0ZM11.5 15H9.5V9H11.5V15ZM11.5 7H9.5V5H11.5V7Z' fill='%2308B6A7'/%3E%3C/svg%3E%0A"); background-position: center; background-size: 100%; background-repeat: no-repeat; transform: translateX(-50%); } .what-grid__item-more-text { margin-bottom: 0; font-family: 'Ubuntu Medium'; font-size: 14px; color: #6e98aa; text-align: center; } .contacts-map__info-grid__item__icon { margin-right: 25px; } .year-copyright { font-size: 16px; } .contacts-map__info-buttons-more, .contacts-map__info-buttons-fast { font-size: 15px; } @media screen and (max-width: 767px) { .header-menu-mobile-wrap ul.header-menu > li > a { font-size: 18px; } .breadcrumb { font-size: 18px; } .breadcrumb span { font-size: 18px; } .news-btn-main { font-size: 18px; } .main-footer-links { height: auto; } .main-footer-links a { margin-bottom: 10px; font-size: 18px; } .whowhen-grid__item-info-text { font-size: 18px; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li { font-size: 18px; } .slider-gallery .slider-btn.--next { transform: none; } .slider-gallery .serv-gallery__navigation { top: 40%; } .why__link, .what__link, .show-all-reviews { font-size: 18px; text-align: center; } .what-grid__item-title { font-size: 18px; } .timeline-main__item-description { font-size: 18px; } .timetable__show { font-size: 18px; } .question__description { font-size: 18px; } .contacts-map__info-grid__item__text-title { font-size: 18px !important; } .contacts-map__info-buttons-fast, .contacts-map__info-buttons-more, .specialists-slider__item-info__button { font-size: 18px; } .agreement-checkbox .text, .email-terms-checkbox .text, .agreement-checkbox .text a, .email-terms-checkbox .text a { font-size: 13px; line-height: 1.14; width: min-content; } .send-epikriz-wrap .send-epikriz form .inputs .input-wrap.file .files-more-button { font-size: 18px; } .content-form .validateForm .inputs .input-wrap.file .file-name, .content-form .validateForm .inputs .input-wrap.file .name-input-file { font-size: 18px; } .show-all-reabilitation { font-size: 18px !important; } footer .footer-menu-wrap .first-and-second .first-row { height: auto; } footer .footer-menu-wrap .first-and-second .first-row .request-call { margin-top: 50px; margin-bottom: 30px; } footer .footer-menu-wrap .first-and-second .second-row .social-media { font-size: 18px; } .year-copyright { font-size: 18px; text-align: center; } footer .footer-menu-wrap .third-row .copyright-oferta, footer .footer-menu-wrap .third-row .copyright { font-size: 18px; } .what-grid__item-more, .what-grid__item-more-text { font-size: 18px; } .what-grid__item-more-wrap { top: calc(100% - 0.3rem); padding: 2rem 0.5rem 0.5rem; } } @media screen and (max-width: 579px) { html, body { font-size: 20px; } .hero__btn, .button_base { font-size: .6rem; } } @media screen and (max-width: 479px) { .header-menu-mobile-wrap .search-form form input[name='q'] { font-size: 18px; } .specialist { padding-top: 0!important; } .what-grid { grid-template-columns: 1fr; } .question-form__row { flex-direction: column; } .question-form__submit { margin-right: 0; } .question-form__terms { margin-top: 25px; padding-left: 15px; } .question-form__terms-title, .question-form__terms-title-link { font-size: 18px !important; } .contacts-map__info-grid__item__icon { margin-right: 20px !important; } .reviews-slider__item-top-review { font-size: 18px; } .reviews-slider__item-top-review-more, .reviews-slider__item-top-left__name, .article-description__link, .reviews-slider__item-bottom-date { font-size: 18px !important; } } .page-footer { position: relative; padding-top: 0; font-family: 'Ubuntu'; } /* .page-footer::before { content: ''; position: absolute; left: 0; width: 100%; height: 10px; background: -moz-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -webkit-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -o-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: -ms-linear-gradient( right, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); background: linear-gradient( to left, #29a4d1 0%, #15ac97 30%, #e36d9f 65%, #eb8b2f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a4d1', endColorstr='#15ac97'); z-index: 2; } */ .page-footer .logo-wrap { width: 311px; height: 68px; margin-right: 1rem; background: url('/local/templates/main/img/logo-header-min.png') center / contain no-repeat; } .page-footer::before { top: 0; } .page-footer *, .page-footer *::before, .page-footer *::after { box-sizing: border-box; } .page-footer.--is-open .page-footer__menu-item { display: block; opacity: 1; } .page-footer.--is-open .page-footer__show-all-btn { transform: translate(-50%, -50%) rotate(180deg); } .page-footer.--no-map .page-footer__top .page-footer__inner { max-width: 1240px; } .page-footer.--no-map .page-footer__map-wrap { display: none; } .page-footer.--no-map .page-footer__address-wrap { width: 100%; padding-top: 0; padding-left: 0; } .page-footer.--no-map .page-footer__contacts-panel { margin-left: 0; } .page-footer.--no-map .contacts-panel__btn.--more { display: none; } .page-footer__inner { width: 100%; max-width: 1240px; margin: 0 auto; } .page-footer__top { padding-top: 50px; /* display: none; */ } .page-footer__top .page-footer__inner { display: flex; max-width: 1920px; } .page-footer__map-wrap { width: 65%; height: 432px; overflow: hidden; background: url('/upload/map-1.png') center / cover no-repeat; } .page-footer__address-wrap { position: relative; width: 35%; padding-top: 40px; padding-right: 30px; padding-left: 30px; } .page-footer__contacts-panel { max-width: 640px; margin-left: -180px; } .contacts-panel { color: #3a3a3a; background-color: #ffffff; border-radius: 5px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); } .contacts-panel__inner { padding: 30px 32px 20px; } .contacts-panel__list { display: grid; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; row-gap: 12px; column-gap: 45px; } .contacts-panel__item { padding-left: 55px; background-position: left center; background-size: auto; background-repeat: no-repeat; } .contacts-panel__item.--hours { background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16'%3E%3Cpath d='M13.4996 0C6.05593 0 0 6.05593 0 13.4996C0 20.9433 6.05593 26.9992 13.4996 26.9992C20.9433 26.9992 26.9992 20.9433 26.9992 13.4996C26.9992 6.05593 20.9433 0 13.4996 0ZM13.4996 24.1267C7.63986 24.1267 2.87221 19.3596 2.87221 13.4996C2.87221 7.63959 7.63986 2.87249 13.4996 2.87249C19.3593 2.87249 24.127 7.63959 24.127 13.4996C24.127 19.3596 19.3593 24.1267 13.4996 24.1267Z' fill='%23F79631'/%3E%3Cpath d='M20.5362 13.8288H14.4694V6.53439C14.4694 5.92054 13.9717 5.42285 13.3579 5.42285C12.744 5.42285 12.2463 5.92054 12.2463 6.53439V14.9404C12.2463 15.5542 12.744 16.0519 13.3579 16.0519H20.5362C21.15 16.0519 21.6477 15.5542 21.6477 14.9404C21.6477 14.3265 21.15 13.8288 20.5362 13.8288Z' fill='%23F79631'/%3E%3C/g%3E%3C/svg%3E%0A"); } .contacts-panel__item.--email { background-image: url("data:image/svg+xml,%3Csvg width='27' height='19' viewBox='0 0 27 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16'%3E%3Cpath d='M26.9992 17.5808V1.25574L18.2087 9.41829L26.9992 17.5808Z' fill='%2308B6A7'/%3E%3Cpath d='M13.4996 13.4532L10.9198 11.302L1.88367 18.8367H25.1155L16.0794 11.302L13.4996 13.4532Z' fill='%2308B6A7'/%3E%3Cpath d='M25.1155 0H1.88367L13.4996 11.302L25.1155 0Z' fill='%2308B6A7'/%3E%3Cpath d='M0 1.25574V17.5808L8.79044 9.41829L0 1.25574Z' fill='%2308B6A7'/%3E%3C/g%3E%3C/svg%3E%0A"); } .contacts-panel__item.--phone { background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16'%3E%3Cpath d='M20.5263 17.8605C19.6442 16.9897 18.543 16.9897 17.6666 17.8605C16.998 18.5235 16.3294 19.1865 15.6721 19.8607C15.4923 20.0461 15.3406 20.0854 15.1215 19.9618C14.6889 19.7258 14.2282 19.5348 13.8124 19.2764C11.8741 18.0572 10.2505 16.4897 8.81218 14.7255C8.09866 13.8491 7.46379 12.9108 7.01995 11.8546C6.93005 11.6411 6.94691 11.5007 7.12108 11.3265C7.78965 10.6804 8.44137 10.0174 9.09871 9.35447C10.0145 8.43307 10.0145 7.35436 9.09309 6.42735C8.57059 5.89923 8.04809 5.38234 7.52559 4.85423C6.98624 4.31487 6.4525 3.7699 5.90753 3.23616C5.02546 2.37656 3.92427 2.37656 3.04782 3.24178C2.37363 3.90474 1.72752 4.58455 1.04209 5.23627C0.407228 5.83743 0.0869858 6.57342 0.0195664 7.43302C-0.087181 8.83197 0.255534 10.1523 0.738707 11.4389C1.72752 14.1019 3.23322 16.4672 5.05917 18.6359C7.52559 21.5686 10.4696 23.889 13.9136 25.5632C15.4642 26.3161 17.0711 26.8947 18.8183 26.9903C20.0207 27.0577 21.0657 26.7543 21.9028 25.816C22.4758 25.1756 23.1219 24.5913 23.7287 23.9789C24.6276 23.0687 24.6333 21.9675 23.74 21.0686C22.6725 19.9955 21.5994 18.928 20.5263 17.8605Z' fill='%23F276AD'/%3E%3Cpath d='M19.4534 13.3828L21.5265 13.0288C21.2007 11.1242 20.3017 9.39939 18.9365 8.02853C17.4926 6.58463 15.6667 5.67447 13.6553 5.39355L13.3632 7.47794C14.9194 7.69705 16.3352 8.39934 17.4533 9.51737C18.5095 10.5736 19.2006 11.9108 19.4534 13.3828Z' fill='%23F276AD'/%3E%3Cpath d='M22.696 4.37102C20.3026 1.97764 17.2743 0.466318 13.9314 0L13.6393 2.08438C16.5271 2.4889 19.1452 3.79796 21.2127 5.85987C23.1735 7.82065 24.4601 10.2983 24.9264 13.0232L26.9996 12.6692C26.4546 9.51175 24.9658 6.64643 22.696 4.37102Z' fill='%23F276AD'/%3E%3C/g%3E%3C/svg%3E%0A"); } .contacts-panel__item.--address { background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.16' d='M9 0C4.03737 0 0 3.89916 0 8.69185C0 14.6397 8.05412 23.3716 8.39703 23.7404C8.71912 24.0868 9.28146 24.0862 9.60297 23.7404C9.94588 23.3716 18 14.6397 18 8.69185C17.9999 3.89916 13.9626 0 9 0ZM9 13.065C6.50318 13.065 4.47192 11.1032 4.47192 8.69185C4.47192 6.28051 6.50323 4.31879 9 4.31879C11.4968 4.31879 13.528 6.28055 13.528 8.6919C13.528 11.1032 11.4968 13.065 9 13.065Z' fill='%2300AFEF'/%3E%3C/svg%3E%0A"); } .contacts-panel__item-caption { font-size: 14px; line-height: 1.2; opacity: 0.5; } .contacts-panel__item-text { font-weight: 700; font-size: 20px; line-height: 1.2; } .contacts-panel__item-text a { color: #3a3a3a; text-decoration: none; } .contacts-panel__btn-wrap { display: flex; justify-content: center; margin-top: 35px; } .contacts-panel__btn { display: inline-block; min-width: 224px; margin-right: 8px; padding: 14px 45px; font-weight: 700; font-size: 15px; line-height: 1.1; color: #ffffff; text-align: center; vertical-align: middle; text-decoration: none; background-color: #08b6a7; border: 1px solid #08b6a7; border-radius: 44px; } .contacts-panel__btn:last-child { margin-right: 0; } .contacts-panel__btn:hover { opacity: 0.8; } .contacts-panel__btn.--more { color: #08b6a7; background-color: #ffffff; } .contacts-panel__btn.--more:hover { color: #ffffff; background-color: #08b6a7; } .page-footer__socials { margin-top: 40px; } .page-footer__socials-caption { margin-bottom: 0.625em; font-weight: 600; font-size: 16px; line-height: 1.2; color: #3a3a3a; } .socials-list { display: flex; } .socials-list__item:not(:last-child) { margin-right: 10px; } .socials-list__link { display: block; width: 40px; height: 40px; background-position: center; background-size: 100%; background-repeat: no-repeat; } .socials-list__link.--vk { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23507299'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7425 25.9453H21.1772C21.1772 25.9453 21.6102 25.9003 21.8314 25.6742C22.0357 25.4658 22.0289 25.0755 22.0289 25.0755C22.0289 25.0755 22.0009 23.2483 22.8941 22.9787C23.7746 22.7132 24.9059 24.7448 26.1041 25.5261C27.0109 26.1175 27.6998 25.988 27.6998 25.988L30.9048 25.9453C30.9048 25.9453 32.581 25.8472 31.7861 24.596C31.7208 24.4938 31.3225 23.6699 29.4031 21.9778C27.393 20.2068 27.6625 20.4932 30.0836 17.4292C31.5573 15.5641 32.1471 14.4248 31.9623 13.9372C31.7869 13.4721 30.7031 13.5952 30.7031 13.5952L27.0939 13.6162C27.0939 13.6162 26.8261 13.5816 26.6278 13.6942C26.4346 13.8044 26.31 14.0619 26.31 14.0619C26.31 14.0619 25.738 15.5054 24.9771 16.7333C23.3703 19.3241 22.7271 19.4609 22.4644 19.3C21.8535 18.925 22.006 17.7945 22.006 16.9907C22.006 14.4795 22.4077 13.4327 21.2255 13.1615C20.8332 13.0722 20.5442 13.0127 19.5408 13.003C18.2536 12.9902 17.1638 13.0063 16.5469 13.2935C16.1359 13.4842 15.819 13.9098 16.0122 13.934C16.2503 13.9646 16.791 14.0724 17.0774 14.4425C17.4469 14.9204 17.4342 15.993 17.4342 15.993C17.4342 15.993 17.6469 18.9484 16.9376 19.3161C16.4511 19.5671 15.7842 19.0538 14.3512 16.7027C13.6174 15.499 13.0632 14.1681 13.0632 14.1681C13.0632 14.1681 12.9564 13.9195 12.7657 13.7859C12.5344 13.625 12.2115 13.5735 12.2115 13.5735L8.78199 13.5952C8.78199 13.5952 8.26761 13.6089 8.07863 13.8213C7.91 14.0104 8.06508 14.4015 8.06508 14.4015C8.06508 14.4015 10.7497 20.3653 13.7894 23.3706C16.5774 26.1264 19.7425 25.9453 19.7425 25.9453Z' fill='white'/%3E%3C/svg%3E%0A"); } .socials-list__link.--youtube { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23CC181E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.935 22.5817L17.9344 16.9891L23.3381 19.795L17.935 22.5817ZM29.8 16.0199C29.8 16.0199 29.6044 14.6484 29.005 14.0444C28.2444 13.2513 27.3919 13.2476 27.0012 13.2015C24.2025 13 20.0044 13 20.0044 13H19.9956C19.9956 13 15.7975 13 12.9987 13.2015C12.6075 13.2476 11.7556 13.2513 10.9944 14.0444C10.395 14.6484 10.2 16.0199 10.2 16.0199C10.2 16.0199 10 17.631 10 19.2414V20.7517C10 22.3628 10.2 23.9732 10.2 23.9732C10.2 23.9732 10.395 25.3448 10.9944 25.9488C11.7556 26.7419 12.755 26.717 13.2 26.7997C14.8 26.9527 20 27 20 27C20 27 24.2025 26.9938 27.0012 26.7922C27.3919 26.7456 28.2444 26.7419 29.005 25.9488C29.6044 25.3448 29.8 23.9732 29.8 23.9732C29.8 23.9732 30 22.3628 30 20.7517V19.2414C30 17.631 29.8 16.0199 29.8 16.0199Z' fill='white'/%3E%3C/svg%3E%0A"); } .page-footer__bottom { padding-top: 55px; padding-bottom: 25px; } .page-footer__bottom .page-footer__socials { display: none; } .page-footer__menu-wrap { /*margin-top: 35px;*/ flex: 0 1 40.1%; padding-right: 1rem; padding-left: 1rem; } .page-footer__menu-wrap .page-footer__show-all { display: none; } .page-footer__title { margin: 0 0 1em; font-size: 30px; line-height: 1.2; } .page-footer__menu-block { margin: 0; padding: 0; list-style: none; } .page-footer__menu-item { display: none; margin-bottom: 8px !important; } .page-footer__menu-item:nth-child(-n + 6) { display: block; opacity: 0.32; } .page-footer__menu-item:nth-child(-n + 5) { opacity: 0.56; } .page-footer__menu-item:nth-child(-n + 4) { opacity: 0.8; } .page-footer__menu-item:nth-child(-n + 3) { opacity: 1; } .page-footer__menu-item:last-child { margin-bottom: 0 !important; } .page-footer__menu-link { font-weight: 700; font-size: 14px; color: #1c2429; line-height: 1.2 !important; text-transform: uppercase; text-decoration: none; } .page-footer__menu-link:hover { color: #15ac97; } .page-footer__bottom-links-wrap { display: flex; justify-content: space-between; } .page-footer__bottom-links { flex: 0 1 28%; display: flex; flex-direction: column; margin-left: 20px; } .page-footer__bottom-link { margin-bottom: 7px; font-size: 16px; color: #3a3a3a; } .page-footer__bottom-link:last-child { margin-bottom: 0; } .page-footer__bottom-link:hover { text-decoration: none; } .page-footer__show-all { position: relative; width: 100%; margin-top: 56px; margin-bottom: 56px; border-bottom: 1px solid #eaeaea; } .page-footer__show-all-btn { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; background-color: #ffffff; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.375L9 9.375L16 2.375' stroke='%2308B6A7' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-position: center; background-size: 18px auto; background-repeat: no-repeat; border-radius: 50%; transform: translate(-50%, -50%); transition: transform ease 0.24s; box-shadow: inset 0 0 0 1px #eaeaea; cursor: pointer; } .page-footer__show-all-btn:hover { box-shadow: inset 0 0 0 3px #08b6a7; } .page-footer__copyright { display: flex; flex-wrap: wrap; justify-content: space-between; /*margin-top: 35px;*/ margin-top: 100px; } .page-footer__copyright-text { margin-right: 1rem; font-weight: 600; font-size: 16px; color: #3a3a3a; letter-spacing: 0.025em; } .page-footer__copyright-text:last-child { margin-right: 0; } @media screen and (max-width: 1279px) { .page-footer__map-wrap { height: 350px; } .contacts-panel__inner { padding: 20px 22px 15px; } .contacts-panel__list { column-gap: 30px; } .contacts-panel__item { padding-left: 35px; background-size: 25px; } .contacts-panel__item-text { font-size: 16px; } .contacts-panel__btn-wrap { margin-top: 25px; } .contacts-panel__btn { min-width: 180px; padding-right: 20px; padding-left: 20px; } .page-footer__top .page-footer__inner, .page-footer__bottom .page-footer__inner { padding-right: 15px; padding-left: 15px; } } @media screen and (max-width: 767px) { .page-footer .logo-wrap { margin-right: 0; } .page-footer__top .page-footer__inner { flex-direction: column; } .page-footer__map-wrap { width: 100%; height: 220px; } .page-footer__address-wrap { width: 100%; padding: 0; } .contacts-panel { position: relative; } .contacts-panel::after { content: ''; position: absolute; right: 20px; bottom: 0; left: 20px; display: block; height: 1px; background-color: #000000; opacity: 0.16; } .page-footer__contacts-panel { max-width: none; margin-bottom: 25px; margin-left: 0; border-radius: 0; box-shadow: none; } .contacts-panel__inner { padding-right: 20px; padding-bottom: 50px; padding-left: 20px; } .page-footer__top .page-footer__socials { display: none; } .contacts-panel__list { column-gap: 15px; } .contacts-panel__item-caption { margin-bottom: 5px; font-size: 13px; } .contacts-panel__item-text { font-size: 18px; } .contacts-panel__btn-wrap { flex-direction: column; margin-top: 32px; } .contacts-panel__btn { margin-right: 0; margin-bottom: 10px; box-shadow: 0 4px 11px rgba(0, 0, 0, 0.13); } .contacts-panel__btn:last-child { margin-bottom: 0; } .page-footer__bottom { padding-top: 0; padding-bottom: 140px; } .page-footer__bottom .page-footer__inner { padding-top: 20px; } .page-footer__bottom .page-footer__socials { display: block; margin-top: 20px; margin-bottom: 45px; } .page-footer__bottom .page-footer__socials-caption { font-size: 20px; text-align: center; } .socials-list { justify-content: center; } .page-footer__menu-wrap { margin-top: 35px; } .page-footer__menu-item { margin-bottom: 12px !important; } .page-footer__menu-wrap .page-footer__show-all { display: block; } .page-footer__show-all { display: none; } .page-footer__menu-link { font-size: 16px; } .page-footer__bottom-links-wrap { flex-direction: column; } .page-footer__bottom-links { margin-left: 0; text-align: center; } .page-footer__bottom-link { margin-bottom: 15px; font-weight: 600; text-decoration: none; } /*.page-footer__bottom-link:not([href]) {*/ /* color: rgba(58, 58, 58, 0.56);*/ /*}*/ .page-footer__copyright { flex-direction: column; margin-top: 30px; text-align: center; } .page-footer__copyright-text { margin-right: 0; margin-bottom: 2px; font-size: 15px; letter-spacing: 0; } .page-footer__copyright-text.--notice { color: rgba(58, 58, 58, 0.56); } .page-footer__copyright-text.--notice span { display: block; } } .fond_help_block { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin: 0 auto 45px auto; } .fond_help_item { font-size: 20px; width: 20%; padding: 30px 15px 5px 20px; justify-content: center; border-radius: 25px; background: linear-gradient(to top left, #add7e5, #e8f4f7); margin-bottom: 20px; } .fond_help_item span { color: #15ac97; } .fond_help_item p { padding: 10px 0 0 0; } .fond_help_item .itm-check:before { content: '\2713'; background: #15ac97; color: #fff; border-radius: 25px; padding: 5px 8px; } @media screen and (max-width: 767px) { .fond_help_block { display: flex; flex-wrap: wrap; flex-direction: column; } .fond_help_item { font-size: 18px; width: 90%; } .page__info-link { font-size: 13px; } .info-left__description-all { display: none !important; } .question { padding: 30px 20px; } .question-form__terms { min-width: auto; } } .video-block-wrap .block.video-block .preview-bg { background-size: cover !important; } .video-block-wrap{ /* display: none; */ } .reviews-slider__item-top-review { font-family: 'Ubuntu Light', 'Arial', sans-serif; font-size: 18px; } @media screen and (max-width: 1199px) { .marathon-form__form form { flex-wrap: wrap; } } form button[type="submit"] { border: none; } /* End */ /* /local/templates/main/css/swiper-bundle.min.css?174903307516506 */ /* /local/templates/main/css/custom/custom.css?176176135217134 */ /* /local/templates/main/css/new-serv.min.css?177641676018792 */ /* /local/templates/main/css/extra.css?177692926421182 */ /* /local/templates/main/css/new-main.css?177642012565465 */ /* /local/templates/main/components/bitrix/search.form/header_search/style.css?17490330742068 */ /* /local/templates/main/components/bitrix/breadcrumb/main-template/style.css?17490330741691 */ /* /local/templates/main/components/bitrix/form.result.new/sendEpikriz/style.css?1749033074672 */ /* /local/templates/main/styles.css?175565511131289 */ /* /local/templates/main/template_styles.css?1776932745142881 */