/* Start:/local/templates/main/assets/lib/swiper-bundle.min.css?175880263116493*/ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{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;scroll-snap-stop:always}.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/assets/lib/jquery.fancybox.css?175880269617412*/ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* End */ /* Start:/local/templates/main/assets/css/common.css?17588973854243*/ :root { --font-family: "Manrope", sans-serif; --second-family: "Playfair Display", sans-serif; --third-family: "Euclid Flex", sans-serif; --font3: "Inter", sans-serif; --font4: "Kudryashev Headline", sans-serif; } * { box-sizing: border-box; outline: none; } * p:first-child { margin-top: 0; } * p:last-child { margin-bottom: 0; } html { padding: 0px; margin: 0px; } body { padding: 0px; margin: 0px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 140%; color: #272529; word-wrap: break-word; } body.menu-open, body.modal-open { height: 100vh; overflow-y: hidden; } .scale { display: inline-block; /* Строчно-блочный элемент */ overflow: hidden; /* Скрываем всё за контуром */ } .scale img { transition: 0.5s; /* Время эффекта */ display: block; /* Убираем небольшой отступ снизу */ } .scale img:hover { transform: scale(1.05); /* Увеличиваем масштаб */ } .text-iconed { display: inline-flex; align-items: center; gap: 4px; } .w-100 { width: 100%; } .clear { clear: both; } a { position: relative; color: #272529; text-decoration: none; overflow: hidden; } a:hover { color: #1E1D1D; } svg path { transition: 0.3s; } .section-wrap { position: relative; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1640px; } .link-arrow { display: inline-flex; align-items: center; gap: 8px; } .btn--head, .btn { display: inline-flex; gap: 10px; padding: 16px 32px; transition: 0.3s; text-wrap: nowrap; text-align: center; font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; justify-content: center; cursor: pointer; transition: 0.3s; border: none; font-family: var(--font-family); border-radius: 200px; } section { margin: 120px 0; } .smooth-box { position: relative; width: 100%; float: left; } .smooth-box:before { content: ""; display: block; margin-top: 100%; } .ratio4_4:before { margin-top: 100%; } .ratio--member:before { margin-top: 70%; } .dark-layer-box { position: absolute; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgb(23 23 23 / 0%); opacity: 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; transition: 0.2s; } .mrg-top-40 { margin-top: 40px; } .title-18 { margin-bottom: 32px; font-size: 18px; font-weight: 500; line-height: 28px; color: #171717; } .column-2-gap-40 { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; } .column-4-gap-40 { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; } .column-4x3-gap40 { display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: 40px; } .flex-space-between { display: flex; justify-content: space-between; } .overflow-visible { overflow: visible; } .max-width-544 { max-width: 544px; } .service-gallery__slider { display: none; position: relative; } .no-shadow { box-shadow: none; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .section-grey { margin: 0; padding: 80px 0; background-color: #F8FAFC; } a.text-blue { color: #1D4ED8; } .section-first { padding-top: 80px; margin-top: 0; } .text-black { color: #0F172A; } ul { padding-left: 0; } .hidden { display: none; } .mrg-bot-24 { margin-bottom: 24px; } .divider-24 { height: 24px; } /* End */ /* Start:/local/templates/main/assets/css/style.css?176053571735243*/ /*---------- Mainpage START -----------*/ span.error { bottom: -22px; display: block; position: absolute; font-size: 12px; color: #9b0000; } .btn--green { background: #00a2b0; } section.hero { padding-top: 65px; } .hero h1 { margin: 0; font-family: var(--second-family); font-weight: 400; font-size: 100px; line-height: 100%; text-transform: uppercase; color: #000; } .hero h1.text-reveal > span { display: block; width: 100%; overflow: hidden; } .hero h1 span:nth-child(2) { text-align: right; } .hero__info { margin: 80px 0 80px 398px; } .hero__banner { padding-top: 80px; height: 940px; background-size: cover; background-color: grey; } .hero__banner-status { padding: 8px 24px 8px 8px; display: inline-flex; align-items: center; gap: 8px; border-radius: 50px; backdrop-filter: blur(4px); background: #fff; } .hero__banner-title { margin-top: 40px; font-family: var(--second-family); font-weight: 400; font-size: 100px; line-height: 100%; color: #fff; } .hero__award { display: flex; justify-content: end; gap: 22px; overflow: hidden; } .hero__award-item { position: relative; } .hero__award-item:after { content: ''; position: absolute; bottom: -100px; display: block; } section.hero { margin-bottom: 0; } section.project { margin-top: 0; overflow: hidden; } .section__title { margin-bottom: 64px; } section h2 { margin: 0; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #b9795b; } .project__text { font-weight: 500; font-size: 64px; line-height: 100%; max-width: 1200px; color: #181519; } /* Анимация проявления текста построчно */ .project__text { position: relative; color: #eeeff1; transition: color 0.3s ease; } .project__text .text-line { position: relative; display: block; overflow: hidden; color: #eeeff1; transition: color 0.8s ease-out; } .project__text .text-line.revealed { color: #181519; /* Цвет при проявлении */ } .project__text .text-line::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); transition: transform 0.8s ease-out; pointer-events: none; } .project__text .text-line.revealed::before { transform: translateX(0%); } .project-mis__head { margin-top: 120px; display: flex; align-items: start; justify-content: space-between; } .project-mis__head img:nth-child(2) { display: block; margin-top: 199px; } .project-mis__text { position: relative; font-family: var(--second-family); font-weight: 400; font-size: 120px; line-height: 100%; text-transform: uppercase; color: #000; } .project-mis__text span { display: block; } .project-mis__text span:nth-child(2) { text-align: right; } .project-mis__text span.turquoise { position: relative; left: 40%; } .project-mis__bottom { display: flex; align-items: start; justify-content: space-between; } .project-mis__bottom img:nth-child(2) { margin-top: 89px; } /* Параллакс эффект для изображений в mission секции */ .parallax-image { transition: transform 0.1s ease-out; will-change: transform; } .project-mis__head .parallax-image:nth-child(1) { transform: translateY(0); width: 100%; max-width: 780px; } .project-mis__head .parallax-image:nth-child(2) { transform: translateY(0); } .project-mis__bottom .parallax-image:nth-child(1) { transform: translateY(0); } .project-mis__bottom .parallax-image:nth-child(2) { transform: translateY(0); width: 100%; max-width: 780px; } /* Улучшенный параллакс эффект для разных изображений */ .project-mis__head .parallax-image:nth-child(1) { transform: translateY(0); transition: transform 0.15s ease-out; } .project-mis__head .parallax-image:nth-child(2) { transform: translateY(0); transition: transform 0.12s ease-out; max-width: 380px; } .project-mis__bottom .parallax-image:nth-child(1) { transform: translateY(0); transition: transform 0.18s ease-out; max-width: 380px; } .project-mis__bottom .parallax-image:nth-child(2) { transform: translateY(0); transition: transform 0.14s ease-out; } .minititle { margin-top: 48px; font-family: var(--second-family); font-weight: 400; font-size: 48px; line-height: 117%; color: #1e1f26; } .gallery--grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .gallery__item { padding-bottom: 40px; border-bottom: 1px solid #ccd0d1; transition: 0.3s; overflow: hidden; } .gallery__item-img { position: relative; aspect-ratio: 780 / 540; background-size: cover; } .gallery__item-img_count { position: absolute; right: 24px; top: 24px; width: 40px; height: 39px; background-size: cover; background-image: url('/local/templates/main/assets/css/../img/icon/gal-count.svg'); z-index: 2; } .gallery__item-img_count-text { padding-top: 8px; width: 32px; height: 32px; font-size: 18px; line-height: 156%; text-align: center; color: #000; } .gallery__item-title { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; font-family: var(--second-family); font-weight: 400; font-size: 40px; line-height: 120%; color: #000; } .btn-wrapper { padding-top: 64px; display: flex; justify-content: center; } .btn--border { border: 1px solid #08354f; color: #181519; font-weight: 400; font-size: 18px; line-height: 156%; } .resform__item-img { aspect-ratio: 1590 / 600; line-height: 0; overflow: hidden; } .resform__item-img img { transform: translateY(0px); width: 100%; height: calc(100% + 40px); object-fit: cover; transition: 2s; } .resform__item-info_title { font-family: var(--second-family); font-weight: 500; font-size: 40px; line-height: 120%; color: #08354f; } .resform__item-info { position: relative; margin-top: -150px; padding: 40px; background: #fff; width: 50%; z-index: 1; } .resform__item-info_text { margin: 24px 0 40px; color: #272529; } .resform__item:hover .resform__item-img img { transform: translateY(-40px); } .resform--wrap { display: flex; flex-direction: column; gap: 64px; } .advant__item { padding: 40px 0; display: flex; gap: 60px; align-items: center; border-top: 1px solid #a2a2a2; } .advant__item-img { width: 160px; aspect-ratio: 160 / 160; } .advant__item-img img { width: 100%; height: 100%; object-fit: cover; } .advant__item-info { width: calc(100% - 160px); /*padding-left: 40px;*/ grid-column: 2 / span 3; } .advant__item-info_title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 32px; font-family: var(--second-family); font-weight: 500; font-size: 40px; line-height: 120%; color: #08354f; } .advant__item-num { font-family: var(--font-family); font-weight: 400; font-size: 24px; line-height: 133%; text-align: right; color: #181519; flex-shrink: 0; text-wrap: nowrap; } .more-title { margin-top: 40px; font-family: var(--second-family); font-weight: 400; font-size: 64px; line-height: 112%; color: #1e1f26; } span.turquoise { font-style: italic; color: #00a2b0; } section.location { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 1018px; overflow: hidden; } section.location .section__title { max-width: 628px; } .loc--grid { display: grid; grid-template-columns: repeat(4, 1fr); } .loc__item { position: relative; padding: 24px 24px 33px; background: #eeeff1; cursor: pointer; } .loc__item--head { position: relative; margin-bottom: 64px; display: flex; justify-content: space-between; z-index: 1; } .loc__item-val { font-weight: 300; font-size: 100px; line-height: 100%; color: #181519; transition: 0.3s; } .loc__item-desc { font-size: 15px; line-height: 147%; color: #3f3f3f; transition: 0.3s; } .loc__item--foot { position: relative; display: flex; align-items: center; justify-content: space-between; z-index: 1; } .loc__item--bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transition: 0.5s; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } .loc__item--bg img { width: 100%; height: 100%; object-fit: cover; } .loc__item--foot svg, .loc__item--foot span { transition: 0.3s; } .loc__item:hover .loc__item--bg { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .loc__item:hover .loc__item--foot span, .loc__item:hover .loc__item-val, .loc__item:hover .loc__item-desc { color: #fff; } .loc__item:hover .loc__item--foot svg path { stroke: #fff; } .location__slider { overflow: visible; } .section__title.centered { text-align: center; } .minititle span { font-style: italic; color: #00a2b0; } .ctaform { margin: 120px 0; } .ctaform__wrapper { display: grid; grid-template-columns: 800fr 700fr; gap: 100px; align-items: center; } .ctaform__title { margin-bottom: 60px; font-family: var(--second-family); font-weight: 400; font-size: 48px; line-height: 120%; color: #1e1f26; } .ctaform__form { display: flex; align-items: start; flex-direction: column; gap: 42px; } .ctaform__checkboxes { display: flex; flex-direction: column; gap: 16px; } .ctaform__checkboxes .line-body__choose { margin: 0; } .ctaform__checkboxes label { font-size: 14px; line-height: 140%; color: #3f3f3f; } .ctaform__image { position: relative; overflow: hidden; width: 100%; } .ctaform__image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 3s ease-in-out; } .ctaform__image .swiper-slide-active img { transform: scale(1.1); } .ctaform__content { position: relative; padding-left: 20px; } .vtour__block { display: flex; justify-content: center; align-items: center; position: relative; padding: 80px 0; width: 100%; height: 800px; overflow: hidden; transition: 1s; } .vtour__block-btn { position: absolute; top: -50%; left: 100%; transform: translate(-50%, -50%); z-index: 3; width: 142px; height: 142px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #08354f; transition: 0.8s; } .vtour__block-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-position: center; background-image: url('/local/templates/main/assets/css/../img/vtour-bg.jpg'); transition: 1s; transform: scale(1); } .vtour__block-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(30, 31, 38, 0.2); pointer-events: none; z-index: 1; transition: 0.5s; } .vtour__block-overlay::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1440px; height: 608px; background: transparent; border-radius: 40px; transform: translate(-50%, -50%); box-shadow: 0 0 0 9999px rgba(30, 31, 38, 0.4); transition: 0.5s; } .vtour__block-content { padding: 80px; position: relative; z-index: 2; width: 100%; max-width: 1440px; height: 610px; border-radius: 40px; border: 15px solid rgba(8, 53, 79, 0.8); } .vtour__block-info { display: flex; gap: 56px; } .vtour__block-info_item div { display: flex; align-items: start; font-family: var(--font-family); font-weight: 300; font-size: 90px; line-height: 100%; color: #fff; } .vtour__block-info_item div span, .vtour__block-info_item span { font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; } .vtour__block--wrap { display: flex; justify-content: center; align-items: center; } .vtour__block--wrap:hover .vtour__block { width: 90%; } .vtour__block--wrap:hover .vtour__block-bg { transform: scale(1.2); } .vtour__block--wrap:hover .vtour__block-btn { top: 50%; left: 50%; } .vtour__block--wrap:hover .vtour__block-overlay { background-color: rgba(30, 31, 38, 0.4); } .vtour__block--wrap:hover .vtour__block-overlay::before { box-shadow: 0 0 0 9999px rgba(30, 31, 38, 0.7); } .btn { position: relative; overflow: hidden; } .btn__text { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; transition: 0.4s; transform: translateY(0%); } .btn__olay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: 0.4s; transform: translateY(101%); } .btn--border .btn__olay, .btn--green .btn__olay { background: #022f34; } .btn:hover .btn__olay { transform: translateY(0%); } .btn:hover .btn__text { transform: translateY(-140%); } a.btn--border .btn__olay, a.btn--green { color: #fff; } .title--horiz { position: relative; display: flex; align-items: start; justify-content: space-between; } .title--blocks span { display: block; } .social-link { position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid #08354f; border-radius: 200px; overflow: hidden; } .social-link .btn__text, .social-link .btn__olay { line-height: 0; } .social-link .btn__text { color: #272529; } .social-link .btn__olay { background: #022f34; color: #fff; } .social-link:hover .btn__text { transform: translateY(-180%); } .social-link:hover .btn__olay { transform: translateY(0%); } .title--horiz .more-title { margin-top: 0; } .advant__reefres { position: absolute; right: 0px; top: -200px; } .advant__mtitle { margin-right: 300px; } .advant__item-info_text { position: relative; overflow: hidden; } .text__origin { transform: translateY(0%); transition: 0.3s; } .text__bottom { position: absolute; left: 0; transition: 0.3s; transform: translateY(0%); } .advant__item:hover .text__origin { transform: translateY(-100%); } .advant__item:hover .text__bottom { transform: translateY(-100%); } .advant__item-num { position: relative; overflow: hidden; } .advant__item-num .text__bottom { color: #00a2b0; } section.advant { position: relative; overflow-x: clip; } .title--right { display: flex; justify-content: space-between; } .righttitle { width: 50%; font-family: var(--second-family); font-size: 56px; line-height: 107%; text-align: right; color: #1e1f26; } .hero__award img { opacity: 0; transform: translateY(-100%); transition: opacity 0.4s ease-out, transform 0.4s ease-out; } .hero__award img.award-visible { opacity: 1; transform: translateY(0%); } .hero__award img:nth-child(4) { transition-delay: 0s; } .hero__award img:nth-child(3) { transition-delay: 0.2s; } .hero__award img:nth-child(2) { transition-delay: 0.4s; } .hero__award img:nth-child(1) { transition-delay: 0.6s; } .smooth-scroll { position: fixed; top: 0; left: 0; width: 100%; } .smooth-scrollbar { position: absolute; top: 0; left: 0; width: 1px; } .hero-mobile-btn { display: none; flex-direction: column; gap: 16px; margin-bottom: 64px; } .hero-mobile-btn .btn { width: 100%; height: 60px; font-size: 18px; line-height: 150%; } .lottie-point { width: 46px; height: 46px; } .gallery__item:hover { border-bottom: 1px solid #000; } .gallery__slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .gallery__item:hover .gallery__slider { opacity: 1; visibility: visible; } .gallery__slider img { width: 100%; height: 100%; object-fit: cover; } .gallery__slider .swiper-slide { aspect-ratio: 780 / 540; } /* Thumbnail slider styles */ .gallery__thumbs { padding: 0 24px; position: absolute; bottom: 12px; left: 0; width: 100%; height: 2px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .gallery__item:hover .gallery__thumbs { opacity: 1; visibility: visible; } .gallery__thumbs .swiper-wrapper { align-items: center; } .gallery__thumbs .swiper-slide { height: 2px; background: rgba(255, 255, 255, 0.3); transition: background 0.3s ease; } .gallery__thumbs .swiper-slide-thumb-active { background: #fff; } .resform--wrap .resform__item:nth-child(2) .resform__item-info { left: 50%; } .location__title--wrap { position: static; } .location__map--wrap { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .location__map { position: absolute; background-image: url('/local/templates/main/assets/css/../img/location-bg.png'); background-repeat: no-repeat; background-position: center; width: 100%; min-width: 1920px; height: 100%; } section.location .section__title { margin-top: 147px; margin-bottom: 0; } section.location .lottie-point { position: absolute; cursor: pointer; } .lottie-point.active svg path { fill: #004a5b; } .loc-active .loc__item .loc__item--bg { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .loc-active .loc__item .loc__item--foot span, .loc-active .loc__item .loc__item-val, .loc-active .loc__item .loc__item-desc { color: #fff; } .loc-active .loc__item .loc__item--foot svg path { stroke: #fff; } #lottie-seaport { top: 39%; left: 59.4%; } #lottie-resident { top: 28%; left: 57%; } #lottie-sirius { top: 71%; left: 75%; } #lottie-airport { top: 62%; left: 72.5%; } #lottie-redpol { top: 21%; left: 97%; } #map-logo { position: absolute; width: 68px; top: 318px; left: 58%; } /*
*/ /*---------- Mainpage START -----------*/ /* Анимация появления текста побуквенно */ .text-reveal { overflow: hidden; } .text-reveal span, .text-reveal div { display: inline-block; transform: translateY(100%); opacity: 0; transition: transform 0.6s ease-out, opacity 0.6s ease-out; } .text-reveal.visible span, .text-reveal.visible div { transform: translateY(0); opacity: 1; } /* Стили для пробелов */ .text-reveal span.space { white-space: pre; width: 0.2em; /* Небольшая ширина для пробела */ } /* Отключаем анимацию на экранах меньше 1280px */ @media screen and (max-width: 1279px) { .text-reveal { overflow: visible; } .text-reveal span, .text-reveal div { transform: none; opacity: 1; transition: none; } .text-reveal.visible span, .text-reveal.visible div { transform: none; opacity: 1; } } /* Для minititle */ .text-reveal.minititle-reveal { overflow: hidden; } .text-reveal.minititle-reveal .minititle { display: block; transform: translateY(100%); opacity: 0; transition: transform 0.8s ease-out, opacity 0.8s ease-out; } .text-reveal.minititle-reveal.visible .minititle { transform: translateY(0); opacity: 1; } .btn--head { position: relative; overflow: hidden; } /*---------- Mainpage END -----------*/ /*---------- Common START -----------*/ section.sec-consult { padding: 64px 0; background-size: cover; background-image: url('/local/templates/main/assets/css/../img/consult-bg.jpg'); } .sec-consult--wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 64px; background: #fff; } .sec-consult--wrap .minititle { margin-top: 0; } .sec-consult__form form { display: flex; flex-direction: column; gap: 40px; } .form-inp--wrap { display: flex; flex-direction: column; gap: 28px; width: 100%; } .sec-consult__content { display: flex; flex-direction: column; gap: 40px; } .sec-consult__phone-title { margin-bottom: 18px; font-size: 18px; line-height: 156%; color: #3f3f3f; } a.sec-consult__phone-link { font-family: var(--second-family); font-size: 48px; line-height: 117%; color: #08354f; } .sec-consult__desk { font-size: 18px; line-height: 156%; color: #3f3f3f; } /*---------- Common END -----------*/ .erk_main_success_message button{ background: #01a2b1; display: none; } .modal-window { position: fixed; z-index: 600; top: 0; left: 0; width: 100%; height: 100%; color: #000; display: none; overflow-y: scroll; overflow-x: hidden; } .modal-window .modal-close { position: absolute; top: 3.375rem; right: 4.25rem; font-size: 0.875rem; color: #000; cursor: pointer; opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); will-change: transform; } .modal-window .modal-close:hover { opacity: 0.5; } .modal-window .check-field { height: 3.375rem; } .modal-window .check-field.has-error input[type="checkbox"] + label:before { border-color: #e90520; -webkit-box-shadow: 0 0 0 0 #e90520; box-shadow: 0 0 0 0 #e90520; } .modal-window .check-field.input-container.has-error .text-help { display: none; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-window .check-field.has-error input[type="checkbox"] + label:before { -webkit-box-shadow: none; box-shadow: none; } } .modal-window .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); will-change: transform; } .modal-window .table { position: relative; z-index: 10; } .modal-window .table .table-cell { padding: 1.25rem 0 0; } /* мы используем куки */ .site-we-use{ /*display: none;*/ /*height: 0;*/ opacity: 0; visibility: hidden; position: fixed; /* max-width: 350px;*/ bottom: 20px; left: 50%; transform: translate(-50%, 0%); z-index: -1; background: #fff; padding: 10px; border-radius: 15px; border: 1px solid #00000066; } .site-we-use__content { font-size: 11px; display: flex; align-items: center; gap: 30px; } .site-we-use__content-btn{ padding: 10px 0; } .site-we-use__content-btn button{ width: 30px; height: 30px; } @media (max-width: 768px){ .site-we-use{ width: 90%; max-width: 90%; } } /* Для формы */ .flex.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid { margin: 0 -1.25rem; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .send-request.modal-window input[type=email], .send-request.modal-window input[type=password], .send-request.modal-window input[type=text] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 4rem; font-size: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; border: 0; border-bottom: 1px solid #012128; outline: none; cursor: pointer; border-radius: 0; } .feedback-form .grid .grid-item .grid-item-inner { margin: 0 1.875rem; padding-right: 0; } .grid .grid-item .grid-item-inner { height: 100%; margin: 0 1.25rem; } .form-header p { max-width: 22.8125rem; font-size: 1rem; line-height: 1.63; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); will-change: transform, opacity; } .input-container { position: relative; width: 100%; height: 4rem; font-size: 1rem; } .input-container .input-placeholder { position: absolute; top: 0; left: 0; height: 4rem; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: .5; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); will-change: transform; -webkit-transition: -webkit-transform .25s cubic-bezier(.77, 0, .175, 1); transition: -webkit-transform .25s cubic-bezier(.77, 0, .175, 1); -o-transition: transform .25s cubic-bezier(.77,0,.175,1); transition: transform .25s cubic-bezier(.77, 0, .175, 1); transition: transform .25s cubic-bezier(.77, 0, .175, 1), -webkit-transform .25s cubic-bezier(.77, 0, .175, 1); pointer-events: none; } .feedback-form .grid .grid-item { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); will-change: transform, opacity; margin-bottom: 3.75rem; } .send-request.modal-window .btn { height: 3.375rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: 1px solid #d4d4d4; color: #252525; font-size: .6875rem; text-transform: uppercase; padding: 0 1.875rem; letter-spacing: .11438rem; text-decoration: none; border: none; background: rgba(0, 0, 0, 0); position: relative; z-index: 1; -webkit-transition: color .5s cubic-bezier(.77, 0, .175, 1), outline-color .5s cubic-bezier(.77, 0, .175, 1); -o-transition: color .5s cubic-bezier(.77,0,.175,1),outline-color .5s cubic-bezier(.77,0,.175,1); transition: color .5s cubic-bezier(.77, 0, .175, 1), outline-color .5s cubic-bezier(.77, 0, .175, 1); will-change: auto; white-space: nowrap; border-radius: 0; } .center.limited { max-width: 1210px; } .center { padding: 0 7.5rem; max-width: 1840px; margin: 0 auto; } .table { display: table; width: 100%; height: 100%; } .table .table-cell { display: table-cell; vertical-align: middle; } .feedback-form .feedback-form-wrap-col-1 { width: 42%; z-index: 1; } .feedback-form .feedback-form-wrap-col-2 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 58%; } .flex.flex-just-b { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feedback-form { margin-top: 5rem; } @keyframes letter { 0% {opacity: 0; transform: translateY(30px)} 100% {opacity: 1; transform: translateY(0px)} } .send-request .form-header h2 { font-family: var(--second-family); font-size: 3.5rem; font-weight: 300; } .send-request .form-header h2 div { animation: letter 0.2s; display: inline-block; } .send-request .form-header h2 div.let-space { width: 16px; } .send-request input[type="checkbox"] + label { position: relative; cursor: pointer; padding-left: 2.8125rem; } .send-request input[type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 1px #012128; box-shadow: 0 0 0 1px #012128; } .send-request input[type="checkbox"] + label:before { content: ""; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid #012128; -webkit-box-shadow: 0 0 0 0 #012128; box-shadow: 0 0 0 0 #012128; -webkit-transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1); margin-right: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; max-width: 1.5rem; position: absolute; left: 0; } .send-request input[type="checkbox"]:checked + label:after { width: 0.8rem; } .send-request input[type="checkbox"] + label:after { content: ""; display: block; position: absolute; top: 0.46875rem; left: 0.3125rem; width: 0; height: 0.6rem; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23004A5B' fill-rule='evenodd' d='M10.6 0L6 5.013 1.4 0 0 1.493 6 8l6-6.507z'/%3E%3C/svg%3E") no-repeat 0; background-size: 0.8rem 0.6rem; -webkit-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .send-request input[type="checkbox"] { position: absolute; top: -9999px; left: -9999px; opacity: 0; visibility: hidden; } .send-request .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .send-request .flex.flex-just-e { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .send-request .btn:before { width: 100%; height: 100%; background: #004a5b; z-index: -1; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1); transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1); -o-transition: transform .5s cubic-bezier(.77,0,.175,1); transition: transform .5s cubic-bezier(.77, 0, .175, 1); transition: transform .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.77, 0, .175, 1); will-change: transform; } .send-request .btn:hover { text-decoration: none; color: #fff; outline-color: #004a5b; } .site-we-use__content { line-height: 1.55; color: #1e1f26; } .site-we-use__content-btn .btn { font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: 1px solid #d4d4d4; color: #252525; font-size: .6875rem; text-transform: uppercase; padding: 0 1.875rem; letter-spacing: .11438rem; text-decoration: none; border: none; background: rgba(0, 0, 0, 0); position: relative; z-index: 1; -webkit-transition: color .5s cubic-bezier(.77, 0, .175, 1), outline-color .5s cubic-bezier(.77, 0, .175, 1); -o-transition: color .5s cubic-bezier(.77,0,.175,1),outline-color .5s cubic-bezier(.77,0,.175,1); transition: color .5s cubic-bezier(.77, 0, .175, 1), outline-color .5s cubic-bezier(.77, 0, .175, 1); will-change: auto; white-space: nowrap; border-radius: 0; } @media screen and (max-width: 767px) { .send-request .center { padding: 0 1.875rem; } .send-request .form-header h2 { display: block; width: 100%; margin-bottom: 0.625rem; max-width: 100%; font-size: 1.875rem; letter-spacing: 1.05px; } .feedback-form .feedback-form-wrap-col-1 { width: 100%; } .feedback-form .feedback-form-wrap-col-2 { width: 100%; display: block; } .feedback-form .feedback-form-wrap-col-2 .grid-item.col-6 { margin-top: 0 !important; } .modal-window .grid .grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0.5rem; } .send-request .feedback-form { margin-top: 0.5rem; } .modal-window .modal-close { font-size: 0.6875rem; top: 1.0625rem; right: 1.375rem; } .feedback-form .grid .grid-item .grid-item-inner { margin: 0 1.25rem; } } /* End */ /* Start:/local/templates/main/assets/css/form.css?17593120089978*/ /*-------------------------------------------- Формы обратной связи Start --------------------------------------------*/ .main__form-wrapper { display: none; /*display: flex;*/ align-items: center; justify-content: center; position: fixed; top: 0; width: 100%; height: 100vh; z-index: 30; } .dark-layer { width: 100%; height: 100%; background-color: #171717; opacity: 0.8; z-index: 20; cursor: pointer; } .request-call, .question-form { width: 100%; max-width: 1160px; z-index: 30; position: fixed; display: flex; flex-direction: column; justify-content: center; height: 100%; } .modal-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0; position: relative; background: var(--white, #FFF); } .question-form { max-width: 1190px; } .request-call__header--wrap { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; } .request-call__title { font-weight: 600; font-size: 32px; line-height: 125%; color: #091630; } input.form__input, optgroup, select, textarea { padding: 0 0 17px; width: 100%; font-family: inherit; border: none; background: none; transition: 0.3s; font-size: 18px; font-weight: 500; line-height: 156%; color: #1e1f26; border-bottom: 1px solid #ccd0d1; } /* Стили для плавающего placeholder */ .form__input--wrap { position: relative; width: 100%; } .form__label { position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 500; line-height: 156%; color: #969696; pointer-events: none; transition: all 0.3s ease; transform-origin: left top; } .form__input:focus + .form__label, .form__input:not(:placeholder-shown) + .form__label { transform: translateY(-20px) scale(0.89); font-size: 16px; } .form__input:focus { outline: none; } /* Убираем placeholder из input, так как теперь используем label */ .form__input::placeholder { opacity: 0; } .form__input--wrap:after { content: ''; display: block; position: absolute; bottom: 0; width: 0%; height: 1px; background: #181519; transition: 0.4s; } .form__input--wrap:hover:after { width: 100%; } .form__btn--wrap { display: flex; justify-content: center; } .form__btn--wrap button { margin: 0; width: fit-content; border: none; background: unset; overflow: visible; } form button { padding: 12px 20px; } form { display: flex; align-items: start; flex-direction: column; gap: 20px; } .form__inpwrap { width: 100%; display: grid; grid-template-columns: 345fr 200fr 200fr; gap: 28px; } .close-form { position: absolute; right: 24px; top: 44px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; cursor: pointer; z-index: 1; background: #fff; border: 1px solid #e5ecf1; border-radius: 58px; transition: 0.3s; } .close-form svg path { transition: 0.3s; } .close-form:hover { background: #eef5fa; } .close-form:hover svg path { stroke: #0e79bf; } .form__options-title { margin-bottom: 16px; font-size: 18px; line-height: 156%; color: #000; } form input[type="radio"] { display: none; } .field-radio { display: inline-block; width: 20px; height: 20px; border: 1px solid #171717; opacity: 0.8; border-radius: 50%; position: relative; cursor: pointer; } .form__options-block label:hover .field-radio::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #ccc; /* Серая точка */ border-radius: 50%; } forminput[type="radio"]:checked + .field-radio::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; background-color: #000; /* Чёрная точка */ border-radius: 50%; } .form__options-block { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; } .form__options-block label { display: inline-flex; align-items: center; gap: 16px; cursor: pointer; } .request-call__wrap form { display: flex; flex-direction: column; gap: 16px; } .personal-data span, .personal-data span a { font-size: 14px; line-height: 143%; color: #313f59; } .personal-data span a { color: #1792e3; } .form__additional { text-align: center; } .form__additional a { font-size: 16px; line-height: 150%; color: #404040; } .request-call__text { line-height: 150%; } .request-call-scrollwrap { position: relative; padding: 20px 0; overflow-y: scroll; scrollbar-width: none; } .request-call-scrollwrap::-webkit-scrollbar { display: none; } .modal-wrapper__content { padding: 64px 80px; } .modal-wrapper__img { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/local/templates/main/assets/css/../img/formbg.jpg'); } /*-------------------------------------------- Формы обратной связи end --------------------------------------------*/ /*-------------------------------------------- Чекбоксы Start --------------------------------------------*/ .custom-checkbox { position: absolute; opacity: 0; width: 100%; cursor: pointer; display: none; } .line-body__choose label { display: flex; justify-content: start; align-items: start; gap: 8px; width: 100%; color: #3f3f3f; } .custom-checkbox+label::before { content: ''; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 1px solid #555555; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; cursor: pointer; transition: 0.2s; } .custom-checkbox:checked+label::before { background-color: #015063; border-color: #015063; /*background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");*/ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.6 0L6 5.013 1.4 0 0 1.493 6 8l6-6.507z'/%3E%3C/svg%3E"); background-size: 65%; } .custom-checkbox+label:hover::before { border: 1px solid #B1A9A2; } .know-more .custom-checkbox:checked+label::before { background-color: #ED1D24; border-color: #ED1D24; } /*-------------------------------------------- Чекбоксы End --------------------------------------------*/ @media screen and (max-width: 768px) { .modal-wrapper { margin: 0 20px; padding: 40px 24px; clip-path: polygon(0% 0%, calc(100% - 24px) 0%, 100% 24px, 100% 100%, 24px 100%, 0% calc(100% - 24px)); } .request-call__title { font-size: 20px; line-height: 140%; } .request-call__desc { font-size: 14px; line-height: 143%; } .request-call__header--wrap { gap: 12px; margin-bottom: 16px; } .close-form { top: -5px; } } /*-------------------------------------------- Валидация форм Start --------------------------------------------*/ /* Стили для полей с ошибкой валидации */ .form__input.validation-error { border-bottom-color: #e74c3c !important; color: #e74c3c !important; } .form__input.validation-error + .form__label { color: #e74c3c !important; } /* Стили для сообщений об ошибках */ .validation-error { color: #e74c3c; font-size: 14px; line-height: 1.4; margin-top: 8px; display: block; animation: fadeInError 0.3s ease-in-out; } /* Анимация появления ошибки */ @keyframes fadeInError { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } /* Стили для успешной валидации */ .form__input.validation-success { border-bottom-color: #27ae60 !important; } .form__input.validation-success + .form__label { color: #27ae60 !important; } /* Улучшенные стили для фокуса на полях с ошибкой */ .form__input.validation-error:focus { border-bottom-color: #e74c3c !important; outline: none; } .form__input.validation-error:focus + .form__label { color: #e74c3c !important; } /* Стили для подсказки при наведении */ .form__input[title]:hover::after { content: attr(title); position: absolute; bottom: 100%; left: 0; background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; margin-bottom: 5px; } /*-------------------------------------------- Валидация форм End --------------------------------------------*/ @media screen and (max-width: 600px) { .callback-wrapper form button { width: 100%; } } /* End */ /* Start:/local/templates/main/assets/css/header.css?17592239937782*/ /*----------- Header START ------------*/ header { position: fixed; top: 0; width: 100%; z-index: 10; background: #fff; } header.hovered { border-bottom: unset; } .header-main { position: relative; background: #fff; } .header-main>.section-wrap { display: flex; justify-content: space-between; align-items: center; gap: 87px; } .header-main--left { display: flex; justify-content: space-between; align-items: center; gap: 64px; } .header-main__menu { margin: -12px 0; } .header-main__menu nav { display: inline-flex; height: 100%; align-items: center; gap: 40px; } .header-main__menu nav a.main-menu-link { position: relative; display: inline-flex; align-items: center; position: relative; height: 100%; color: #272529; overflow: hidden; } .header-main__logo { display: inline-flex; align-items: center; gap: 4px; } header svg.header-main__logo--text path { fill: #000002; } .header-main__cont { display: flex; justify-content: end; gap: 16px; align-items: center; } .header-main__cont .btn { padding: 12px 24px; } .header-main__right { display: flex; align-items: center; gap: 24px; } .header-main__cont-phone { position: relative; font-weight: 600; font-size: 20px; line-height: 140%; color: #272529; overflow: hidden; } .header-main .section-wrap { position: static; display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; max-width: 1840px; } .burger--wrap { display: none; } .burger { display: flex; flex-direction: column; align-items: end; gap: 8px; position: relative; width: 40px; height: 19px; } .burger__line { width: 40px; height: 1px; background: #181519; transition: 0.3s; } .burger .burger__line:nth-child(2) { width: 28px; } header.hovered .burger__line { background: #D4D4D4; } .burger--wrap.active .burger__line:nth-child(1) { transform: scale(1, 1) translate(0, 8px) rotate(45deg); } .burger--wrap.active .burger__line:nth-child(2) { opacity: 0; } .burger--wrap.active .burger__line:nth-child(3) { transform: scale(1, 1) translate(0px, -10px) rotate(-45deg); } .burger--wrap.active .burger__line { background: #f9f9f9; } .header-main__menu--mobwrap { display: flex; flex-direction: column; gap: 40px; height: 100%; } .header-main__menu--mobwrap::-webkit-scrollbar { width: 0; } .header-main__menu--mobwrap { -ms-overflow-style: none; } .main-menu__addwrap { display: inline-flex; justify-content: center; } .header-main__cont-phone .btn__olay { color: #00a2b0; } .header-main__cont-phone:hover .btn__olay, .main-menu-link:hover .btn__olay { transform: translateY(0%); } .header-main__cont-phone:hover .btn__text, .main-menu-link:hover .btn__text { transform: translateY(-140%); } .main-menu-link .btn__olay { color: #00a2b0; } /*----------- Header END ------------*/ /*----------- Mobile menu START ------------*/ .mobile-menu-wrapper { display: none; } .burger--wrap { justify-content: center; align-items: center; width: 44px; height: 44px; transition: 0.3s; } .header__mobile--wrap { position: relative; padding: 8px 20px; margin: 0 -20px; display: none; justify-content: space-between; align-items: center; width: calc(100% + 40px); z-index: 5; transition: 0.5s; } .main-menu-link__add { transform: translateY(calc(100% + 8px)); position: absolute; padding: 2px 10px 4px; display: block; font-size: 12px; line-height: 133%; color: #00a2b0; margin-top: 4px; border: 1px solid #00a2b0; border-radius: 40px; } header.hovered .burger--inner { background: #5D5D5D; } .header-main__cont--mob { display: none; } .header-main__cont .btn--head { padding: 12px 24px; } .btn--head:hover .btn__text { transform: translateY(-140%); } .btn--head:hover .btn__olay { transform: translateY(0%); } /*----------- Mobile menu END ------------*/ @media screen and (max-width: 1440px) { .header-main__menu nav { gap: 18px; } .hero__slider--wrap { justify-self: unset; } .header-main__cont .btn--head { padding: 8px 24px; } } @media screen and (max-width: 1360px) { .header-main .section-wrap { gap: 0; } } @media screen and (max-width: 1280px) { .header__mobile--wrap { padding: 0 20px; } .header-clone { height: 72px; } .header-main__menu { display: none; } .header-main--left .header-main__logo { display: none; } .burger--wrap { display: flex; } .header-main__logo img { width: 72px; height: 72px; object-fit: cover; object-position: top; } .header-main__cont { display: none; } header.hovered .header-main { padding: 0; background: unset; } header .header__mobile--wrap { position: relative; background: #fff; z-index: 2; } .header-main__cont--mob { flex-direction: column; } .header-main__cont--mob, .header__mobile--wrap { display: flex; } header.open .header__mobile--wrap { background: unset; } .header-main { padding: 0; } header.open .header-main { background: #004a5b; } header.open svg.header-main__logo--text path { fill: #000002; } .header-main__logo svg:first-child { width: 40px; height: 40px; } .header-main__logo svg.header-main__logo--text { height: 20px; width: 58px; } .header-main__menu { transform: translateY(-106%); position: fixed; top: 0; left: 0; width: 100%; height: 102%; display: flex; flex-direction: column; background: #004a5b; z-index: 0; transition: 0.5s; } .header-main__menu.active { transform: translateY(0%); } .header-main__menu nav { flex-direction: column; align-items: center; justify-content: start; height: auto; gap: 24px; } .header-main__menu--mobwrap { padding-top: 137px; overflow-y: scroll; background: #004a5b; } header .header-main__menu nav a.main-menu-link { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 20px; line-height: 140%; } .header-main__cont--mob_bot { display: flex; align-items: center; gap: 16px; } .header-main__cont--mob { padding-bottom: 36px; } } @media screen and (max-width: 1080px) { .hero__wrap { display: flex; flex-direction: column-reverse; } .hero__slider--wrap { padding: 20px; max-width: 100%; } .hero__wrap-img { aspect-ratio: 420 / 375; } .about-content { grid-template-columns: 1fr; gap: 28px; } } @media screen and (max-width: 480px) { .header-main__mob-btns .btn--wrapper:not(.btn--profile) { width: 100%; } } /* End */ /* Start:/local/templates/main/assets/css/footer.css?17589053454594*/ /*----------- Footer start -----------*/ footer { position: relative; padding: 69px 0 0; background-color: #004a5b; background-image: url('/local/templates/main/assets/css/../img/footer-bg.png'); background-size: cover; } .footer-contact { display: flex; align-items: start; justify-content: space-between; } .footer-menu { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; align-items: start; } .footer-contact__link { font-size: 16px; line-height: 150%; text-transform: uppercase; color: #fff; } .footer-menu__col-title { font-family: var(--third-family); font-weight: 300; font-size: 16px; line-height: 150%; color: #fff; } .footer__address { font-weight: 300; font-size: 14px; line-height: 143%; color: #fff; opacity: 0.6; } .footer-contact__block { display: flex; flex-direction: column; align-items: end; gap: 20px; } .footer-contact__phone { position: relative; font-family: var(--second-family); font-weight: 400; font-size: 48px; line-height: 117%; color: #82cac9; overflow: hidden; } .footer-contact__email { position: relative; line-height: 140%; color: #82cac9; overflow: hidden; } .footer-logo--wrap { padding: 117px 0 194px; display: flex; justify-content: center; } .footer-botmenu { margin-top: 137px; padding: 24px 0; display: grid; align-items: center; grid-template-columns: 350fr 595fr 350fr; gap: 152px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-botmenu__info { font-weight: 400; font-size: 14px; line-height: 143%; color: #fff; opacity: 0.6; } .footer-botmenu__block { display: flex; gap: 48px; } .footer-botmenu__block a { position: relative; font-weight: 400; font-size: 14px; line-height: 143%; color: #fff; text-wrap: nowrap; opacity: 0.6; overflow: hidden; } .footer-menu__col--teleg { display: flex; justify-content: end; } .footer-menu__col--teleg a { color: #fff; } footer .section-wrap a:hover { text-decoration: none; } .footer-botmenu__item:hover .btn__text, .footer-contact__block a:hover .btn__text { transform: translateY(-140%); } .footer-botmenu__item:hover .btn__olay, .footer-contact__block a:hover .btn__olay { transform: translateY(0%); } .footer-botmenu__item .btn__olay, .footer-contact__block a .btn__olay { color: #00a2b0; } .btn--link { display: inline-flex; align-items: center; gap: 8px; } span.link__circle { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.1); } span.link__circle:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); border-radius: 100%; transition: 0.3s; transform: scale(0); } .btn--link:hover span.link__circle:before { transform: scale(1); } a.footer-contact__link:hover { color: #fff; } /*---------- Footer end -----------*/ /*---------- Footer adaptation START -----------*/ @media screen and (max-width: 1180px) { .footer-botmenu { gap: 10px; } .footer-botmenu__block { gap: 12px; } } @media screen and (max-width: 769px) { .footer-botmenu__block { flex-direction: column; } .footer-menu__col--teleg { justify-content: start; } .footer-menu { display: flex; flex-direction: column; gap: 16px; } .footer-menu__col--teleg a { font-size: 16px; line-height: 150%; } span.link__circle { width: 28px; height: 28px; } span.link__circle svg { width: 20px; height: 20px; } .footer-botmenu { margin-top: 64px; } .footer-logo--wrap { padding: 64px 0; } a.footer-contact__phone { font-size: 32px; line-height: 125%; } a.footer-contact__email { font-size: 16px; line-height: 150%; } } @media screen and (max-width: 640px) { .footer-contact { flex-direction: column; gap: 16px; } .footer-contact__block { align-items: start; gap: 16px; } .footer-botmenu { display: flex; align-items: start; flex-direction: column; gap: 16px; } .footer-botmenu__block { gap: 16px; } .footer-botmenu__item .btn__text { justify-content: start; } } /*---------- Footer adaptation END -----------*/ /* End */ /* Start:/local/templates/main/assets/css/adaptive.css?17612976898588*/ @media screen and (max-width: 1740px) { .header-main__menu nav { gap: 24px; } } @media screen and (max-width: 1640px) { .header-main__menu nav a.main-menu-link { font-size: 16px; } .header-main__cont-phone { font-size: 18px; } .header-main__menu nav { gap: 18px; } } @media screen and (max-width: 1440px) { .vtour__block { padding: 48px 24px; } .vtour__block-overlay::before { margin: 0 24px; left: 0%; transform: translate(0%, -50%); width: calc(100% - 48px); } .header-main__menu nav a.main-menu-link { font-size: 16px; text-wrap: nowrap; } .header-main__cont { gap: 10px; } .header-main__cont .btn { padding: 8px 24px; } .social-link { width: 40px; height: 40px; } .header-main__cont-phone { font-size: 16px; } } @media screen and (max-width: 1440px) { .hero h1 { font-size: 80px; } } @media screen and (max-width: 1360px) { .header-main__cont .btn { padding: 8px 6px; font-size: 14px; } .btn--head { font-size: 12px; } .social-link { width: 35px; height: 35px; } } @media screen and (max-width: 1280px) { .btn--head { font-size: 16px; } .social-link { width:40px; height: 40px; } .header-main__cont .btn { padding: 12px 24px; font-size: 16px; line-height: 150%; } .header-main__cont { margin-top: 105px; gap: 20px; } .header-main__cont-phone { font-size: 20px; line-height: 140%; color: #fff; } .main-menu-link__add { transform: unset; position: relative; } .main-menu__addwrap { flex-direction: column; } .social-link { width: 48px; height: 48px; border: 1px solid #fff; } .social-link svg path { fill: #fff; } .social-link .btn__text { color: #fff; } } @media screen and (max-width: 1180px) { .project-mis__head, .project-mis__bottom { flex-direction: column; } .project-mis__text { font-size: 80px; } section.hero { padding-top: 0; } .project-mis__text span:nth-child(3) { padding-right: 0; } } @media screen and (max-width: 992px) { .ctaform__wrapper { gap: 48px; } .project-mis__bottom img:nth-child(2), .project-mis__head img:nth-child(2) { margin-top: 64px; } .btn-wrapper { padding-top: 40px; } .section__title { margin-bottom: 40px; } section { margin: 80px 0; } .ctaform { margin: 80px 0; } } @media screen and (max-width: 769px) { .resform--wrap .resform__item:nth-child(2) .resform__item-info { left: 0%; } .hero-mobile-btn { display: flex; } /* Gallery thumbs slider adaptation */ .gallery__thumbs { bottom: 8px; } .gallery__thumbs .swiper-slide { height: 1px; } /* Адаптация точек на карте */ .lottie-point { width: 36px; height: 36px; } section.location .lottie-point { width: 46px; height: 46px; } .ctaform__title { margin-bottom: 40px; font-size: 32px; line-height: 125%; } .vtour__block-content { padding: 70px 48px; height: 480px; } .vtour__block-overlay::before { height: 480px; } .vtour__block { height: 608px; } .ctaform__form { gap: 24px; } .ctaform__content { padding-left: 0; width: 100%; } .form__inpwrap { grid-template-columns: 1fr; gap: 24px; } .resform--wrap { margin: 0 -10px; gap: 24px; } .advant__reefres { width: 163px; right: -58px; top: -120px; z-index: 2; } .more-title { margin-top: 24px; font-size: 32px; line-height: 125%; } .title--horiz .more-title { margin-top: 24px; } .advant__item-info { padding-left: 0; width: 100%; } .text__origin { font-size: 16px; line-height: 150%; } .title--horiz { flex-direction: column; } .advant__mtitle { margin-right: 0; } .advant__item-info_title { margin-bottom: 24px; font-size: 24px; line-height: 133%; } .advant__item-info_text { font-size: 16px; line-height: 150%; } .advant__item { padding: 24px 0; display: flex; flex-direction: column; align-items: start; gap: 24px; } .advant__item-img { aspect-ratio: 335 / 294; width: 100%; } .gallery__item-title { margin-top: 24px; font-size: 24px; line-height: 133%; } .gallery__item { padding-bottom: 24px; } .project-mis__text { margin: 16px 0; font-size: 48px; } .project-mis__text span:nth-child(3) { text-align: left; } .ctaform__wrapper { display: flex; flex-direction: column; } .gallery--grid { grid-template-columns: 1fr; gap: 16px; } .resform__item-info_title { font-size: 24px; line-height: 133%; } .resform__item-info_text { margin: 16px 0 24px; color: #272529; font-size: 16px; line-height: 150%; } .resform__item-info { padding: 24px; width: calc(100% - 20px); margin-top: -70px; } .resform__item-img { aspect-ratio: 335 / 300; } .project__text { font-size: 32px; line-height: 125%; } .hero h1 { display: flex; flex-direction: column; font-size: 48px; } .hero__info { margin: 64px 0 40px 0px; } } /*-------------------------------------------- Адаптивность формы заявки Start --------------------------------------------*/ @media screen and (max-width: 991px) { .sec-consult--wrap { display: flex; flex-direction: column; } .application-form__wrapper { grid-template-columns: 1fr; gap: 40px; } .application-form__title { font-size: 36px; line-height: 120%; } .application-form__image { height: 400px; } } @media screen and (max-width: 769px) { .sec-consult--wrap { padding: 20px; margin: 0 -20px; } .sec-consult__desk { font-size: 16px; line-height: 140%; } a.sec-consult__phone-link { font-size: 32px; } .application-form { margin: 80px 0; } .application-form__wrapper { gap: 32px; } .application-form__title { font-size: 28px; line-height: 120%; margin-bottom: 24px; } .application-form__form { gap: 24px; } .application-form__image { height: 300px; } .project-mis__head { margin-top: 80px; } .hero__banner-title { font-size: 48px; text-transform: uppercase; } .hero__banner { padding-top: 64px; height: 470px; } .hero__banner-status { padding: 4px 8px 4px 4px; font-size: 18px; line-height: 156%; } .hero__banner-status img { width: 24px; } .hero h1 span:nth-child(1) { padding-bottom: 32px; } .hero h1 span:nth-child(3) { font-size: 32px; } .hero__info br { display: none; } .hero__info { margin-top: 40px; } .minititle { margin-top: 24px; font-size: 32px; line-height: 125%; } .section__title.title--right { flex-direction: column; gap: 24px; } .righttitle { width: 100%; align-self: end; font-size: 32px; line-height: 125%; } .loc__item-val { font-size: 48px; } .loc__item--foot span { font-size: 15px; line-height: 160%; } .location__map { transform: translate(-7%, 0%); } .location__title--wrap { position: relative; } } @media screen and (max-width: 640px) { /* Gallery thumbs slider mobile adaptation */ .gallery__thumbs { bottom: 6px; } section.location .section__title { padding-right: 20px; margin-top: 40px; } .gallery__thumbs .swiper-slide { height: 1px; } section.location { height: 780px; } #lottie-resident { top: 27%; left: 57%; } #map-logo { top: 33%; } #lottie-seaport { top: 42%; } .vtour__block-info_item div { font-size: 48px; } .vtour__block-info_item div span, .vtour__block-info_item span { font-size: 14px; line-height: 143%; } .vtour__block-info { gap: 32px; } .hero__award { gap: 11px; } .hero__award img { width: 100%; max-width: 41px; } section.project { margin-top: 125px; } .application-form__title { font-size: 24px; line-height: 120%; } .application-form__form { gap: 20px; } .application-form__checkboxes { gap: 12px; } .application-form__checkboxes label { font-size: 12px; line-height: 140%; } .application-form__image { height: 250px; } .project-mis__bottom img:nth-child(1) { max-width: 142px; } .project-mis__bottom .parallax-image:nth-child(2) { max-width: 292px; align-self: end; } .project-mis__head .parallax-image:nth-child(2) { max-width: 142px; align-self: end; } .project-mis__head .parallax-image:nth-child(1) { max-width: 292px; } } /*-------------------------------------------- Адаптивность формы заявки End --------------------------------------------*/ /* End */ /* Start:/local/templates/main/styles.css?1761230723841*/ /*капча*/ .grecaptcha-badge { visibility: hidden; } .form-item_recaptcha { font-size: 0.7rem; } .form-item_recaptcha a { color: #000; text-decoration: none } .form-item_recaptcha a:hover { text-decoration: none; color: #666 } .request-page .form-item_recaptcha a { color: #fff; -webkit-transition: color .25s cubic-bezier(.77, 0, .175, 1); -o-transition: color .25s cubic-bezier(.77, 0, .175, 1); transition: color .25s cubic-bezier(.77, 0, .175, 1) } .request-page .form-item_recaptcha a:hover { color: hsla(0, 0%, 100%, .6) } h2.duplicate-title { display: none; } @media screen and (max-width: 767px) { .page-intro__title--big { font-size: 2.45rem !important; } } /**:not(input):not(textarea) { user-select: none; } *::selection { background: none; } *::-moz-selection { background: none; } */ /* End */ /* Start:/local/templates/main/template_styles.css?164432940151*/ div[class^="styles__ButtonContainer"]{display:none} /* End */ /* /local/templates/main/assets/lib/swiper-bundle.min.css?175880263116493 */ /* /local/templates/main/assets/lib/jquery.fancybox.css?175880269617412 */ /* /local/templates/main/assets/css/common.css?17588973854243 */ /* /local/templates/main/assets/css/style.css?176053571735243 */ /* /local/templates/main/assets/css/form.css?17593120089978 */ /* /local/templates/main/assets/css/header.css?17592239937782 */ /* /local/templates/main/assets/css/footer.css?17589053454594 */ /* /local/templates/main/assets/css/adaptive.css?17612976898588 */ /* /local/templates/main/styles.css?1761230723841 */ /* /local/templates/main/template_styles.css?164432940151 */