/* Start:/bitrix/templates/internet-team/fonts/stylesheet.css?16990147721410*/ @font-face { font-family: 'Geologica'; src: url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Bold.woff2') format('woff2'), url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Light.woff2') format('woff2'), url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Black.woff2') format('woff2'), url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Medium.woff2') format('woff2'), url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Regular.woff2') format('woff2'), url('/bitrix/templates/internet-team/fonts/GeologicaRoman-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('/bitrix/templates/internet-team/fonts/GeologicaRoman-SemiBold.woff2') format('woff2'), url('/bitrix/templates/internet-team/fonts/GeologicaRoman-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/internet-team/libs/swiper/swiper-bundle.min.css?169901477217907*/ /** * Swiper 9.2.4 * 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: April 21, 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,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{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{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-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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-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,swiper-container: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-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:var(--swiper-navigation-top-offset,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:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);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,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.swiper .swiper-notification,swiper-container .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:/bitrix/templates/internet-team/libs/selectric/selectric.css?16990147724299*/ /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* End */ /* Start:/bitrix/templates/internet-team/libs/micromodal/micromodal.css?16990147723077*/ /**************************\ Basic Modal Styles \**************************/ .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /* End */ /* Start:/bitrix/templates/internet-team/libs/fancybox/fancybox.css?169901477215598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/bitrix/templates/internet-team/libs/aos/aos.css?169901477226053*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/bitrix/templates/internet-team/css/style.css?1733474259195907*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { padding: env(safe-area-inset); } html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; margin: 0 auto !important; } body { margin: 0 auto; padding: 0px; -webkit-outline: none; outline: none; position: relative; min-width: 320px; max-height: 1000000px; min-height: 100vh; text-decoration-skip: objects; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } :focus, :active, :hover, :link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; -webkit-outline: none; outline: none; } ul, ol { list-style-position: inside; list-style-type: none; padding: 0; margin: 0; text-align: left; } li { height: auto; } h1, h2, h3, h4, h5, h6, p { margin: 0; } iframe { display: block; border: none; } img { display: block; border: none; max-width: 100%; } textarea { white-space: pre-wrap; resize: none; } button, select { display: block; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: none; } button { width: auto; cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border: none; padding: 0; } [type=search], button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { -webkit-outline: none; outline: none; } [type=search]::-webkit-search-decoration, ::-webkit-file-upload-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [hidden], ::-ms-clear, area { display: none; } fieldset { border: none; margin: 0; padding: 0; } legend { display: block; padding: 0; } menu, dir { list-style: none; margin: 0; padding: 0; } ::-webkit-input-placeholder { color: inherit; } :-ms-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; } :-moz-placeholder { color: inherit; } a { background-color: transparent; color: inherit; text-decoration: none; -webkit-outline: none; outline: none; } [type=date]::-webkit-inner-spin-button { display: none; } [type=date]::-webkit-calendar-picker-indicator { opacity: 0; } body { font-family: "Geologica"; font-weight: 400; font-size: 18px; line-height: 24px; color: #333333; transition: all 0s !important; cursor: url("/bitrix/templates/internet-team/css/../img/svg/bg-cursor.svg"), auto; } body.hidden { overflow: hidden; } .container { width: 100%; max-width: 1700px; padding: 0 10px; margin: 0 auto; } a { text-decoration-skip-ink: none; } label, textarea, input { -webkit-appearance: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; font-family: "Geologica"; } .siteWrapper { display: flex; flex-direction: column; flex-wrap: wrap; min-height: 100vh; width: 100%; } .siteWrapper .footer { margin-top: auto; } .logo { position: relative; position: relative; z-index: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; cursor: pointer; } .logo > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .logo:hover { opacity: 0.75; } .logo picture { width: 100%; display: block; } .logo img { width: 100%; } .main { width: 100%; } .input-item { position: relative; } .input-item .btn-telegram, .input-item input, .input-item textarea { border: 0; background: transparent; width: 100%; height: 48px; border: 1px solid rgb(0, 0, 0); font-weight: 400; font-size: 16px; line-height: 24px; color: rgb(0, 0, 0); -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; padding: 0 24px; } .input-item .btn-telegram::placeholder, .input-item input::placeholder, .input-item textarea::placeholder { opacity: 1; text-transform: none; } .input-item label { font-weight: 400; font-size: 14px; line-height: 16px; color: #80726a; display: block; } .input-item input + input { margin-top: 24px; } .input-item .btn-telegram { text-align: left; padding-left: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .input-item .btn-telegram svg { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .input-item .btn-telegram svg path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .input-item .btn-telegram:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .input-item .btn-telegram:hover svg path { fill: rgb(255, 255, 255); } .input-item .icon { position: absolute; bottom: 9px; right: 1px; } .input-item .icon svg { color: rgb(0, 0, 0); fill: rgb(0, 0, 0); } .input-item .icon-check { position: absolute; right: 24px; top: 50%; margin-top: -10px; } .input-item .icon-social { position: absolute; left: 16px; top: 50%; margin-top: -6px; } .input-item + .input-item { margin-top: 24px; } .input-item.input-social input { padding-left: 39px; } .check-block { display: flex; align-items: center; min-height: 36px; } .check-block input { display: none; } .check-block input:checked + label { color: rgb(0, 0, 0); } .check-block input:checked + label::after { background-color: rgb(0, 0, 0); } .check-block label { cursor: pointer; padding-left: 38px; position: relative; font-weight: 400; font-size: 14px; line-height: 18px; color: #80726a; display: block; text-align: left; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .check-block label::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; width: 25px; height: 25px; margin-top: -12.5px; border: solid 1px #80726a; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .check-block label::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 50%; left: 8px; top: 50%; width: 9.29px; height: 9.29px; margin-top: -4px; background-color: #80726a; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .check-block a { text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .check-block a:hover { text-decoration-color: transparent; } .selectric { border: 0; background: transparent; width: 100%; height: 90px; width: 100%; border: solid 4px rgb(5, 38, 54); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; border-radius: 70px; display: flex; align-items: center; } .selectric .label { color: rgb(5, 38, 54); font-size: 27px; font-weight: 700; line-height: 35px; padding: 0 80px 0 40px; } .selectric .button { right: 40px; width: 27px; height: 100%; background: transparent; display: flex; background-image: url("/bitrix/templates/internet-team/css/../img/svg/arrow-red-selectric.svg"); background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .selectric .button::after { display: none; } .selectric-wrapper { border: 0; outline: none; } .selectric-wrapper.selectric-hover .selectric { border-color: rgb(5, 38, 54); } .selectric-wrapper.selectric-open .selectric { border-color: rgb(5, 38, 54); } .selectric-wrapper.selectric-open .selectric .button { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .selectric-wrapper.selectric-above .selectric-items { top: auto; bottom: calc(100% + 15px); } .selectric-items { background: transparent; background-color: rgb(255, 255, 255); border: 4px solid rgb(0, 0, 0); overflow: hidden; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: -1; padding: 40px; } .selectric-scroll { border: 0; height: 238px; scrollbar-color: rgb(5, 38, 54) #e6e9eb; scrollbar-width: thin; } .selectric-scroll::-webkit-scrollbar { width: 5px; background-color: #e6e9eb; left: 5px; } .selectric-scroll::-webkit-scrollbar-thumb { width: 5px; background-color: rgb(5, 38, 54); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .selectric-scroll ul { padding-top: 5px; } .selectric-scroll ul li { font-weight: 400; font-size: 18px; line-height: 20px; color: #7b7b7b; padding: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .selectric-scroll ul li + li { margin-top: 20px; } .selectric-scroll ul li.highlighted, .selectric-scroll ul li.selected { background: transparent !important; text-decoration: underline; color: rgb(0, 0, 0); } .selectric-scroll ul li:hover { background: transparent !important; color: rgb(0, 0, 0); } .modal { font-family: "Geologica"; display: none; width: 100%; height: 100%; top: 0; left: 0; color: #292929; } .modal.is-open { display: block; z-index: 15; position: fixed; } .modal__container { overflow: auto; background: transparent; padding: 0; margin: 0; width: 100%; max-width: 100%; padding: 30px 0; max-width: 1025px; } .modal__content { padding: 0; margin: 0; } .modal__content .link { font-size: 14px; line-height: 25px; font-weight: 500; letter-spacing: 0.05em; text-decoration-line: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #4c535b; } .modal__content .link:hover { text-decoration-color: transparent; } .modal__close { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 88px; top: 88px; display: flex; z-index: 10; font-weight: 400; font-size: 14px; line-height: 17px; color: #292929; align-items: center; gap: 11px; } .modal__close svg { pointer-events: none; } .modal__close:hover { opacity: 0.75; } .modal__content .scroll::-webkit-scrollbar { width: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-right: 12px; } .modal__content .scroll::-webkit-scrollbar-track { background: #d9d9d9; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .modal__content .scroll::-webkit-scrollbar-thumb { background: rgb(0, 0, 0); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .modal__inner { background-color: #fbf9f8; margin: 0 auto; position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 50px; padding: 80px 90px; } .modal__inner .caption { color: rgb(5, 38, 54); max-width: 80%; } .modal__inner .btn { color: rgb(5, 38, 54); display: flex; align-items: center; gap: 30px; font-size: 30px; line-height: 34px; margin-left: auto; margin-right: auto; } .modal__inner .btn:hover svg path { stroke: rgb(255, 255, 255); } .modal__inner .submit-form__text { color: rgb(5, 38, 54); display: flex; justify-content: center; margin-top: 30px; } .modal__inner .submit-form__text label { color: rgb(5, 38, 54); } .modal__inner .input-list { margin-top: 80px; margin-bottom: 50px; } .modal__inner input { background: transparent; } .modal__inner .input-row { margin-bottom: 30px; display: flex; gap: 30px; align-items: center; } .modal__inner .input-row .selectric-wrapper { max-width: 500px; width: 100%; } .modal__inner .input-row input { color: rgba(5, 38, 54, 0.3); font-size: 27px; font-weight: 400; line-height: 60px; width: 100%; border: 0; border-bottom: solid 4px rgb(5, 38, 54); border-radius: 0; text-align: center; flex: 1; } .modal__inner .text-tow { color: #052636; font-size: 27px; font-weight: 700; line-height: 60px; flex: 1; white-space: nowrap; } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: inherit; } .modal__overlay { width: 100vw; } .selectric-open { z-index: 4; } ul, div { scrollbar-color: rgb(5, 38, 54) #e6e9eb; scrollbar-width: thin; } ul::-webkit-scrollbar, div::-webkit-scrollbar { width: 5px; background-color: #e6e9eb; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; left: 5px; } ul::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb { width: 5px; background-color: rgb(5, 38, 54); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } @media (min-width: 1200px) { _:-webkit-any-link, :root body.modal-open { padding-right: 17px; } _:-webkit-any-link .header, :root body.modal-open .header { width: calc(100% - 17px); } _:-webkit-any-link, :root .hidden { padding-right: 17px; } _:-webkit-any-link .header, :root .hidden .header { width: calc(100% - 17px); } _:-webkit-any-link, :root body.compensate-for-scrollbar { padding-right: 17px; } _:-webkit-any-link .header, :root body.compensate-for-scrollbar .header { width: calc(100% - 17px); } } picture { position: relative; display: block; } picture img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; height: auto; } .swiper-pagination { z-index: 5; } .swiper-pagination-bullets { bottom: auto !important; top: auto !important; left: 0; width: auto; position: relative; display: flex; justify-content: center; gap: 10px; margin-top: 20px; } .swiper-pagination-bullets .swiper-pagination-bullet { width: 4px; height: 4px; background-color: rgb(5, 38, 54); opacity: 1; margin: 0 !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; max-width: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: rgb(225, 48, 63); width: 30px; } .swiper-controls { display: flex; align-items: center; gap: 22px; position: absolute; } .swiper-controls .swiper-button-prev, .swiper-controls .swiper-button-next { position: relative; top: auto; right: auto; bottom: auto; left: auto; } .swiper-button-prev, .swiper-button-next { margin: 0; opacity: 1 !important; width: 24px; height: 24px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: transparent; } .swiper-button-prev:after, .swiper-button-next:after { display: none; } .burger { display: none; flex-direction: column; justify-content: space-between; width: 40px; height: 21px; cursor: pointer; position: relative; z-index: 11; } .burger--opened .burger-line { pointer-events: none; } .burger--opened .burger-line:nth-child(1) { -moz-transform: rotate(45deg) translate(4px, 9px); -ms-transform: rotate(45deg) translate(4px, 9px); -webkit-transform: rotate(45deg) translate(4px, 9px); -o-transform: rotate(45deg) translate(4px, 9px); transform: rotate(45deg) translate(4px, 9px); } .burger--opened .burger-line:nth-child(2) { opacity: 0; } .burger--opened .burger-line:nth-child(3) { -moz-transform: rotate(-45deg) translate(12px, -1px); -ms-transform: rotate(-45deg) translate(12px, -1px); -webkit-transform: rotate(-45deg) translate(12px, -1px); -o-transform: rotate(-45deg) translate(12px, -1px); transform: rotate(-45deg) translate(12px, -1px); } .burger-line { width: 100%; height: 3px; background-color: rgb(255, 255, 255); display: block; pointer-events: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } .burger-line:nth-child(1) { max-width: 70%; margin-left: auto; } .burger-line:nth-child(3) { max-width: 70%; margin-right: auto; } input[type=number], input[type=number]:hover, input[type=number]:focus { appearance: none; -moz-appearance: textfield; } .menu-overlay { opacity: 0; pointer-events: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 9; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .menu-overlay--opened { opacity: 1; pointer-events: all; } .fp-watermark { display: none !important; } @keyframes rotate { from { transform: rotate(360deg); } } .link-social svg path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .link-social:hover svg path { fill: rgb(225, 48, 63); } .btn { -webkit-appearance: none; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; border-radius: 90px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; color: #333333; text-align: center; color: rgb(255, 255, 255); font-family: "Geologica"; font-size: 18px; font-weight: 800; padding: 15px 30px; border: solid 4px rgb(225, 48, 63); } .btn:hover { background-color: rgb(225, 48, 63); color: rgb(255, 255, 255); } .btn svg path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn--blue { background-color: rgb(5, 38, 54); border: solid 3px rgb(5, 38, 54); display: inline-flex; gap: 10px; justify-content: center; align-items: center; } .btn--white { background-color: rgb(255, 255, 255); border: solid 3px #e6e9eb; display: inline-flex; align-items: center; gap: 10px; justify-content: center; color: rgb(5, 38, 54); } .btn--white:hover svg path { stroke: rgb(255, 255, 255); } .btn--gray { background-color: #e6e9eb; color: rgba(5, 38, 54, 0.5); font-size: 30px; font-weight: 700; line-height: 30px; border-color: #e6e9eb; } .btn--gray:hover { color: rgb(5, 38, 54); background-color: #f0f2f3; } .btn--gray:active { background-color: #e6e9eb; } .caption { font-weight: 500; display: inline-block; } .caption strong { font-weight: 900; } h2, a.caption, h2.caption { font-size: 90px; font-weight: 900; line-height: 90px; letter-spacing: 0px; } h3, h3.caption { font-size: 60px; font-weight: 900; line-height: 79px; } a.caption { transition: all 0.3s !important; text-decoration: none !important; } a.caption:hover { color: rgb(225, 48, 63); } .header { color: rgb(255, 255, 255); font-size: 18px; font-weight: 300; position: fixed; z-index: 11; left: 0; top: 0; width: 100%; padding: 70px 70px; display: flex; align-items: center; gap: 60px; -webkit-transition: padding 0.3s, background-color 0.3s; -moz-transition: padding 0.3s, background-color 0.3s; -o-transition: padding 0.3s, background-color 0.3s; transition: padding 0.3s, background-color 0.3s; } .header .logo { width: 126px; } .header .icon { width: 20px; height: 20px; } .header a:not(.btn) { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .header a:not(.btn):hover { text-decoration-color: rgb(255, 255, 255); } .icon path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu { margin-left: 60px; margin-right: auto; } .menu ul { display: flex; gap: 60px; align-items: center; flex-wrap: wrap; } .header-link { font-weight: 700; display: flex; align-items: center; gap: 10px; } .header-phone { font-weight: 700; display: flex; align-items: center; gap: 10px; letter-spacing: 0.06em; } .logo-pic--fixed { display: none; } header.fixed { background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); -webkit-box-shadow: 0px 4px 40px 0px rgba(5, 38, 54, 0.05); -moz-box-shadow: 0px 4px 40px 0px rgba(5, 38, 54, 0.05); box-shadow: 0px 4px 40px 0px rgba(5, 38, 54, 0.05); padding-top: 10px; padding-bottom: 10px; color: rgb(5, 38, 54); } header.fixed .icon path { fill: rgb(5, 38, 54); } header.fixed a:not(.btn):hover { text-decoration-color: rgb(5, 38, 54); } header.fixed .btn:not(:hover) { color: rgb(5, 38, 54); } header.fixed .burger-line { background-color: rgb(5, 38, 54); } header.fixed .logo-pic--static { display: none; } header.fixed .logo-pic--fixed { display: block; } .inner-page--error .header { color: rgb(5, 38, 54); } .inner-page--error .header .icon path { fill: rgb(5, 38, 54); } .inner-page--error .header a:not(.btn):hover { text-decoration-color: rgb(5, 38, 54); } .inner-page--error .header .btn:not(:hover) { color: rgb(5, 38, 54); } .inner-page--error .header .burger-line { background-color: rgb(5, 38, 54); } .inner-page--error .header .logo-pic--static { display: none; } .inner-page--error .header .logo-pic--fixed { display: block; } .footer { font-size: 16px; font-weight: 400; color: rgb(5, 38, 54); display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; padding: 50px 70px; } .footer .social { display: flex; flex-wrap: wrap; gap: 50px; } .footer .footer-link { opacity: 0.3; } .footer a:not(.btn) { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer a:not(.btn):hover { text-decoration-color: rgb(5, 38, 54); } .footer a:not(.btn):hover { opacity: 1; } .copytRight { opacity: 0.3; } section { padding: 100px 70px; } .grettings { width: 100%; height: 100vh; color: rgb(255, 255, 255); position: relative; background-size: cover; display: flex; justify-content: center; flex-direction: column; background-image: url("/bitrix/templates/internet-team/css/../img/bg-lines.png"); background-color: rgb(5, 38, 54); background-position: center; background-repeat: no-repeat; background-attachment: fixed; overflow: hidden; } .grettings .caption { font-size: 68.386px; font-weight: 300; line-height: 84.894px; padding-left: 165px; } .grettings .caption strong { display: block; font-size: 159.568px; font-weight: 900; line-height: 150.796px; letter-spacing: -7.978px; } .grettings .caption svg { display: inline-block; } .grettings .social { position: absolute; left: 70px; top: calc(50% - 39px); display: flex; flex-direction: column; gap: 63px; } .grettings__text { text-align: right; max-width: 350px; width: 100%; margin-left: auto; font-size: 27px; font-weight: 300; line-height: 30px; display: flex; flex-direction: column; margin-top: -120px; } .logo-bittix { position: relative; z-index: 1; position: absolute; right: 81px; top: 208px; } .logo-bittix > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .logo-bittix::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 50%; top: 50%; background-image: url("/bitrix/templates/internet-team/css/../img/svg/logo-bitix-text.svg"); background-position: center; background-repeat: no-repeat; width: 145px; height: 145px; margin-left: -73.5px; margin-top: -71.5px; transition: all 0.3s ease; animation: rotate 10s linear infinite; } .logo-bittix--bitrix::before { background-image: url(/bitrix/templates/internet-team/css/../img/svg/logo-bitix-bitrix.svg); background-repeat: no-repeat; background-position: 11px -30px; } .logo-bittix--yandex::before { background-image: url(/bitrix/templates/internet-team/css/../img/svg/logo-bitix-yandex.svg); background-repeat: no-repeat; background-position: 0px -4px; } .logo-bittix--partner::before { background-image: url(/bitrix/templates/internet-team/css/../img/svg/logo-bitix-partner.svg); background-repeat: no-repeat; background-position: -12px -20px; } .grettings__content { position: relative; padding: 175px 69px 0px; } .marquee-list { display: flex; gap: 230px; } .marquee-block { font-size: 18px; font-weight: 400; width: 100%; border-top: solid 4px rgb(255, 255, 255); border-bottom: solid 4px rgb(255, 255, 255); margin-top: 120px; overflow: hidden; } .marquee-block a { padding: 27px 0; position: relative; z-index: 3; display: inline-block; } .marquee-block a:hover::before { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .marquee-block a::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 260px; -moz-border-radius: 260px; -ms-border-radius: 260px; border-radius: 260px; background-color: rgb(225, 48, 63); min-width: 260px; width: calc(100% + 50px); height: 260px; top: 50%; left: -25px; margin-top: -90px; z-index: -1; opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .marquee { width: 100%; } .grettings-btn__next { position: absolute; left: 50%; top: calc(100% - 60px); margin-left: -20px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .grettings-btn__next:hover { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .section-title { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 40px 0; } .service-section { background-color: rgb(255, 255, 255); position: relative; z-index: 5; padding-top: 200px; color: rgb(5, 38, 54); overflow: hidden; } .link-site { display: flex; align-items: center; gap: 30px; color: rgb(5, 38, 54); font-size: 30px; font-weight: 700; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .link-site:hover { text-decoration-color: rgb(5, 38, 54); } .link-site::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; background-image: url(/bitrix/templates/internet-team/css/../img/svg/arrow-right.svg); width: 34px; height: 34px; background-position: center; background-size: cover; background-repeat: no-repeat; } .link-site--white { color: rgb(255, 255, 255); text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .link-site--white:hover { text-decoration-color: rgb(255, 255, 255); } .link-site--white::after { background-image: url(/bitrix/templates/internet-team/css/../img/svg/arrow-right-white.svg); } .service-item { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; border: solid 4px rgb(5, 38, 54); padding: 90px 90px; display: flex; align-items: center; } .service-item .caption { line-height: 95px; letter-spacing: -0.6px; } .service-item + .service-item { margin-top: 30px; } .service-item.default { color: rgb(5, 38, 54); } .service-item.branding { background-color: rgb(5, 38, 54); color: rgb(255, 255, 255); } .service-item.branding .service-item__center a { color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); } .service-item.branding .service-item__center a:hover { color: rgb(255, 255, 255); background-color: #5b717b; } .service-item.marketing { color: rgb(255, 255, 255); background-color: rgb(225, 48, 63); border-color: rgb(225, 48, 63); } .service-item.marketing .service-item__center ul li:first-child { width: auto; } .service-item.marketing .service-item__center a { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2); } .service-item.marketing .service-item__center a:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.4); } .service-item__left { width: 100%; height: 100%; min-height: 260px; max-width: 775px; display: flex; flex-direction: column; justify-content: space-between; } .service-item__desc { margin-top: auto; opacity: 0.5; display: block; font-size: 18px; font-weight: 400; line-height: 24px; } .service-item__center { width: 100%; max-width: 667px; margin: 0 auto; } .service-item__center ul { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .service-item__center ul li { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .service-item__center ul li:last-child, .service-item__center ul li:first-child { width: 100%; display: flex; justify-content: center; } .service-item__center a { color: rgb(5, 38, 54); font-size: 27px; font-weight: 400; line-height: 20px; padding: 30px 40px; background-color: rgba(5, 38, 54, 0.1); -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; color: rgba(5, 38, 54, 0.8); } .service-item__center a:hover { color: rgb(5, 38, 54); } .service-item__right { margin-bottom: auto; min-width: 106px; } .service-item__logo { position: relative; right: auto !important; top: auto !important; width: auto; display: table; } .service-list { margin-top: 150px; } .example-section { color: rgb(5, 38, 54); overflow: hidden; } .example-section .section-title { width: 100%; margin-bottom: 120px; } .example-section .tags { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; } .example-section .tags a { color: rgb(5, 38, 54); font-size: 18px; font-weight: 400; line-height: 20px; display: block; padding: 30px 40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; border: solid 1px #e6e9eb; } .example-section__content { display: flex; align-items: center; flex-wrap: wrap; color: rgb(5, 38, 54); font-size: 27px; font-weight: 300; line-height: 30px; position: relative; } .example-section__left { width: 100%; max-width: 567px; } .example-section__left .caption { margin-bottom: 50px; max-width: 100%; width: 100%; word-break: break-all; } .example-section__left ul { margin-top: 40px; } .example-section__left li span { display: block; font-size: 18px; font-weight: 300; line-height: 30px; opacity: 0.5; margin-bottom: 10px; } .example-section__left li + li { margin-top: 40px; } .example-section__left a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .example-section__left a:hover { text-decoration-color: rgb(5, 38, 54); } .example-section__center { flex: 1; display: flex; justify-content: center; position: relative; z-index: 1; } .example-section__center > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .example-section__right { max-width: 423px; width: 100%; margin-left: auto; } .example-section__bottom { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: -45px; z-index: 5; } .link-review { display: flex; align-items: center; gap: 10px; color: rgb(5, 38, 54); font-size: 18px; font-weight: 800; position: relative; z-index: 10; } .link-review__icon { width: 60px; height: 60px; } #fullpage { width: 100%; } .fullpage-section:nth-child(5) .example-section__content, .fullpage-section:nth-child(3) .example-section__content { flex-direction: row-reverse; } .fullpage-section:nth-child(5) .example-section .tags, .fullpage-section:nth-child(3) .example-section .tags { justify-content: flex-start; } .fullpage-section:nth-child(5) .example-section__right, .fullpage-section:nth-child(3) .example-section__right { max-width: 423px; width: 100%; margin-left: 0; margin-right: auto; } .fullpage-section:nth-child(5) .example-section__center, .fullpage-section:nth-child(3) .example-section__center { margin-left: -520px; } .fullpage-section:nth-child(5) .example-section__bottom, .fullpage-section:nth-child(3) .example-section__bottom { flex-direction: row-reverse; } .fullpage-section:nth-child(5) .link-review, .fullpage-section:nth-child(3) .link-review { flex-direction: row-reverse; } .fullpage-example + .fullpage-example .example-section { padding-top: 0; } .fullpage-section:nth-child(5) .example-section__center { margin-left: -440px; } .about-main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 120px 0; overflow: hidden; } .about-main .section-title { width: 100%; } .about-main .caption { line-height: 60px; color: rgb(5, 38, 54); } .about-main .caption b { color: rgb(225, 48, 63); font-weight: 900; } .about-main__list { margin-top: 70px; color: rgb(5, 38, 54); font-size: 18px; font-weight: 300; line-height: 26px; } .about-main__list li { position: relative; padding-left: 62px; } .about-main__list li::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; background-image: url(/bitrix/templates/internet-team/css/../img/svg/arrow-about.svg); width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -16px; } .about-main__list li + li { margin-top: 40px; } .about-main__left { width: 100%; max-width: 567px; } .about-main__right { width: 100%; max-width: 1025px; min-height: 655px; } .about-presentation { background-color: rgb(5, 38, 54); color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; width: 100%; height: 100%; padding: 90px; position: relative; overflow: hidden; } .about-presentation__name { font-size: 18px; font-weight: 700; line-height: 15.896px; text-align: right; } .about-presentation__text { font-size: 27px; line-height: 30px; font-weight: 700; max-width: 240px; text-align: right; -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); -o-transform: translateY(-60px); transform: translateY(-60px); } .about-presentation__look { display: flex; align-items: center; gap: 30px; font-size: 27px; font-weight: 700; text-align: right; position: relative; z-index: 3; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .about-presentation__look:hover { text-decoration-color: rgb(255, 255, 255); } .about-presentation__look::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: calc(100% - 182px); top: calc(50% - 166px); width: 320px; height: 320px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: rgb(225, 48, 63); z-index: -1; } .about-presentation__icon { position: absolute; left: 0; top: 50%; margin-top: -225px; width: 490px; pointer-events: none; } .fullpage-default { color: rgb(5, 38, 54); } .fullpage-default section { padding: 100px 0; } .fullpage-default .about-main { padding-top: 200px; } .state-section.aos-animate .state-section__item { transform: translateX(0) !important; } .state-section__slider .swiper-wrapper { align-items: center; } .state-section__item { color: rgb(5, 38, 54); font-size: 27px; font-weight: 400; line-height: 30px; display: flex; flex-direction: column; gap: 30px; padding: 60px; border: solid 4px rgb(5, 38, 54); background-color: rgb(255, 255, 255); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; transition: transform 1.5s; z-index: 3; } .state-section__item:nth-child(2) { transform: translateX(-95%); z-index: -1; } .state-section__item:nth-child(3) { transform: translateX(-190%); z-index: -2; } .state-section__item:nth-child(4) { transform: translateX(-285%); z-index: -3; } .state-section__num { font-size: 90px; font-weight: 900; line-height: 90px; letter-spacing: -2.7px; } .state-section__text { min-height: 60px; } .state-section__item--red { background-color: rgb(225, 48, 63); color: rgb(255, 255, 255); } .state-section__item--blue { background-color: rgb(5, 38, 54); color: rgb(255, 255, 255); } .brands-section { color: rgb(5, 38, 54); } .brands-list { display: flex; flex-wrap: wrap; margin-top: 90px; width: 100%; gap: 30px 0; } .brands-item { cursor: pointer; width: 20%; color: #052636; font-size: 27px; font-weight: 700; line-height: 30px; letter-spacing: -1.08px; position: relative; z-index: 1; align-items: center; justify-content: center; display: flex; } .brands-item > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .brands-item img { max-height: 89px; } .brands-more { padding: 20px 20px; background-color: rgba(5, 38, 54, 0.05); width: 100%; display: block; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; border-radius: 90px; text-align: center; font-size: 18px; } .contact-form__block { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; border: solid 4px rgb(5, 38, 54); } .contact-form__content { padding: 90px; color: rgb(5, 38, 54); font-size: 27px; font-weight: 700; line-height: 60px; display: flex; flex-wrap: wrap; align-items: center; gap: 30px; } .contact-form__content .caption { margin-bottom: 85px; width: 100%; } .contact-form__content .row { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; width: 100%; } .contact-form__content input { max-width: 800px; } .contact-form__content .selectric-wrapper { display: inline-block; vertical-align: middle; max-width: 446px; } .contact-form__content .phone-input { max-width: 346px; width: 100%; } .contact-form__content .toh { margin-left: -20px; pointer-events: none; } .form-default input { color: rgba(5, 38, 54, 0.3); font-size: 27px; font-weight: 400; line-height: 60px; width: 100%; border: 0; border-bottom: solid 4px rgb(5, 38, 54); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; text-align: center; } .form-default .submit-form__text label { color: rgba(255, 255, 255, 0.5); } .form-default .submit-form__text input:checked + label { color: rgb(255, 255, 255); } .form-default .submit-form__text input:checked + label::before { border-color: rgb(255, 255, 255); } .form-default .submit-form__text label:hover { color: rgb(255, 255, 255); } .form-default .submit-form__text label:before { border: solid 2px rgb(255, 255, 255); } .form-default .submit-form__text label:after { background-color: rgb(255, 255, 255); } .contact-form__controls { font-size: 27px; font-weight: 700; display: flex; flex-wrap: wrap; overflow: hidden; -webkit-border-radius: 0px 0px 45px 45px; -moz-border-radius: 0px 0px 45px 45px; -ms-border-radius: 0px 0px 45px 45px; border-radius: 0px 0px 45px 45px; } .fileLoad { background-color: rgb(5, 38, 54); padding: 70px 90px; width: 50%; } .fileLoad input { display: none; } .fileLoad label { display: inline-flex; cursor: pointer; color: rgb(255, 255, 255); font-size: 27px; font-weight: 700; display: flex; align-items: center; gap: 20px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .fileLoad label:hover { text-decoration-color: rgb(255, 255, 255); } .fileLoad.load .fileLoad__delete { display: flex; align-items: center; justify-content: center; cursor: pointer; } .fileLoad .fileLoad__delete { display: none; } .fileLoad__text { font-size: 18px; font-weight: 400; opacity: 0.3; color: rgb(255, 255, 255); margin-top: 30px; display: block; width: 100%; max-width: 368px; display: flex; align-items: center; } .submit-form { background-color: rgb(225, 48, 63); padding: 70px 90px; width: 50%; font-size: 18px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } .submit-form .link-site { margin-left: auto; color: rgb(255, 255, 255); } .submit-form__text { display: flex; align-items: center; gap: 20px; color: rgba(255, 255, 255, 0.5); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; margin-left: auto; } .submit-form__text input { display: none; } .submit-form__text input:checked + label::before { border-color: rgb(5, 38, 54); } .submit-form__text input:checked + label:after { opacity: 1; } .submit-form__text label { cursor: pointer; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; padding-left: 30px; } .submit-form__text label::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; border: solid 2px rgb(5, 38, 54); position: absolute; left: 0; top: 0; } .submit-form__text label::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; background-color: rgb(5, 38, 54); order: -1; opacity: 0; position: absolute; left: 7px; top: 7px; } .submit-form__text label a { text-decoration: underline; transition: text-decoration 0.3s; } .submit-form__text label a:hover { text-decoration-color: transparent; } .submit-form__text:hover { color: rgb(5, 38, 54); } .mobile-visible-section { display: none; } .grettings-page { background-color: rgb(5, 38, 54); width: 100%; min-height: 460px; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 90px; padding-bottom: 90px; position: relative; z-index: 3; overflow: hidden; } .grettings-page:has(.grettings-page__next), .grettings-page:has(.grettings-page__prev) { padding-bottom: 70px; min-height: 372px; } .grettings-page:has(.grettings-page__next)::before, .grettings-page:has(.grettings-page__prev)::before { display: none; } .grettings-page::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 478px; height: 478px; background-color: rgb(225, 48, 63); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; z-index: -1; top: calc(100% - 145px); left: calc(0% - 110px); } .grettings-page .caption { color: rgb(255, 255, 255); font-size: 140px; font-weight: 900; line-height: 100px; } .contacts-page { display: flex; justify-content: space-between; overflow: hidden; } .contacts-page__list { padding-bottom: 23px; } .contacts-page__item { color: rgb(5, 38, 54); font-size: 27px; font-weight: 300; line-height: 27px; } .contacts-page__item + .contacts-page__item { margin-top: 90px; } .contacts-page__title { margin-bottom: 40px; opacity: 0.5; display: block; } .contacts-page__row { display: flex; flex-wrap: wrap; align-items: center; } .contacts-page__row + .contacts-page__row { margin-top: 30px; } .contacts-page__caption { font-size: 40px; font-weight: 900; line-height: 40px; } a.contacts-page__caption { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } a.contacts-page__caption:hover { text-decoration-color: rgb(5, 38, 54); } .contacts-page__text { display: block; margin-top: 15px; width: 100%; } .contacts-page__social { display: flex; flex-wrap: wrap; align-items: center; gap: 66px; margin-left: 82px; } .contacts-page__map { position: relative; width: calc(50% + 12px); border: solid 4px rgb(5, 38, 54); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; overflow: hidden; } #map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .form-question { display: flex; flex-wrap: wrap; color: rgb(5, 38, 54); } .form-question .caption { line-height: 90px; } .form-question .input-row + .input-row { margin-top: 15px; } .form-question input { height: 100px; } .form-question .submit-form__text { font-size: 18px; margin-top: auto; } .form-question__inner { width: 100%; border: solid 4px rgb(5, 38, 54); -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; overflow: hidden; } .form-question__content { padding: 54px 90px 89px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .form-question__content .form-question__text { display: none; font-size: 14px; line-height: 16px; } .form-question__left { width: 50%; max-width: 590px; } .form-question__right { width: 50%; max-width: 768px; } .form-question__bottom { background-color: rgb(225, 48, 63); color: rgb(255, 255, 255); font-size: 27px; font-weight: 300; line-height: 37px; padding: 69px 90px; display: flex; flex-wrap: wrap; justify-content: space-between; } .form-question__text { opacity: 0.5; width: 45%; } .form-question__submit { width: 50%; display: flex; flex-direction: column; align-items: flex-end; } .not-page { color: rgb(5, 38, 54); padding-top: 290px; padding-bottom: 200px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .not-page .marquee-block a:hover { color: rgb(255, 255, 255); } .not-page .caption { width: 100%; font-size: 140px; line-height: 140px; font-weight: 900; } .not-page .marquee-block { margin-top: 70px; margin-bottom: 140px; border-top: solid 4px rgb(5, 38, 54); padding-top: 10px; } .page-error { font-size: 27px; font-weight: 300; line-height: 37px; display: flex; flex-direction: column; justify-content: space-between; width: 50%; } .page-error__text { max-width: 530px; } .about-section { color: rgb(5, 38, 54); display: flex; padding-top: 120px; justify-content: space-between; } .about-section__left { width: 100%; max-width: 855px; font-size: 27px; font-weight: 300; line-height: 37px; } .about-section__left .caption { margin-bottom: 70px; line-height: normal; } .about-section__left p + p { margin-top: 20px; } .about-section__right { width: calc(50% - 14px); border: solid 4px rgb(5, 38, 54); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; padding: 100px; font-size: 18px; font-style: normal; font-weight: 300; line-height: 28px; /* 155.556% */ } .about-section__right .caption { font-size: 40px; font-weight: 900; line-height: 40px; margin-bottom: 40px; display: block; position: relative; } .about-section__right .caption::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: -77px; top: 0; background-image: url("/bitrix/templates/internet-team/css/../img/svg/about-arrow.svg"); width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; } .about-section__right p { max-width: 500px; width: 100%; } .about-section__right ul li { padding-left: 75px; } .about-section__right ul li + li { margin-top: 66px; } .about-section__content { width: 100%; max-width: 754px; } .task-section { color: rgb(5, 38, 54); } .task-section .caption { max-width: 50%; line-height: 90px; } .task-section__inner { width: 100%; padding: 150px 0 200px; border-bottom: solid 4px rgb(5, 38, 54); } .task-slider { margin-top: 120px; font-size: 18px; font-weight: 300; line-height: 28px; } .task-slider .swiper-pagination { margin-top: 40px; justify-content: flex-start; } .task-slider__name { font-size: 40px; font-weight: 900; line-height: 40px; display: block; margin-bottom: 50px; } .task-wrapper { overflow: hidden; width: 100%; position: relative; left: -10px; width: calc(100% + 20px); padding: 0 10px; } .about-page { color: rgb(5, 38, 54); overflow: hidden; font-size: 18px; font-weight: 300; line-height: 28px; } .about-page .about-main { padding-top: 100px; } .about-page .about-section { padding-top: 0; } .about-page .state-section { padding: 200px 0; } .about-page .contact-form { margin-top: 200px; } .structure-company { color: rgb(5, 38, 54); } .structure-company .section-title { flex-direction: row; justify-content: space-between; align-items: flex-start; font-size: 27px; font-weight: 300; line-height: 37px; } .structure-company .section-title .caption { max-width: 40%; width: 100%; line-height: 90px; } .structure-company .section-title p { max-width: 60%; width: 100%; padding-left: 15px; } .structure-company__row { margin-top: 120px; } .structure-company__col { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; border: solid 4px rgb(5, 38, 54); padding: 70px 75px; } .structure-company__col + .structure-company__col { margin-top: 70px; } .structure-company__list { margin-top: 20px; border-top: solid 4px rgb(5, 38, 54); display: flex; justify-content: flex-end; align-items: flex-start; padding-left: 51px; } .structure-company__item { width: 33.3333333333%; color: rgb(5, 38, 54); font-size: 18px; font-weight: 300; line-height: 18px; padding-top: 70px; display: flex; flex-direction: column; align-items: center; } .structure-company__item:nth-last-of-type(3) { align-items: flex-start; } .structure-company__item ul { margin-top: 30px; } .structure-company__item li { position: relative; padding-left: 40px; } .structure-company__item li::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; width: 10px; height: 4px; top: 50%; background-color: rgb(5, 38, 54); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .structure-company__item li + li { margin-top: 20px; } .structure-company__name { font-size: 27px; font-weight: 900; line-height: 27px; position: relative; display: block; } .structure-company__caption { display: flex; align-items: center; gap: 30px; margin-bottom: 70px; } .structure-company__line .caption { font-size: 40px; line-height: 40px; } .structure-company__line + .structure-company__line { margin-top: 50px; } .structure-company__bl { width: 314px; position: relative; } .structure-company__bl::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; bottom: calc(100% + 20px); left: -50px; background-image: url("/bitrix/templates/internet-team/css/../img/bl-line.png"); width: 54px; height: 54px; } .certificates-section { overflow: hidden; } .certificates-section__inner { background-color: rgb(5, 38, 54); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; padding: 70px; position: relative; } .certificates-section__inner .caption { color: rgb(255, 255, 255); } .certificates-slider { margin-top: 90px; color: rgb(255, 255, 255); overflow: visible; } .certificates-slider .swiper-slide { display: flex; align-items: center; } .certificates-slider .swiper-slide.swiper-slide-next .certificates-slider__picture { -moz-transform: translateX(-70px); -ms-transform: translateX(-70px); -webkit-transform: translateX(-70px); -o-transform: translateX(-70px); transform: translateX(-70px); border-color: rgb(5, 38, 54); } .certificates-slider__picture { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; border: solid 4px rgb(255, 255, 255); overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .certificates-slider__picture img { width: 783px; } .certificates-slider__content { width: calc(100% - 783px); padding-left: 70px; font-size: 18px; font-weight: 300; line-height: 28px; max-width: 590px; } .certificates-slider__name { font-size: 40px; font-weight: 900; line-height: 40px; display: block; margin-bottom: 40px; } .certificates-slider__link { font-size: 27px; font-weight: 700; line-height: 34px; color: rgb(255, 255, 255); display: flex; align-items: center; gap: 30px; margin-top: 63px; max-width: 400px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .certificates-slider__link:hover { text-decoration-color: rgb(255, 255, 255); } .certificates-slider__controls { color: rgb(255, 255, 255); position: absolute; top: 90px; right: 90px; } .swiper-controls-fraction { display: flex; align-items: center; gap: 30px; font-size: 27px; font-weight: 700; line-height: 50px; } .swiper-controls-fraction .swiper-pagination { position: relative; top: auto; right: auto; left: auto; bottom: auto; display: flex; align-items: center; } .swiper-controls-fraction .swiper-button-prev { position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 48px; height: 48px; display: flex; align-items: center; } .swiper-controls-fraction .swiper-button-prev svg { transform: scale(1, -1); } .swiper-controls-fraction .swiper-button-prev { position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 48px; height: 48px; display: flex; align-items: center; z-index: 2; transform: scale(1, -1); } .swiper-controls-fraction .swiper-button-next { position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 48px; height: 48px; display: flex; align-items: center; z-index: 2; } .letters-client { color: rgb(5, 38, 54); overflow: hidden; } .letters-client .caption:not(.job-name) { width: 100%; max-width: 40%; line-height: 90px; } .job-slider { margin-top: -249px; } .job-slider .swiper-slide { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; } .job-slider .swiper-slide.swiper-slide-active .job-slider__pictures { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .job-slider .swiper-slide.swiper-slide-active .job-slider__content { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .job-slider__pictures { display: flex; align-items: center; width: 785px; height: 693px; position: relative; -webkit-transition: all 1s 0.3s; -moz-transition: all 1s 0.3s; -o-transition: all 1s 0.3s; transition: all 1s 0.3s; -moz-transform: translateX(150%); -ms-transform: translateX(150%); -webkit-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%); } .job-slider__pictures .picture { display: block; width: 493px; height: 100%; border: solid 4px rgb(5, 38, 54); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; overflow: hidden; position: relative; z-index: 1; position: absolute; top: 0; background-color: rgb(255, 255, 255); } .job-slider__pictures .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .job-slider__pictures .picture::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; opacity: 0; pointer-events: none; left: 0; top: 0; z-index: 2; } .job-slider__pictures .picture img { width: 100%; height: 100%; object-fit: cover; } .job-slider__pictures .picture:nth-child(1) { right: 293px; z-index: 2; } .job-slider__pictures .picture:nth-child(2) { right: 150px; z-index: 1; } .job-slider__pictures .picture:nth-child(2)::before { background-color: rgb(225, 48, 63); opacity: 0.9; } .job-slider__pictures .picture:nth-child(3) { right: 0; z-index: 0; } .job-slider__pictures .picture:nth-child(3)::before { background-color: rgb(5, 38, 54); opacity: 0.9; } .job-slider__content { width: calc(50% - 345px); line-height: 28px; position: relative; -webkit-transition: all 1s 0.3s; -moz-transition: all 1s 0.3s; -o-transition: all 1s 0.3s; transition: all 1s 0.3s; -moz-transform: translateX(-150%); -ms-transform: translateX(-150%); -webkit-transform: translateX(-150%); -o-transform: translateX(-150%); transform: translateX(-150%); } .job-name { margin-bottom: 25px; max-width: 100%; } .job-title { font-size: 27px; font-weight: 400; line-height: 30px; display: block; margin-bottom: 50px; } .letters-client__controls { color: rgb(5, 38, 54); width: 157px; position: absolute; bottom: 0; left: 50%; margin-left: -222px; } .letters-client__controls .swiper-pagination-current { color: rgb(5, 38, 54); } .letters-client__controls .swiper-pagination-total { color: rgb(5, 38, 54); } .letters-client__controls .swiper-button-prev svg { transform: scale(-1, 1); } .letters-client__controls .swiper-button-prev svg path { stroke: rgb(5, 38, 54); } .letters-client__controls .swiper-button-next svg path { stroke: rgb(5, 38, 54); } .letters-client__controls .swiper-button-next.swiper-button-disabled, .letters-client__controls .swiper-button-prev.swiper-button-disabled { opacity: 0 !important; pointer-events: none; display: none; } .letters-client__controls .swiper-pagination-current:before { content: "0"; } .letters-client__controls .swiper-pagination-total:before { content: "0"; } .other-letters { color: rgb(5, 38, 54); overflow: hidden; } .other-letters__list { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; height: 923px; width: 100%; scrollbar-color: rgb(5, 38, 54) #e6e9eb; scrollbar-width: thin; padding: 120px 0; overflow: auto; } .other-letters__list::-webkit-scrollbar { width: 5px; background-color: #e6e9eb; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; left: 5px; } .other-letters__list::-webkit-scrollbar-thumb { width: 5px; background-color: rgb(5, 38, 54); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } .other-letters__item { display: flex; align-items: center; gap: 49px; } .other-letters__content { overflow: hidden; font-size: 18px; font-weight: 300; line-height: 26px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; width: calc(100% - 272px - 49px); } .other-letters__content p { height: 183px; overflow: hidden; } .other-letters__desc { font-size: 18px; font-weight: 300; line-height: 18px; color: rgba(5, 38, 54, 0.5); } .other-letters__picture { width: 272px; height: 380px; position: relative; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; position: relative; z-index: 1; overflow: hidden; } .other-letters__picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .other-letters__picture::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-color: #e6e9eb; left: 0; top: 0; z-index: 2; opacity: 0.6; } .other-letters__slider { margin-top: 120px; position: relative; } .other-letters__slider::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 170px; left: 0; top: -3px; z-index: 2; pointer-events: none; width: calc(100% - 5px); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } .other-letters__slider::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 170px; left: 0; bottom: -3px; z-index: 2; pointer-events: none; width: calc(100% - 5px); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } .grettings-state { display: flex; align-items: flex-start; margin-left: auto; font-size: 27px; font-weight: 300; line-height: 30px; color: rgb(255, 255, 255); gap: 100px; } .grettings-state__data { font-size: 60px; font-weight: 900; line-height: 60px; letter-spacing: -1.8px; display: block; } .grettings-state__title { display: block; } .tabs-list { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .tabs-list__count { font-size: 27px; font-weight: 400; line-height: 20px; opacity: 0.5; } .tabs-link { color: rgb(5, 38, 54); font-size: 27px; font-weight: 400; line-height: 20px; padding: 30px 35px; border: solid 4px #e6e9eb; display: flex; align-items: center; gap: 20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tabs-link--active { border-color: rgb(5, 38, 54); background-color: rgb(5, 38, 54); color: rgb(255, 255, 255); } .tabs-link:hover { border-color: rgb(5, 38, 54); } .projects-page { color: rgb(5, 38, 54); overflow: hidden; } .projects-page .example-list { padding: 0; } .projects-page .example-section { padding-left: 0; padding-right: 0; } .tabs-block .mobile { display: none; } .tabs-block__controls { display: none; } .tabs-mobile-filter { display: none; } .tabs-block__close { display: none; } .example-list .btn { width: 100%; } .grettings-page__prev { color: rgb(255, 255, 255); font-size: 27px; font-weight: 700; line-height: 30px; letter-spacing: 0.54px; display: flex; align-items: center; gap: 17px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .grettings-page__prev svg path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .grettings-page__prev:hover { opacity: 0.7; } .grettings-page__next { color: rgb(255, 255, 255); font-size: 27px; font-weight: 700; line-height: 30px; letter-spacing: 0.54px; display: flex; align-items: center; gap: 17px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .grettings-page__next svg path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .grettings-page__next:hover { opacity: 0.7; } .project-block { color: rgb(5, 38, 54); overflow: hidden; } .project-block__head { display: flex; justify-content: space-between; padding-bottom: 90px; } .project-block__head .caption { font-size: 140px; line-height: 150px; font-weight: 900; max-width: 65%; } .project-block__site { text-align: right; font-size: 18px; font-weight: 300; line-height: 20px; display: flex; flex-direction: column; align-items: flex-end; } .project-block__site .title { opacity: 0.5; display: block; margin-bottom: 10px; } .project-block__site .link { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; font-size: 27px; line-height: 30px; } .project-block__site .link:hover { text-decoration-color: rgb(5, 38, 54); } .project-block__site .link-site { margin-top: auto; font-size: 27px; gap: 23px; } .project-preview { position: relative; left: -70px; width: calc(100% + 140px); } .project-preview img { width: 100%; } .project-row { display: flex; justify-content: space-between; font-size: 27px; font-weight: 300; line-height: 37px; padding: 150px 0; border-bottom: solid 4px rgb(5, 38, 54); } .project-row .title { opacity: 0.5; font-size: 18px; line-height: 20px; display: block; margin-bottom: 20px; } .project-row .project-col__left { max-width: 666px; width: 100%; } .project-row .project-col__right { width: calc(100% - 666px - 90px); } .project-row .project-col__right ul:first-child { margin-top: 0; } .project-row ul { margin-top: 70px; } .project-row ul li { position: relative; padding-left: 60px; } .project-row ul li::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; width: 30px; height: 4px; background-color: rgb(5, 38, 54); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .project-row ul li + li { margin-top: 50px; } .list-tools { display: flex; flex-wrap: wrap; gap: 20px; } .list-tools__item { font-size: 18px; font-weight: 700; line-height: 18px; padding: 30px 40px; background-color: #f3f4f5; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } .project-logo { display: flex; align-items: center; justify-content: space-between; gap: 30px; color: rgb(5, 38, 54); font-size: 16px; font-weight: 300; line-height: 27px; padding: 150px 0; } .project-logo__old { width: 50%; display: flex; flex-direction: column; align-items: center; gap: 95px; } .project-logo__new { width: 50%; display: flex; flex-direction: column; align-items: center; gap: 95px; } .project-logo__text { opacity: 0.5; } .project-document { display: flex; justify-content: space-between; color: rgb(5, 38, 54); padding: 150px 0; } .project-document__doc { position: relative; border: solid 4px rgb(5, 38, 54); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; width: 493px; height: 689px; overflow: hidden; } .project-document__doc img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .project-document__content { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; background-color: rgba(230, 233, 235, 0.5); font-size: 18px; font-weight: 300; line-height: 28px; display: flex; align-items: center; justify-content: center; width: calc(100% - 493px - 32px); } .project-document__content .caption { margin-bottom: 40px; } .project-document__content .text { max-width: 775px; margin: 0 auto; } .project-document__pos { font-size: 27px; font-weight: 300; line-height: 30px; display: block; margin-bottom: 90px; } .thanks-block { position: relative; left: -70px; width: calc(100% + 140px); color: rgb(255, 255, 255); font-size: 40px; font-weight: 300; line-height: 40px; display: flex; flex-direction: column; align-items: flex-start; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px; height: 1080px; } .thanks-block .link-site { color: rgb(255, 255, 255); } .thanks-block__content { max-width: 577px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 120px; height: 100%; } .thanks-block__content .submit-form__text { font-size: 18px; } .thanks-block__content .submit-form__text label { color: rgba(255, 255, 255, 0.5); } .thanks-block__content .submit-form__text input:checked + label { color: rgb(255, 255, 255); } .thanks-block__content .submit-form__text input:checked + label::before { border-color: rgb(255, 255, 255); } .thanks-block__content .submit-form__text label:hover { color: rgb(255, 255, 255); } .thanks-block__content .submit-form__text label:before { border: solid 2px rgb(255, 255, 255); } .thanks-block__content .submit-form__text label:after { background-color: rgb(255, 255, 255); } .thanks-block__controls { margin-top: auto; display: flex; flex-direction: column; gap: 50px; } .other-projects { color: rgb(5, 38, 54); overflow: hidden; } .other-projects .swiper-pagination { justify-content: flex-start; margin-top: 30px; } .other-projects__slider { border-bottom: solid 4px rgb(5, 38, 54); padding-top: 120px; position: relative; } .other-projects__slider .swiper-slide:nth-child(2n) .example-small { flex-direction: column-reverse; } .other-projects__slider .swiper-slide:nth-child(2n) .example-small .example-section__left { order: 3; } .other-projects__slider .swiper-slide:nth-child(2n) .example-small .example-section__bottom { order: 2; } .other-projects__slider .swiper-slide:nth-child(2n) .link-review .review-client { bottom: auto; top: 50%; border-radius: 0px 60px 60px 60px; transform-origin: left top; } .example-small { display: flex; flex-direction: column; align-items: flex-start; gap: 50px; } .example-small .picture { height: 510px; } .example-small .example-section__content { font-size: 18px; line-height: 28px; } .example-small .example-section__center { order: -1; width: 100%; justify-content: flex-start; flex: initial; } .example-small .example-block { width: 100%; max-width: 500px; margin: 0; height: 410px; border-radius: 36px; margin-bottom: 0; pointer-events: none; } .example-small .example-block--default .example-element:nth-child(1) { width: 455px; height: 435px; right: -72px; top: -108px; } .example-small .example-block--default .example-element:nth-child(2) { width: 480px; height: 340px; bottom: -105px; left: -105px; } .example-small .example-block--artLend .example-element:nth-child(1) { width: 330px; height: 380px; right: -50px; top: -58px; } .example-small .example-block--artLend .example-element:nth-child(2) { width: 390px; height: 669px; bottom: -199px; left: -40px; } .example-small .example-block--Moon .example-element:nth-child(1) { width: 345px; height: 327px; right: -42px; top: -81px; } .example-small .example-block--Moon .example-element:nth-child(2) { width: 430px; height: 270px; bottom: -25px; left: -70px; } .example-small .example-block--BUR .example-element:nth-child(1) { width: 264px; height: 232px; bottom: -28px; left: -50px; } .example-small .example-block--BUR .example-element:nth-child(2) { width: 248px; height: 328px; right: -8px; top: -76px; } .example-small .example-block--BUR .example-element:nth-child(3) { width: 198px; right: -21px; bottom: -40px; transform: rotate(-35deg); height: 190px; } .example-small .example-block--OSQ .example-element { width: 620px; height: 730px; left: calc(50% - 320px); bottom: -170px; } .example-small .example-section__left .caption { margin-bottom: 30px; font-size: 40px; line-height: 40px; } .example-small .example-section__left ul { margin-top: 20px; } .example-small .example-section__left li span { margin-bottom: 0; } .example-small .link-review__text { display: none; } .example-small .example-section__left li + li { margin-top: 20px; } .example-small .example-section__bottom { margin-top: 0; } .example-small .example-block--mon::before { width: 100%; height: 100%; top: 0; left: 0; } .example-small .example-block--default .example-element:nth-child(1) { right: -102px; top: -138px; transform: scale(0.8); } .example-small .example-block--default .example-element:nth-child(2) { bottom: -55px; left: -155px; } .example-small .example-block--super .example-element:nth-child(2) { bottom: -95px; left: -155px; transform: scale(1.5); } .example-small .example-block--super::before { background-position: center; background-size: contain; } .example-small .example-block--stroy .example-element:nth-child(1) { transform: scale(0.6); } .example-small .example-block--stroy .example-element:nth-child(2) { transform: scale(0.8); } .example-small .example-block--pallet .example-element:nth-child(2) { transform: scale(0.7); } .example-small .example-block--veza .example-element:nth-child(1) { transform: scale(0.6); right: -133px; top: -120px; } .example-small .example-block--veza .example-element:nth-child(2) { transform: scale(0.6); bottom: -145px; left: -294px; } .example-small .example-block--akb::before { background-size: contain; background-position: center; } .example-small .example-block--ave::before { background-size: 50%; background-position: center; } .example-small .example-block--stroy::before { background-position: center; } .example-small .example-block--tiokraft::before { background-size: contain; background-position: center; } .example-small .example-block--kino .example-element:nth-child(1) { right: -180px; transform: scale(0.8); } .example-small .example-block--kino .example-element:nth-child(2) { width: 756px; height: 640px; bottom: -25px; left: -244px; transform: scale(0.7); } .project-images { display: flex; flex-direction: column; position: relative; left: -70px; width: calc(100% + 140px); } .project-images .picture { width: 100%; } .project-images .picture img { position: relative; } .dino { background-image: url("/bitrix/templates/internet-team/css/../img/svg/dino.svg"); width: 200px; height: 200px; } .butterflies { position: relative; } .butterflies .butterflie { background-position: center; background-repeat: no-repeat; } .butterflie-1 { background-image: url("/bitrix/templates/internet-team/css/../img/butterflie-1.png"); width: 227px; height: 247px; } .butterflie-2 { background-image: url("/bitrix/templates/internet-team/css/../img/butterflie-2.png"); width: 86px; height: 80px; position: absolute; left: calc(50% + 113px); bottom: -65px; } .butterflie-3 { background-image: url("/bitrix/templates/internet-team/css/../img/butterflie-3.png"); width: 53px; height: 55px; position: absolute; left: calc(50% + 126px); top: 30px; } .scheme-section { display: flex; flex-direction: column; color: rgb(5, 38, 54); position: relative; padding-top: 120px; padding-bottom: 120px; overflow: hidden; } .scheme-section .caption { max-width: 50%; } .scheme-section::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: calc(50% + 95px); background-image: url("/bitrix/templates/internet-team/css/../img/svg/line-scheme.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 471px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .scheme-section__start { color: rgb(5, 38, 54); font-size: 27px; font-weight: 900; line-height: 27px; max-width: 260px; width: 100%; margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 30px; text-align: right; position: relative; z-index: 5; background-color: rgb(255, 255, 255); } .scheme-section__start span { font-weight: 300; } .scheme-section__end { color: rgb(5, 38, 54); font-size: 27px; font-weight: 900; line-height: 27px; display: flex; align-items: center; max-width: 460px; width: 100%; margin-right: auto; gap: 0; position: relative; left: -30px; } .scheme-section__end strong { -moz-transform: translate(10px, 39px); -ms-transform: translate(10px, 39px); -webkit-transform: translate(10px, 39px); -o-transform: translate(10px, 39px); transform: translate(10px, 39px); } .scheme-section__list { display: flex; justify-content: center; width: 100%; margin: 0 auto; gap: 57px; padding: 110px 0 25px; } .scheme-section__item { color: rgb(255, 255, 255); background-color: rgb(5, 38, 54); font-size: 18px; font-weight: 900; line-height: 27px; padding: 30px 40px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; text-align: center; border: solid 4px rgb(5, 38, 54); position: relative; } .scheme-section__item::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("/bitrix/templates/internet-team/css/../img/svg/arrow-scheme.svg"); background-position: center; background-repeat: no-repeat; width: 18px; height: 35px; left: -22px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .scheme-section__item:hover, .scheme-section__item.active { background-color: rgb(225, 48, 63); } .scheme-section__content { position: relative; margin-top: -150px; } .invis-anchor-section { position: fixed; top: -500px; left: 0; background-color: rgb(255, 255, 255); z-index: 10; padding-top: 0; padding-bottom: 0; transition: all 0.3s; width: 100%; } .invis-anchor-section .invis-anchor { padding-top: 10px; padding-bottom: 10px; justify-content: center; } .invis-anchor-section .tabs-link { padding: 15px 30px; font-size: 16px; line-height: 18px; } .invis-anchor-section.fixed { top: 100px; } .invis-anchor { display: flex; overflow: auto; width: 100%; border-top: solid 4px rgb(5, 38, 54); padding-top: 50px; padding-bottom: 10px; gap: 10px; scrollbar-color: rgb(5, 38, 54) transparent; scrollbar-width: thin; transition: all 0.3s; left: -70px; position: relative; width: calc(100% + 140px); padding: 50px 70px 10px; } .invis-anchor::-webkit-scrollbar { width: 4px; height: 4px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: transparent; } .invis-anchor::-webkit-scrollbar-thumb { width: 4px; height: 4px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: transparent; } .invis-anchor .tabs-link { white-space: nowrap; font-size: 18px; font-weight: 400; line-height: 18px; } .invis-anchor .tabs-link.active { background-color: rgb(5, 38, 54); border-color: rgb(5, 38, 54); color: rgb(255, 255, 255); } .current-business { color: rgb(5, 38, 54); overflow: hidden; } .services-head { display: flex; justify-content: space-between; align-items: flex-end; } .services-head__left { width: 50%; } .services-head__left .caption span { display: inline; } .services-head__left .caption img { display: inline; width: 70px; transform: scale(-1, 1); } .services-head__icon { margin-left: auto; } .services-head__right { width: 50%; } .services-head__right svg { display: block; } .services-head__right strong { text-align: right; font-size: 27px; font-weight: 900; line-height: 37px; display: block; margin-top: 30px; max-width: 523px; margin-left: auto; } .serv-list { color: rgb(5, 38, 54); display: grid; grid-template-columns: repeat(3, 1fr); gap: 90px; margin-top: 120px; } .serv-item { display: grid; grid-template-columns: 70px 1fr; gap: 30px; } .serv__icon { grid-row: 1/3; } .serv__caption { font-size: 27px; font-weight: 700; line-height: 27px; display: block; min-height: 54px; display: flex; align-items: center; position: relative; top: 5px; } .serv-item__big { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-align: right; gap: 50px; width: 100%; font-size: 27px; font-weight: 900; line-height: 37px; } .serv-item__big strong { max-width: 458px; } .serv-slider .swiper-controls { display: none; } .service-step { color: rgb(5, 38, 54); overflow: hidden; } .service-step .services-head { align-items: flex-start; } .service-step .services-head__left { width: 50%; } .service-step .services-head__right { max-width: 724px; width: 100%; font-size: 18px; font-weight: 300; line-height: 28px; } .service-step .services-head__right p + p { margin-top: 20px; } .services-head__title { opacity: 0.2; font-size: 27px; font-weight: 900; line-height: 37px; display: block; margin-bottom: 30px; } .service-step__links { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px; margin-top: 100px; width: 100%; } .service-step__links .tabs-link { font-size: 18px; line-height: 20px; font-weight: 700; padding: 20px; } .service-content { margin-top: 150px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .service-content .caption { max-width: 60%; } .service-content .service-content__desc { max-width: 40%; } .info-slider { font-size: 18px; font-weight: 400; line-height: 28px; margin-top: 60px; position: relative; left: -70px; width: calc(100% + 140px); padding: 0 70px; } .info-slider .info-slider__content { padding: 140px; border: solid 4px rgb(5, 38, 54); border-radius: 60px; width: 100%; max-width: 1170px; height: 614px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .info-slider .swiper-slide { width: 100%; } .info-slider .swiper-slide h2, .info-slider .swiper-slide p { max-width: 525px; } .info-slider .caption { font-size: 40px; line-height: 40px; margin-bottom: 40px; } .info-slider .swiper-slide { opacity: 0; transition: opacity 0.3s; } .info-slider .swiper-slide.swiper-slide-active { opacity: 1; } .info-slider__picture { position: absolute; left: 50%; top: 50%; transform: translateY(-50%); } .info-slider__controls { display: flex; justify-content: flex-start; align-items: center; gap: 30px; left: 200px; bottom: calc(50% - 180px); position: absolute; } .info-slider__controls .swiper-pagination { font-size: 27px; font-weight: 700; line-height: 50px; width: auto; margin: 0; } .info-slider__controls .swiper-button-prev { position: relative; width: 48px; height: 48px; } .info-slider__controls .swiper-button-next { position: relative; width: 48px; height: 48px; } .info-slider__controls svg path { stroke: rgb(5, 38, 54); } .info-slider__controls .swiper-button-disabled svg { opacity: 0.2; } .text-step { display: flex; justify-content: center; align-items: center; position: relative; } .text-step::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; width: 100%; height: 4px; background-color: rgb(5, 38, 54); transform: translateY(-50%); } .text-step__text { padding: 31px; display: block; background-color: rgb(5, 38, 54); display: flex; justify-content: center; align-items: center; gap: 30px; border-radius: 100px; z-index: 2; font-size: 27px; font-weight: 900; line-height: 27px; color: rgb(255, 255, 255); } .form-question + .other-projects .other-projects__slider { border-bottom: 0; } .service-content__list { font-size: 16px; font-weight: 400; line-height: 26px; width: 100%; } .service-content__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px 50px; } .service-content__item p { width: 100%; } .service-content__item { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 30px; } .service-content__item .caption { font-size: 40px; line-height: 40px; } .service-content__desc { margin-left: auto; text-align: right; font-weight: 700; font-size: 18px; line-height: 28px; padding: 50px; background-color: #f3f4f5; border-radius: 40px; } .service-content__icon { min-height: 70px; min-width: 70px; } .service-content__slider { width: 100%; margin-top: 120px; } .service-content__slider .swiper-controls { display: none; } .step-work__grid .mobile-visible { display: none; } .step-work__grid .desktop-vivisble { display: block; } .step-work__slider .swiper-wrapper { display: grid; grid-template-columns: 1fr; grid-template-columns: repeat(3, 1fr); gap: 20px 30px; } .step-work__slider .swiper-controls { display: none; } .step-work__item { padding: 50px; border: solid 4px rgb(5, 38, 54); border-radius: 60px; position: relative; } .step-work__item .num { font-size: 40px; font-weight: 900; line-height: 40px; color: rgb(255, 255, 255); border: solid 4px rgb(5, 38, 54); border-radius: 50%; background-color: rgb(225, 48, 63); position: absolute; right: 20px; top: -15px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .step-work__item .caption { font-size: 40px; font-weight: 900; line-height: 40px; } .step-work__item p { margin-top: 70px; height: 73px; overflow: hidden; } .service-content__head { display: flex; align-items: center; gap: 34px; } .whatCanDo { color: rgb(5, 38, 54); display: grid; grid-template-columns: repeat(5, 1fr); gap: 70px; font-size: 18px; font-weight: 300; line-height: 28px; } .whatCanDo li { display: flex; flex-direction: column; align-items: flex-start; gap: 51px; } .result-service { color: rgb(5, 38, 54); font-size: 27px; font-weight: 300; line-height: 37px; width: 100%; } .result-service li { display: flex; align-items: center; gap: 40px; } .result-service li + li { margin-top: 70px; } .result-service svg { min-width: 70px; min-height: 70px; width: 70px; height: 70px; } .our-cases { color: rgb(5, 38, 54); overflow: hidden; } .our-cases__content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 120px; position: relative; overflow: visible; } .our-cases__list { display: grid; grid-template-columns: 1fr 1fr; gap: 29px; width: calc(50% - 15px); } .our-cases__item { background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 60px; width: 100%; height: 345px; background-color: #e6e9eb; transition: background-color 0.3s; cursor: pointer; } .our-cases__item.active, .our-cases__item:hover { background-color: rgb(225, 48, 63); } .our-cases__item .example-small { height: 100%; } .our-cases__item .example-section__center { height: 100%; } .our-cases__item .example-block { height: 100%; background: transparent !important; transition: all 0.3s; } .our-cases__item .example-element { transform: scale(0.85); } .our-cases__graf { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 50px; border: solid 4px rgb(5, 38, 54); border-radius: 60px; padding: 70px; width: calc(50% - 15px); transition: transform 1s 0.3s; transform: translateX(150%); position: absolute; right: 0; top: 0; } .our-cases__graf.active { transform: translateX(0); } .our-cases__graf ul { display: flex; align-items: center; gap: 70px; font-size: 16px; font-weight: 300; line-height: 16px; } .our-cases__graf .data { margin-bottom: 10px; display: block; } .menu-footer { display: none; } .example-block { border-radius: 60px; width: 573px; height: 960px; position: relative; background-repeat: no-repeat; pointer-events: none; } .example-block--default .example-element:nth-child(1) { width: 559px; height: 459px; right: -123px; top: -69px; } .example-block--default .example-element:nth-child(2) { width: 569px; height: 609px; bottom: -45px; left: -174px; } .example-block--ave { background-image: url(/bitrix/templates/internet-team/css/../img/ave-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .example-block--ave::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-repeat: no-repeat; right: 0; top: 0; background-image: url("/bitrix/templates/internet-team/css/../img/ave-logo.png"); border-radius: 60px; background-position: center calc(50% - 95px); background-size: 70%; } .example-block--ave .example-element:nth-child(1) { width: 439px; height: 479px; } .example-block--ave .example-element:nth-child(2) { bottom: -125px; } .example-block--stroy { background-image: url(/bitrix/templates/internet-team/css/../img/stroy-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .example-block--stroy::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-repeat: no-repeat; right: 0; top: 0; background-image: url("/bitrix/templates/internet-team/css/../img/stroy-logo.png"); border-radius: 60px; background-position: center calc(50% - 95px); background-size: 70%; } .example-block--stroymoda{ background-color: #DBDBDE; } .example-block--stroymoda .example-element:nth-child(1){ right: -50px; height: 420px; top: -55px; z-index:2; } .example-block--stroymoda .example-element:nth-child(2){ height: 770px; bottom: -80px; width: 710px; left: -100px; } .example-block--tiokraft { background-image: url(/bitrix/templates/internet-team/css/../img/tiokraft-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .example-block--tiokraft::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-repeat: no-repeat; right: 0; top: 0; background-image: url("/bitrix/templates/internet-team/css/../img/tiokraft-logo.png"); border-radius: 60px; background-position: 15px calc(100% - 75px); } .example-block--tiokraft .example-element:nth-child(2){ right: -100px; left: unset; } .example-block--implus { background-image: url(/bitrix/templates/internet-team/css/../img/impuls-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .example-block--implus::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-repeat: no-repeat; right: 0; top: 0; background-image: url("/bitrix/templates/internet-team/css/../img/impuls-logo.png"); background-position: center calc(50% - 105px); background-size: 80%; background-color: rgba(75, 73, 78, 0.5); border-radius: 60px; } .example-block--film { background-color: #050505; } .example-block--film::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; max-height: 805px; opacity: 0.8; background-image: url("/bitrix/templates/internet-team/css/../img/film-bg.png"); background-position: right; background-repeat: no-repeat; right: 0; top: 50%; transform: translateY(-50%); background-color: #050505; border-radius: 60px; background-size: cover; } .example-block--pallet { background-color: #2d2d2d; } .example-block--pallet::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; opacity: 0.2; background-image: url("/bitrix/templates/internet-team/css/../img/pallet-logo.png"); background-position: center; background-repeat: no-repeat; left: 0; top: 0; } .example-block--super { background-color: #a81d3c; } .example-block--super::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-image: url("/bitrix/templates/internet-team/css/../img/super-bg.png"); background-position: calc(100% - 30px) calc(100% - 30px); background-repeat: no-repeat; left: 0; top: 0; } .example-block--mon { position: relative; background-color: #FFE3EF; } .example-block--mon::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("/bitrix/templates/internet-team/css/../img/leaf-left.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 260px; height: 240px; bottom: 70px; left: -100px; } .example-block--mon::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("/bitrix/templates/internet-team/css/../img/leaf-right.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 400px; height: 340px; top: 310px; right: -110px; } .example-block--mon .example-element:nth-child(1){ width: 580px; height: 582px; top: -50px; } .example-block--mon .example-element:nth-child(2){ height: 1010px; width: 920px; bottom: -170px; left: -270px; } .example-block--rust{ position: relative; background-image: url("/bitrix/templates/internet-team/css/../img/rustil.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } .example-block--rust .example-element:nth-child(1){ } .example-block--akb { background-color: #3c5ba6; } .example-block--akb::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; opacity: 0.2; background-image: url("/bitrix/templates/internet-team/css/../img/bg-akb.png"); background-position: center; background-repeat: no-repeat; left: 0; top: 0; } .example-block--kristal { background-color: #003869; } .example-block--mkm { background-color: #181b20; background-image: url("/bitrix/templates/internet-team/css/../img/bg-mkm.png"); background-position: center; } .example-block--expo { background-color: #1c1b1a; background-image: url("/bitrix/templates/internet-team/css/../img/bgexcpo.png"); background-position: center; background-size: 70%; } .example-block--stroy { background-color: #dbdbde; } .example-block--vgd { background-color: #003869; background-position: right; } .example-block--vgd::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: 0; width: 100%; height: 100%; background-image: url("/bitrix/templates/internet-team/css/../img/bg-vgd.png"); background-position: right; background-repeat: no-repeat; opacity: 0.1; } .example-block--opendoor { background: rgb(233, 171, 26); background: linear-gradient(-45deg, rgb(233, 171, 26) 50%, rgb(0, 0, 0) 50%); } .example-block--hanzaki { background-image: url(/bitrix/templates/internet-team/css/../img/bg-hanzaki.png); background-position: right; background-color: #232c2e; } .example-block--ural { background-image: url(/bitrix/templates/internet-team/css/../img/bg-ural.jpg); } .example-block--watt { background-color: #0b0b0b; background-image: url(/bitrix/templates/internet-team/css/../img/bg-watt.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .example-block--nort { background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 20.52%), url(/bitrix/templates/internet-team/css/), lightgray -477.83px -276.394px/362.782% 151.854% no-repeat; } .example-block--nort .example--paralax1 { background-size: 70%; } .example-block--artLend { background: linear-gradient(180deg, rgba(217, 213, 219, 0.16) 0%, #d9d5db 100%); } .example-block--artLend .example-element:nth-child(1) { width: 599px; height: 599px; right: -123px; top: -79px; } .example-block--artLend .example-element:nth-child(2) { width: 669px; height: 669px; bottom: 15px; left: -174px; } .example-block--Moon { background: linear-gradient(to bottom, rgb(34, 34, 34) 0%, rgb(34, 34, 34) 50%, rgb(159, 9, 69) 50%, rgb(159, 9, 69) 100%); } .example-block--Moon .example-element:nth-child(1) { width: 555px; height: 507px; right: -142px; top: -11px; } .example-block--Moon .example-element:nth-child(2) { width: 709px; height: 463px; bottom: 95px; left: -133px; } .example-block--BUR { background-color: #292929; background-image: url("/bitrix/templates/internet-team/css/../img/bur-logo.png"); background-position: center; } .example-block--BUR .example-element:nth-child(1) { width: 534px; height: 522px; bottom: 2px; left: -140px; } .example-block--BUR .example-element:nth-child(2) { width: 508px; height: 538px; right: -17px; top: -66px; } .example-block--BUR .example-element:nth-child(3) { width: 348px; height: 384px; bottom: 132px; right: -101px; } .example-block--OSQ { background-color: #fbf5f1; background-image: url("/bitrix/templates/internet-team/css/../img/svg/logo-osq.svg"); background-position: right; background-size: contain; } .example-block--OSQ .example-element { position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; display: block; width: 1065px; height: 1164px; left: -320px; bottom: -200px; } .example-block--veza { background: linear-gradient(180deg, #2373c3 0%, #0b3d7b 100%); } .example-block--veza .example-element:nth-child(1) { width: 472px; height: 351px; right: -73px; top: 70px; } .example-block--veza .example-element:nth-child(2) { width: 756px; height: 600px; bottom: 15px; left: -174px; } .example-block--kino { background-image: url("/bitrix/templates/internet-team/css/../img/back-kino.png"); background-position: center; background-size: cover; } .example-block--kino .example-element:nth-child(1) { width: 501px; height: 578px; right: -70px; top: 50px; } .example-block--kino .example-element:nth-child(2) { width: 756px; height: 640px; bottom: -75px; left: -174px; } .example-element { position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; display: block; } .example-list { padding: 0; overflow: hidden; } .example-list .example-section { overflow: visible; } .example-list .example-section:nth-child(2n) .example-section__content { flex-direction: row-reverse; } .example-list .example-section:nth-child(2n) .tags { justify-content: flex-start; } .example-list .example-section:nth-child(2n) .example-section__left { display: flex; flex-direction: column; align-items: flex-end; text-align: right; padding-right: 0; padding-left: 40px; } .example-list .example-section:nth-child(2n) .example-section__left ul { text-align: right; } .example-list .example-section:nth-child(2n) .example-section__right { width: 100%; } .other-projects .swiper-pagination { margin-top: 30px; margin-bottom: 30px; } .our-cases__graff--mobile { display: none; } .our-cases__mobileSlider .swiper-controls { display: none; } .link-review__icon { transition: all 0.3s; } .link-review__icon rect { transition: all 0.3s; } .link-review:hover .link-review__icon { fill: rgb(5, 38, 54); } .link-review:hover .link-review__icon rect:nth-child(2), .link-review:hover .link-review__icon rect:nth-child(3), .link-review:hover .link-review__icon rect:nth-child(4) { fill: rgb(255, 255, 255); } .link-review:hover .review-client { transform: scale(1); } .review-client { cursor: initial; color: #052636; font-size: 18px; font-weight: 400; padding: 60px; border-radius: 60px 60px 60px 0px; border: 4px solid rgb(5, 38, 54); background-color: rgb(255, 255, 255); position: absolute; bottom: 50%; left: 26px; width: 551px; transition: transform 0.3s; transform-origin: left bottom; text-align: left; transform: scale(0); } .client { display: flex; align-items: center; gap: 20px; margin-top: 30px; text-align: left; } .client__img { border-radius: 80px; background-color: #e1e9ed; width: 90px; height: 90px; padding: 19px; } .client__name { color: rgb(5, 38, 54); font-size: 18px; font-weight: 800; } .client__poss { color: rgb(5, 38, 54); font-size: 16px; font-weight: 400; opacity: 0.5; } .btn-step-prev { background-color: #052636; border-radius: 0px 30px 0px 0px; position: fixed; right: -92px; bottom: 190px; padding: 20px; font-size: 18px; font-weight: 700; line-height: 18px; color: rgb(255, 255, 255); z-index: 10; display: flex; align-items: center; gap: 10px; transition: all 0.3s; writing-mode: sideways-lr; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .btn-step-prev svg { transform: rotate(90deg); } .btn-step-prev:hover { opacity: 0.75; } .other-projects .swiper-pagination { margin-top: 100px; margin-bottom: 100px; } .modal-simple-text { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center; } .other-letters .other-letters__caption { font-size: 35px; line-height: 40px; max-width: 100%; overflow: hidden; word-break: break-all; } .other-projects .swiper-pagination { display: none; } .other-projects .other-projects__slider { padding-bottom: 150px; } .example-section__content .caption { font-size: 65px; line-height: 70px; } .example-section .tags a { padding: 10px 25px; text-align: center; width: 180px; min-height: 52px; display: flex; align-items: center; justify-content: center; } .pricesBlock .caption { max-width: 900px; width: 100%; } .pricesBlock__row { display: flex; flex-wrap: wrap; align-items: center; margin-top: 32px; } .pricesBlock__col--left { width: 100%; max-width: 754px; } .pricesBlock__col--right { width: calc(100% - 754px); display: flex; align-items: flex-start; justify-content: flex-end; } .pricesBlock .picture { display: block; position: relative; width: 100%; } .pricesBlock .picture img { position: relative; } .pricesBlock__controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; margin-top: 34px; } .pricesBlock__controls .btn { text-decoration: none; transition: all 0.3s; } .pricesBlock__controls .btn:hover::after { background-image: url(/bitrix/templates/internet-team/css/../img/svg/arrow-right-white.svg); } .invisTitle { padding-top: 40px; padding-right: 50px; } .invisTitle .title { font-size: 20px; font-weight: 700; line-height: 25px; margin-bottom: 65px; display: block; } .invisTitle .name { font-size: 16px; font-weight: 700; line-height: 20px; display: block; } .invisTitle .desc { font-size: 12px; font-weight: 400; line-height: 15px; display: block; } .invisTitle .invistTitleDiv { position: relative; padding-left: 30px; } .invisTitle .invistTitleDiv svg { position: absolute; left: 0; top: 0; } .invisTitle .invistTitleDiv + .invistTitleDiv { margin-top: 150px; } .sliderPrices { border: solid 3px rgb(5, 38, 54); border-radius: 50px; width: 100%; max-width: 800px; margin: 0; } .sliderPrices .swiper-wrapper { display: flex; flex-direction: row; } .sliderPrices .swiper-slide { width: 33.3333333333%; } .sliderPrices .colPrices .line { padding: 30px 20px; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; position: relative; } .sliderPrices .colPrices .line:nth-child(1) { color: rgb(255, 255, 255); font-size: 20px; line-height: 25px; min-height: 110px; } .sliderPrices .colPrices .line:nth-child(1)::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: rgb(225, 48, 63); width: calc(100% + 1px); height: 100%; left: 0; top: 0; z-index: -1; } .sliderPrices .colPrices .line:nth-child(2) { padding-left: 0; padding-right: 0; } .sliderPrices .colPrices .line:nth-child(2)::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: rgb(209, 209, 209); height: 1px; width: calc(100% - 40px); bottom: 0; left: 20px; } .sliderPrices .colPrices .price { font-size: 20px; line-height: 25px; display: block; color: rgb(225, 48, 63); font-weight: 700; } .sliderPrices .colPrices .desc { font-size: 14px; font-weight: 400; line-height: 17px; color: rgb(141, 141, 141); } .sliderPrices .colPrices ul { margin-top: 63px; } .sliderPrices .colPrices ul li { text-align: center; position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; opacity: 0.4; } .sliderPrices .colPrices ul li.active { opacity: 1; } .sliderPrices .colPrices ul li.active::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; width: 10px; min-width: 10px; height: 7px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4L4.5 7L10 1' stroke='%23E13040' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e "); } .sliderPrices .colPrices ul li + li { margin-top: 16px; } .sliderPrices .colPrices .count { font-size: 16px; line-height: 20px; border: solid 3px transparent; border-radius: 50%; cursor: pointer; padding: 10px; } .sliderPrices .colPrices .count.active { border-color: rgb(225, 48, 63); } .sliderPrices .colPrices .btn { font-size: 16px; line-height: 20px; gap: 15px; margin-top: 41px; text-decoration: none; transition: all 0.3s; text-align: center; justify-content: center; } .sliderPrices .colPrices .btn::after { width: 16px; height: 16px; min-width: 16px; } .sliderPrices .colPrices .btn:hover::after { background-image: url(/bitrix/templates/internet-team/css/../img/svg/arrow-right-white.svg); } .advNewBlock__head { display: flex; align-items: center; color: rgb(225, 48, 63); font-size: 27px; line-height: 34px; gap: 25px; margin-bottom: 28px; font-weight: 600; } .advNewBlock__head span { max-width: 884px; } .advNewBlock .swiper-pagination { position: relative; width: auto; top: auto; bottom: auto; } .advNewBlock__slider { margin-top: 90px; } .advNewBlock__slider .swiper-slide { background-color: rgb(243, 244, 245); border-radius: 50px; padding: 42px 48px; font-size: 16px; font-weight: 300; line-height: 25px; } .advNewBlock__slider .swiper-wrapper { align-items: initial; } .advNewBlock__fraction { font-size: 27px; font-weight: 700; line-height: 50px; text-align: left; display: flex; align-items: center; } .advNewBlock__fraction .swiper-pagination { min-width: 65px; } .advNewBlock__fraction .prev { width: 30px; height: 30px; display: flex; align-items: center; margin-right: 25px; position: relative; } .advNewBlock__fraction .prev svg { width: 30px; height: 30px; } .advNewBlock__fraction .prev svg path { width: 30px; height: 30px; } .advNewBlock__fraction .next { width: 30px; height: 30px; display: flex; align-items: center; margin-left: 25px; position: relative; } .advNewBlock__fraction .next svg { width: 30px; height: 30px; } .advNewBlock__fraction .next svg path { width: 30px; height: 30px; } .advNewBlock__fraction .swiper-button-disabled { opacity: 0.25 !important; } .mobile-pagination { display: none; } @media (max-width: 1849px) { .pricesBlock__col--left { max-width: 664px; } .pricesBlock__col--right { width: calc(100% - 664px); } } @media (max-width: 1799px) { .header { padding: 30px; gap: 30px; } .menu { margin-left: 30px; } .menu ul { gap: 30px; } .grettings { min-height: 850px; } .grettings .caption { font-size: 58.386px; line-height: 74.894px; padding-left: 115px; } .grettings .caption strong { font-size: 139.568px; line-height: 130.796px; } .grettings__text { font-size: 20px; } .service-section { padding-top: 150px; padding-bottom: 150px; } section { padding-left: 30px; padding-right: 30px; } .service-item { padding: 60px; } .about-main__right { width: 100%; max-width: 100%; flex: 1; padding-left: 50px; } .fullpage-default section { padding: 60px 0; } .brands-more { padding: 20px; } .contact-form__content input { max-width: 640px; } .state-section__item { padding: 30px; } .inner-page footer, .inner-page section { padding-left: 30px; padding-right: 30px; } .about-section__right { padding: 100px 50px; } .certificates-slider__picture img { width: 600px; } .job-slider__pictures .picture { width: 400px; } .job-slider__pictures { width: 695px; height: 600px; } .job-slider .swiper-slide { height: 700px; } .other-letters__slider { margin-top: 50px; } .project-preview, .thanks-block, .project-images { left: -60px; width: calc(100% + 120px); } .scheme-section__list { gap: 25px; } .butterflie-1 { width: 147px; height: 187px; background-size: contain; } .scheme-section__end { max-width: 380px; } .scheme-section__list { gap: 37px; padding: 47px 0px 24px; } .services-head__left { width: 70%; } .services-head__right { width: 30%; } .serv-list { gap: 50px; } .serv-item__big { gap: 50px; font-size: 24px; line-height: 30px; } .serv-item { gap: 20px; } .service-step__links { margin-top: 60px; } .info-slider { margin-top: 60px; } .info-slider { left: -30px; width: calc(100% + 60px); padding: 0 30px; } .service-content__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; } .service-content__slider { margin-top: 100px; margin-bottom: 150px; } .step-work__item { padding: 50px 20px 40px; } .step-work__item p { margin-top: 50px; } .whatCanDo { gap: 30px; } .result-service { margin-bottom: 150px; font-size: 24px; line-height: 26px; max-width: 80%; margin-left: auto; } .invis-anchor { padding-left: 30px; padding-right: 30px; width: calc(100% + 60px); left: -30px; } .our-cases__graf { padding: 50px; max-width: 50%; width: calc(50% - 15px); } .example-section__left { max-width: 405px; } .example-section__right { max-width: 255px; } .invis-anchor-section .invis-anchor { justify-content: flex-start; } .pricesBlock__col--left { max-width: 500px; } .pricesBlock__controls { flex-direction: column; align-items: flex-start; gap: 30px; } .pricesBlock__col--right { width: calc(100% - 500px); } .sliderPrices .colPrices .line { font-size: 14px; } .sliderPrices .colPrices .btn { font-size: 14px; line-height: 18px; gap: 10px; margin-top: 40px; } .invisTitle { padding-right: 30px; } } @media (max-width: 1499px) { .header { padding: 20px; gap: 20px; font-size: 14px; line-height: 20px; justify-content: space-between; } .header .logo { width: 80px; } .btn { font-size: 16px; padding: 10px 20px; } .menu { margin: 0; } .grettings { min-height: 550px; } .grettings .social { left: 30px; gap: 40px; } .grettings .caption { font-size: 45px; line-height: 55px; padding-left: 25px; } .grettings .caption strong { font-size: 115px; line-height: 110px; } .grettings .caption svg { width: 60px; height: 60px; } .grettings__content { padding: 100px 30px 0 70px; } .logo-bittix { right: 30px; top: 100px; } .marquee-block a { padding: 10px 0; } .grettings-btn__next { display: none; } a.caption, h2.caption { font-size: 70px; line-height: 75px; } .section-title { align-items: center; } .section-title .caption { max-width: 60%; } .service-section { padding-top: 100px; padding-bottom: 100px; } .service-item__center a { font-size: 20px; padding: 15px 25px; } .service-item { padding: 40px; } .service-list { margin-top: 100px; } .link-site { font-size: 26px; gap: 20px; } .link-site::after { width: 24px; height: 24px; } .example-section__left { max-width: 400px; } .example-section .tags a { font-size: 16px; line-height: 20px; padding: 10px 25px; width: 180px; min-height: 52px; } .example-section__content { font-size: 20px; line-height: 24px; } .about-main .caption { line-height: 50px; } .about-main__left { max-width: 370px; } h3.caption { font-size: 40px; line-height: 50px; } .about-main__list { margin-top: 30px; font-size: 16px; line-height: 20px; } .about-main__list li + li { margin-top: 30px; } .about-presentation__icon { width: 370px; } .about-presentation { padding: 60px; } .about-main__right { min-height: inherit; } .state-section__num { font-size: 70px; line-height: 80px; } .state-section__item { font-size: 20px; line-height: 24px; } .link-review__icon { width: 40px; height: 40px; } .brands-item { width: 33.3333333333%; } .brands-item:last-child { width: 100%; } .brands-item .brands-more { max-width: 320px; margin: 0 auto; font-size: 20px; } .contact-form__content .caption { margin-bottom: 30px; } .contact-form__content { padding: 60px; } .contact-form__content input { max-width: 550px; } .contact-form__content .phone-input { max-width: 300px; } .fileLoad { padding: 30px; } .submit-form { padding: 30px; } .fullpage-default section { padding: 30px 0; } .inner-page section { padding-left: 20px; padding-right: 20px; } .grettings-page { padding-bottom: 60px; } .grettings-page .caption { font-size: 100px; line-height: 80px; } .contacts-page__item + .contacts-page__item { margin-top: 70px; } .form-question__content { padding: 60px; } .form-question__left { max-width: 400px; } .form-question__bottom { padding: 60px; } .not-page { padding-top: 200px; padding-bottom: 100px; } .not-page__icon { max-width: 50%; } .not-page__icon svg { width: 100%; height: auto; } .not-page .marquee-block { margin-top: 50px; margin-bottom: 100px; } .about-section__left { max-width: 535px; font-size: 20px; line-height: 30px; } .about-section__right { padding: 70px 30px; font-size: 16px; line-height: 20px; } .about-section__right .caption { font-size: 30px; line-height: 30px; margin-bottom: 30px; } .about-section__right .caption::before { left: -47px; top: 3px; width: 28px; height: 28px; background-size: contain; } .about-section { padding-top: 80px; } .task-slider { margin-top: 100px; font-size: 16px; line-height: 24px; } .task-slider__name { font-size: 30px; line-height: 30px; margin-bottom: 30px; } .task-section .caption { line-height: 60px; } .task-section__inner { padding: 100px 0; } .about-page .about-main { padding-top: 150px; } .about-page .state-section { padding: 150px 0; } .structure-company__col { padding: 50px; } .structure-company .section-title { font-size: 20px; line-height: 30px; } .structure-company .section-title .caption { line-height: 60px; } .structure-company__row { margin-top: 100px; } .certificates-section__inner { padding: 50px; } .certificates-slider__picture img { width: 500px; } .certificates-slider__name { font-size: 30px; line-height: 30px; margin-bottom: 30px; } .certificates-slider__content { width: calc(100% - 633px); padding-left: 50px; font-size: 16px; line-height: 24px; } .certificates-slider { margin-top: 50px; } .certificates-slider__controls { top: 70px; right: 60px; } .certificates-section { padding: 150px 0; } .job-slider__pictures .picture { width: 250px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .job-slider__pictures { width: 500px; height: 400px; } .job-slider__pictures .picture:nth-child(1) { right: 100px; } .job-slider__pictures .picture:nth-child(2) { right: 50px; } .job-slider__pictures .picture:nth-child(3) { right: 0; } .job-slider__content { width: calc(50% - 50px); } .letters-client__controls { margin-left: 0; } .job-slider { margin-top: -320px; } .other-letters__content { font-size: 16px; line-height: 24px; gap: 20px; width: calc(100% - 272px - 20px); } .other-letters__item { gap: 20px; } .selectric-items { padding: 20px; } .grettings-page__next, .grettings-page__prev { font-size: 24px; } .project-preview { left: -20px; width: calc(100% + 40px); } .project-block__head .caption { font-size: 100px; line-height: 120px; } .project-row .project-col__left { max-width: 450px; } .project-row .project-col__right { width: calc(100% - 450px - 60px); } .project-row { padding: 100px 0; font-size: 24px; line-height: 28px; } .project-row ul { margin-top: 50px; } .project-row ul li + li { margin-top: 30px; } .project-logo { gap: 15px; padding: 100px 0; } .project-logo__old, .project-logo__new { gap: 50px; } .project-document { padding: 100px 0; } .project-document__doc { width: 393px; height: 589px; } .project-document__content { width: calc(100% - 393px - 30px); padding-left: 50px; padding-right: 50px; } .thanks-block { left: -20px; width: calc(100% + 40px); height: 850px; padding: 30px; } .project-images { left: -20px; width: calc(100% + 40px); } .example-small .picture { height: auto; } .other-projects { padding: 100px 0; } .scheme-section__item { font-size: 16px; line-height: 24px; padding: 15px 20px; } .scheme-section__start { font-size: 20px; line-height: 24px; } .scheme-section__end { font-size: 20px; line-height: 24px; left: 0; } .scheme-section::before { top: calc(50% + 74px); } .current-business { padding: 150px 0; } .serv-list { margin-top: 80px; grid-template-columns: 1fr 1fr; } .serv-item__big img { width: 100px; height: 100px; } .serv-item__big strong { max-width: 80%; } .services-head__right strong { font-size: 24px; line-height: 30px; margin-top: 10px; max-width: 100%; margin-left: auto; } .services-head__right svg { width: 90px; } .services-head__left .caption img { width: 50px; } .info-slider .info-slider__content { padding: 60px; } .info-slider__picture { width: 550px; } .info-slider__controls { left: 130px; bottom: calc(50% - 270px); } .info-slider { left: -20px; width: calc(100% + 40px); padding: 0 20px; } .info-slider__controls { left: 80px; } .step-work__slider .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } .service-content .service-content__desc { max-width: 35%; padding: 30px; font-size: 16px; line-height: 24px; } .whatCanDo { grid-template-columns: 1fr 1fr 1fr; margin-top: 100px; } .invis-anchor-section.fixed { top: 70px; } .invis-anchor { padding-left: 20px; padding-right: 20px; width: calc(100% + 40px); padding-top: 20px; left: -20px; } .invis-anchor .tabs-link { font-size: 16px; line-height: 16px; padding: 20px; } .our-cases__content { align-items: center; margin-top: 0; } .our-cases__graf { padding: 30px; gap: 30px; justify-content: center; align-items: center; top: 40px; width: 100%; max-width: 100%; } .our-cases { padding: 100px 0; } .example-section__right { max-width: 285px; } .example-block { width: 400px; height: 750px; } .example-block--default .example-element:nth-child(1) { width: 475px; height: 475px; right: -92px; top: -104px; } .example-block--default .example-element:nth-child(2) { width: 480px; height: 470px; bottom: 5px; left: -135px; } .example-block--artLend .example-element:nth-child(1) { width: 475px; height: 475px; right: -92px; top: -104px; } .example-block--artLend .example-element:nth-child(2) { width: 480px; height: 470px; bottom: 5px; left: -135px; } .example-block--Moon .example-element:nth-child(1) { width: 455px; height: 417px; right: -122px; top: -41px; } .example-block--Moon .example-element:nth-child(2) { width: 509px; height: 313px; bottom: 45px; left: -133px; } .example-block--BUR .example-element:nth-child(1) { width: 434px; height: 412px; bottom: 2px; left: -120px; } .example-block--BUR .example-element:nth-child(2) { width: 398px; height: 438px; right: -19px; top: -76px; } .example-block--BUR .example-element:nth-child(3) { width: 268px; height: 274px; right: -51px; bottom: 120px; } .example-block--OSQ .example-element { width: 745px; height: 984px; left: -220px; bottom: -220px; } .example-block--veza .example-element:nth-child(1) { width: 352px; height: 271px; } .example-block--veza .example-element:nth-child(2) { width: 546px; height: 420px; } .example-block--kino .example-element:nth-child(1) { width: 441px; height: 548px; right: -70px; top: 0; } .example-block--kino .example-element:nth-child(2) { width: 536px; height: 430px; bottom: -55px; left: -174px; } .our-cases__list { width: 100%; justify-content: center; align-items: center; align-content: center; margin-bottom: 30px; margin-top: 30px; padding-top: 650px; } .our-cases .example-small .example-block { max-width: 100%; } .other-letters__content p { height: 190px; } .other-projects .swiper-pagination { display: flex; } .about-page { font-size: 16px; line-height: 24px; } .pricesBlock__col--left { max-width: 350px; } .pricesBlock__col--right { width: calc(100% - 350px); } .sliderPrices .colPrices .line { padding: 20px 10px; } .sliderPrices .colPrices .line:nth-child(1) { color: rgb(255, 255, 255); font-size: 18px; line-height: 22px; min-height: 90px; } .sliderPrices .colPrices .count { font-size: 12px; } .sliderPrices .colPrices .line { font-size: 12px; } .sliderPrices .colPrices .price { font-size: 16px; line-height: 20px; } .sliderPrices .colPrices .desc { font-size: 12px; line-height: 16px; } .sliderPrices .colPrices ul { margin-top: 40px; } .invisTitle { padding-right: 10px; } .advNewBlock__head { font-size: 24px; line-height: 26px; } } @media (min-width: 1200px) { .menu { display: block !important; } } @media (max-width: 1199px) { section { padding: 50px 30px; } .service-section { padding-top: 50px; padding-bottom: 50px; } .burger { display: flex; } .burger.burger--opened .burger-line { background-color: rgb(5, 38, 54) !important; } .menu { display: none; position: fixed; top: 0; left: 0; background: rgb(255, 255, 255); color: rgb(5, 38, 54); width: 100%; padding: 110px 15px; text-align: center; z-index: 10; max-height: 100vh; overflow: auto; } .menu ul { display: block; } .menu ul li { font-size: 60px; font-weight: 800; line-height: 40px; text-align: center; } .menu ul li + li { margin-top: 100px; } .grettings { background-image: url(/bitrix/templates/internet-team/css/../img/bg-lines.png); background-position: center; background-repeat: no-repeat; background-color: rgb(5, 38, 54); background-attachment: fixed; } .grettings .caption { font-size: 35px; line-height: 45px; } .grettings .caption strong { font-size: 85px; line-height: 90px; letter-spacing: -4px; } .grettings .caption svg { width: 40px; height: 40px; } .grettings__text { font-size: 18px; line-height: 25px; } .logo-bittix { top: 60px; } a.caption, h2.caption { font-size: 60px; line-height: 65px; } .service-list { margin-top: 70px; } .fullpage-grettings::before { display: none; } .example-section__left { max-width: 245px; } .example-section__right { max-width: 175px; } .example-section__bottom { margin-top: 50px; } .about-presentation__icon { width: 260px; } .about-presentation { padding: 30px; } .contact-form__content input { max-width: 470px; } .contact-form__content .phone-input { max-width: 250px; } .fullpage-default { color: rgb(5, 38, 54); padding: 0 30px; } .fullpage-grettings { overflow: hidden; } .contact-form__content { padding: 30px; } .fileLoad label { font-size: 20px; } .fileLoad svg { width: 24px; height: 24px; } .fileLoad__text { font-size: 16px; } .submit-form__text { gap: 16px; } .submit-form__text svg { width: 16px; height: 16px; } .submit-form { font-size: 14px; } .footer .social { gap: 30px; } .footer { justify-content: center; gap: 20px 75px; padding: 30px 0; } .grettings-page { min-height: 350px; padding-bottom: 50px; } .contacts-page__caption { font-size: 30px; line-height: 30px; } .contacts-page__item { font-size: 20px; line-height: 22px; } .contacts-page__social { gap: 30px; margin-left: 50px; } .contacts-page__social svg { width: 25px; height: 25px; } .contacts-page__title { margin-bottom: 20px; } .contacts-page__map { -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .form-question__content { padding: 30px; } .form-question .caption { line-height: 60px; } .form-question input { height: 70px; } .form-question__right { width: 100%; max-width: 500px; } .form-question__bottom { padding: 30px; font-size: 24px; line-height: 27px; } .not-page .caption { font-size: 100px; line-height: 100px; } .not-page .marquee-block { margin-top: 50px; margin-bottom: 50px; } .page-error { font-size: 20px; line-height: 30px; } .about-section__left { font-size: 18px; line-height: 24px; max-width: 485px; } .about-section__right { padding: 30px 10px; font-size: 14px; line-height: 18px; display: flex; flex-direction: column; justify-content: center; } .about-section__right .caption { font-size: 24px; line-height: 26px; margin-bottom: 20px; } .about-section__right ul li { padding-left: 60px; } .task-slider { margin-top: 70px; font-size: 14px; line-height: 20px; } .about-page .about-main { padding-top: 100px; gap: 50px; } .about-page .state-section { padding: 100px 0; } .structure-company__line .caption { font-size: 30px; line-height: 30px; } .structure-company__name { font-size: 22px; line-height: 24px; } .structure-company__item li + li { margin-top: 10px; } .structure-company__item ul { margin-top: 20px; } .structure-company__caption { margin-bottom: 50px; } .structure-company__row { margin-top: 70px; } .structure-company__col { padding: 30px; } .structure-company__bl { width: 225px; } .structure-company__item li { padding-left: 30px; } .structure-company__col + .structure-company__col { margin-top: 50px; } .certificates-slider__picture img { width: 350px; } .certificates-slider__picture { -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .certificates-slider__content { width: calc(50% - 35px); padding-left: 30px; } .certificates-slider__link { font-size: 20px; line-height: 30px; gap: 20px; } .certificates-slider__name { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .certificates-slider__link { margin-top: 30px; font-size: 16px; line-height: 20px; gap: 10px; } .certificates-slider__link svg { width: 24px; height: 24px; min-width: 24px; } .letters-client .caption:not(.job-name) { max-width: 50%; line-height: 65px; } .letters-client__controls { margin-left: -40px; } .job-title { font-size: 24px; line-height: 28px; margin-bottom: 30px; } .job-slider__content { font-size: 18px; line-height: 22px; } .other-letters__list { grid-template-columns: 1fr; } .grettings-state__data { font-size: 40px; line-height: 40px; } .grettings-state { font-size: 24px; line-height: 24px; gap: 50px; } .grettings-page__next, .grettings-page__prev { font-size: 20px; line-height: 24px; } .project-block__head .caption { font-size: 80px; line-height: 90px; } .project-row .project-col__left { max-width: 300px; } .project-row .project-col__right { width: calc(100% - 300px - 50px); } .project-row { font-size: 20px; line-height: 24px; } .list-tools__item { font-size: 16px; line-height: 18px; padding: 20px 30px; } .project-logo__old, .project-logo__new { gap: 30px; } .project-logo img { width: 300px; } .project-document { padding: 100px 0; } .project-document__doc { width: 300px; height: 500px; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; border-radius: 34px; } .project-document__content { width: calc(100% - 300px - 30px); padding: 30px; font-size: 16px; line-height: 20px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .project-document__pos { margin-bottom: 40px; font-size: 24px; line-height: 26px; } .thanks-block__content { gap: 100px; } .thanks-block { height: 800px; } .scheme-section__item { font-size: 14px; line-height: 20px; padding: 10px; } .scheme-section__list { gap: 25px; padding: 40px 0px 20px; } .scheme-section__item::before { background-size: contain; width: 15px; height: 25px; } .scheme-section::before { top: calc(50% + 62px); } .current-business { padding: 100px 0; } .serv-item__big strong { max-width: 100%; } .invis-anchor .tabs-link { padding: 20px 30px; } .info-slider .info-slider__content { padding: 50px; } .info-slider__picture { position: relative; top: auto; left: auto; order: -1; transform: translateY(0); width: 100%; max-width: 450px; margin-bottom: -45px; } .info-slider .swiper-slide { display: flex; flex-direction: column; justify-content: center; align-items: center; } .info-slider .info-slider__content { height: auto; padding: 100px 50px 49px; } .info-slider .swiper-slide h2, .info-slider .swiper-slide p { max-width: 100%; } .info-slider__controls { position: relative; bottom: auto; left: auto; margin-top: 20px; } .service-step__links { gap: 10px; } .service-content { margin-top: 100px; } .text-step__text { padding: 20px; font-size: 20px; line-height: 20px; gap: 15px; } .text-step svg { width: 24px; height: 24px; } .service-step .services-head__left { width: 100%; } .services-head { flex-wrap: wrap; gap: 30px; } .service-step .services-head__right { width: 100%; max-width: 100%; } .result-service { margin-bottom: 100px; margin-top: 40px; font-size: 20px; line-height: 22px; max-width: 100%; margin-left: 0; } .result-service svg { max-width: 70px; } .our-cases__list { width: 100%; } .our-cases__graf { max-width: 100%; width: 100%; justify-content: center; align-items: center; } .menu-footer { display: flex; flex-direction: column; align-items: center; margin-top: 64px !important; } .menu-footer .copytRight { order: 5; } .menu-footer ul li + li { margin-top: 0 !important; } .example-block--veza .example-element:nth-child(2) { width: 416px; height: 310px; } .example-block--veza .example-element:nth-child(1) { width: 312px; height: 241px; right: -33px; top: 70px; } .other-letters .other-letters__caption { font-size: 24px; line-height: 32px; } .other-projects .other-projects__slider { padding-bottom: 0; } .pricesBlock__col { width: 100%; max-width: 100%; } .pricesBlock__col + .pricesBlock__col { margin-top: 30px; } .pricesBlock__controls { flex-direction: row; gap: 0; } .sliderPrices .colPrices .btn { justify-content: center; } .sliderPrices .colPrices .line:nth-child(1) { min-height: initial; } .invisTitle { padding-top: 22px; } .invisTitle .title { margin-bottom: 35px; } .invisTitle .name { font-size: 14px; } .invisTitle .invistTitleDiv + .invistTitleDiv { margin-top: 90px; } .advNewBlock__slider { margin-top: 30px; } .advNewBlock__slider .swiper-wrapper { align-items: flex-start; } } @media (max-width: 1023px) { .header-link { display: none; } .grettings .caption { font-size: 30px; line-height: 40px; } .grettings .caption strong { font-size: 65px; line-height: 70px; } .grettings__text { font-size: 18px; line-height: 25px; margin: 0; margin-left: auto; } .logo-bittix { top: 100px; } .grettings .social { left: 30px; gap: 20px; top: calc(50% - 61px); } .marquee-block { margin-top: 60px; } .marquee-block a { font-size: 14px; } .marquee-list { gap: 120px; } a.caption, h2.caption { font-size: 50px; line-height: 60px; letter-spacing: -2px; } .service-item { flex-wrap: wrap; } .service-item__left { max-width: 100%; width: 100%; min-height: inherit; gap: 20px; margin-top: 20px; } .service-item__right { order: -1; } .service-item__center { max-width: 100%; margin-top: 30px; } .service-item .caption { line-height: 50px; } .service-item__center ul { justify-content: flex-start; } .service-item__center ul li { justify-content: flex-start !important; } .mobile-visible-section { display: flex; justify-content: center; margin-top: 52px; } .section-title .caption { max-width: 100%; } .section-title .link-site { display: none; } .service-list { margin-top: 50px; } .example-section__left { max-width: 50%; width: 100%; padding-right: 40px; } .example-section__left ul { margin-top: 20px; } .example-section__left li + li { margin-top: 20px; } .example-section__center { width: 50%; flex: initial; } .example-section__right { display: none; } .example-section__bottom { margin-top: 40px; } .fullpage-section:nth-child(5) .example-section__bottom, .fullpage-section:nth-child(3) .example-section__bottom { flex-direction: row; } h3.caption { font-size: 30px; line-height: 40px; } .about-main { flex-direction: column; } .about-main .caption { line-height: 40px; } .about-main__left { width: 100%; max-width: 100%; } .about-presentation__text { display: none; } .about-main__right { width: 100%; display: flex; width: 100%; max-width: 100%; padding: 0; } .about-presentation { width: 100%; max-width: 100%; min-height: 200px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .about-presentation__look::before { width: 150px; height: 150px; left: calc(100% - 62px); top: calc(50% - 45px); } .about-presentation__look { font-size: 20px; } .about-presentation__look svg { width: 24px; height: 24px; } .contact-form__content input { max-width: 100%; } .contact-form__content span { display: none; } .contact-form__content .phone-input { max-width: 100%; } .contact-form__content .selectric-wrapper { max-width: 100%; width: 100%; order: 3; } .submit-form { width: 100%; justify-content: center; align-items: center; gap: 10px; } .submit-form .link-site { margin: 0; } .submit-form__text { margin: 0; } .fileLoad { width: 100%; background-color: transparent; color: rgb(5, 38, 54); } .fileLoad svg { order: -1; } .fileLoad svg path { fill: rgb(5, 38, 54); } .fileLoad label { color: rgb(5, 38, 54); } .fileLoad .fileLoad__text { color: rgb(5, 38, 54); margin-top: 5px; } .footer { justify-content: center; align-items: center; flex-direction: column; } .footer .header-link { order: 2; display: flex; } .footer .header-phone { order: 1; } .footer .social { order: 3; margin: 40px 0; } .footer .footer-link { order: 4; } .footer .copytRight { order: 5; } .grettings-page { min-height: 300px; } .grettings-page .caption { font-size: 80px; line-height: 60px; } .grettings-page::before { width: 278px; height: 278px; top: calc(100% - 115px); left: calc(0% - 100px); } .contacts-page { flex-direction: column; } .contacts-page__map { height: 500px; width: 100%; margin-top: 50px; } .contacts-page__item + .contacts-page__item { margin-top: 50px; } .contacts-page__caption { font-size: 25px; line-height: 26px; } .form-question__left { max-width: 100%; width: 100%; } .form-question__right { width: 100%; max-width: 100%; margin-top: 30px; } .form-question__text { display: none; } .form-question__submit { width: 100%; align-items: center; } .form-question .submit-form__text { margin-top: 20px; font-size: 10px; } .submit-form__text label::before { width: 12px; height: 12px; min-width: 12px; top: 50%; transform: translateY(-50%); } .submit-form__text label::after { width: 4px; height: 4px; min-width: 4px; left: 4px; top: 50%; transform: translateY(-50%); } .submit-form__text label { padding-left: 20px; } .form-question__bottom { padding: 20px; } .form-question__inner { -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .form-question__content .form-question__text { display: block; max-width: 50%; width: 100%; margin-top: 20px; } .about-section { flex-wrap: wrap; padding-top: 50px; } .about-section__left { max-width: 100%; gap: 30px; font-size: 16px; line-height: 20px; } .about-section__right { width: 100%; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; margin-top: 50px; } .about-section__right ul li + li { margin-top: 30px; } .task-section .caption { max-width: 100%; } .task-section__inner { padding: 80px 0; } .structure-company .section-title { flex-wrap: wrap; flex-direction: column; } .structure-company .section-title .caption { max-width: 100%; } .structure-company .section-title { gap: 20px; } .structure-company .section-title .caption { max-width: 50%; } .structure-company .section-title p { max-width: 100%; padding: 0; } .structure-company__item { width: 100%; align-items: flex-start; padding-top: 35px; } .structure-company__list { flex-direction: column; border-top: 0; border-left: solid 4px rgb(5, 38, 54); padding-left: 45px; } .structure-company__item li { padding-left: 20px; } .structure-company__bl::before { bottom: calc(100% - 14px); left: -49px; width: 40px; height: 40px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background-size: contain; background-repeat: no-repeat; } .structure-company__col { padding: 40px 30px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .structure-company__row { margin-top: 56px; } .certificates-section__inner { padding: 30px; } .certificates-slider__controls { top: 50px; right: 30px; } .swiper-controls-fraction { font-size: 20px; line-height: 24px; gap: 15px; } .swiper-controls-fraction .swiper-button-prev, .swiper-controls-fraction .swiper-button-next { width: 24px; height: 24px; } .swiper-controls-fraction .swiper-button-prev svg, .swiper-controls-fraction .swiper-button-next svg { width: 24px; height: 24px; } .certificates-slider__picture { -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .certificates-slider__picture img { width: 260px; } .certificates-section { padding: 100px 0; } .certificates-slider__content { width: calc(50% + 35px); padding-left: 20px; font-size: 14px; line-height: 18px; } .certificates-slider__link { margin-top: 10px; font-size: 16px; line-height: 18px; max-width: 230px; } .certificates-slider__name { font-size: 20px; line-height: 20px; margin-bottom: 15px; } .certificates-slider .swiper-slide.swiper-slide-next .certificates-slider__picture { -moz-transform: translateX(-24px); -ms-transform: translateX(-24px); -webkit-transform: translateX(-24px); -o-transform: translateX(-24px); transform: translateX(-24px); } .certificates-slider { margin-top: 30px; } .certificates-section__inner { -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; } .job-slider { margin-top: 0; } .job-slider .swiper-slide { height: auto; flex-direction: column; align-items: flex-start; } .job-slider__content { width: 100%; } .job-slider__pictures { position: relative; } .letters-client .caption:not(.job-name) { max-width: 100%; } .job-slider__pictures .picture:nth-child(2) { right: 60px; } .job-slider__pictures .picture:nth-child(1) { right: 120px; } .job-slider__pictures { width: 370px; height: 400px; margin: 0; } .job-slider__content { margin-top: 30px; } .letters-client__controls { position: relative; margin: 0; top: 0; left: 0; margin-top: 40px; } .letters-client__controls .swiper-pagination { margin: 0; width: auto; } .job-slider { margin-top: 40px; } .grettings-state__data { font-size: 30px; line-height: 30px; } .grettings-state { font-size: 20px; line-height: 22px; } .grettings-page__next, .grettings-page__prev { font-size: 18px; line-height: 20px; } .project-block__head .caption { font-size: 60px; line-height: 70px; } .project-row .project-col__left { max-width: 270px; } .project-row .project-col__right { width: calc(100% - 270px - 30px); } .list-tools { gap: 10px; } .list-tools__item { font-size: 14px; line-height: 16px; padding: 16px 20px; } .project-row { padding: 70px 0; font-size: 18px; line-height: 20px; } .project-row .title { font-size: 12px; line-height: 14px; margin-bottom: 10px; } .project-logo img { width: 250px; } .project-document { padding: 70px 0; } .project-document__doc { width: 250px; height: 400px; } .project-document__content { width: calc(100% - 250px - 15px); padding: 20px; font-size: 14px; line-height: 18px; } .project-document__content .caption { margin-bottom: 10px; } .project-document__pos { font-size: 20px; line-height: 22px; margin-bottom: 30px; } .thanks-block__content { gap: 30px; font-size: 24px; line-height: 30px; max-width: 70%; } .thanks-block__content p { max-width: 290px; } .thanks-block__controls { gap: 30px; } .thanks-block { height: 600px; } .other-projects__slider { border-bottom: solid 4px rgb(5, 38, 54); padding-top: 120px; left: -20px; width: calc(100% + 40px); padding-left: 20px; padding-right: 20px; } .other-projects__slider .swiper-slide:nth-child(2n) .example-small { flex-direction: column; } .other-projects__slider .swiper-slide:nth-child(2n) .example-small .example-section__left { order: initial; } .other-projects__slider .swiper-slide:nth-child(2n) .example-small .example-section__bottom { order: initial; } .scheme-section::before { display: none; } .scheme-section__list { flex-direction: column; align-items: center; } .scheme-section__item { padding: 12px 20px; font-size: 12px; line-height: 14px; } .scheme-section__item::before { top: -15px; left: calc(50% - 10px); -moz-transform: rotate(90deg) translateY(0) translateX(-50%); -ms-transform: rotate(90deg) translateY(0) translateX(-50%); -webkit-transform: rotate(90deg) translateY(0) translateX(-50%); -o-transform: rotate(90deg) translateY(0) translateX(-50%); transform: rotate(90deg) translateY(0) translateX(-50%); } .dino { width: 100px; height: 100px; background-size: contain; } .scheme-section { padding: 50px 0; } .scheme-section__content { align-items: center; margin: 0; margin-top: 40px; } .scheme-section__start { margin: 0 auto; justify-content: center; align-items: center; text-align: center; gap: 10px; font-size: 16px; line-height: 16px; } .scheme-section__item::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 3px; height: 23px; background-color: #e6e9eb; left: calc(50% - 2px); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: calc(100% + 4px); } .scheme-section__end { margin: 0 auto; text-align: center; align-items: center; font-size: 16px; line-height: 16px; justify-content: center; max-width: 140px; margin-top: 50px; } .scheme-section__end strong { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .scheme-section__end .butterflie-1 { position: absolute; left: -160px; top: -150px; } .scheme-section__end .butterflie-2 { left: calc(50% + 173px); bottom: 15px; } .scheme-section__end .butterflie-3 { left: calc(50% + 146px); top: 10px; } .scheme-section .caption { max-width: 100%; } .serv-list { grid-template-columns: 1fr; } .serv-item__big img { width: 70px; height: 70px; } .serv-item__big { justify-content: flex-start; align-items: flex-start; text-align: left; display: flex; flex-direction: row; align-items: center; } .serv-list { gap: 30px; } .services-head { flex-direction: column; } .services-head__left { width: 100%; } .services-head__right { width: 100%; align-items: flex-start; margin-top: 30px; } .services-head__right .services-head__icon { margin-left: 0; } .services-head__right strong { margin-left: 0; text-align: left; } .service-step .services-head__left { width: 100%; } .services-head__title { font-size: 24px; line-height: 30px; display: block; margin-bottom: 10px; } .service-content__icon { min-height: 50px; min-width: 50px; width: 50px; height: 50px; } .service-content__item { gap: 15px; } .step-work__item .caption { font-size: 30px; line-height: 30px; } .step-work__slider .swiper-wrapper { gap: 15px 20px; } .step-work__item p { margin-top: 20px; } .step-work__item .num { font-size: 30px; line-height: 30px; width: 50px; height: 50px; } .step-work__item { border-radius: 36px; padding: 40px 20px 20px; } .whatCanDo { grid-template-columns: 1fr 1fr; margin-top: 70px; } .service-content__head { flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .service-content__head .caption { width: 100%; } .whatCanDo { margin-top: 50px; } .whatCanDo li { gap: 30px; } .whatCanDo li svg { width: 50px; height: 50px; } .service-content { flex-wrap: wrap; } .service-content .caption { max-width: 100%; } .service-content .service-content__desc { width: 100%; padding: 30px 15px; text-align: center; max-width: 100%; margin: 30px 0 0; border-radius: 36px; } .whatCanDo { margin-top: 0; } .modal__inner { padding: 40px; } .modal__inner .input-row { flex-wrap: wrap; gap: 10px; } .modal__inner .text-tow { white-space: normal; font-size: 20px; line-height: 24px; } .example-block { width: 350px; height: 550px; } .example-block--default .example-element:nth-child(1) { width: 375px; height: 365px; right: -72px; top: -68px; } .example-block--default .example-element:nth-child(2) { width: 400px; height: 360px; bottom: -5px; left: -125px; } .example-block--artLend .example-element:nth-child(1) { width: 375px; height: 365px; right: -72px; top: -68px; } .example-block--artLend .example-element:nth-child(2) { width: 400px; height: 360px; bottom: -5px; left: -125px; } .example-block--Moon .example-element:nth-child(1) { width: 365px; height: 337px; right: -82px; top: -91px; } .example-block--Moon .example-element:nth-child(2) { width: 459px; bottom: 25px; left: -67px; height: 270px; } .example-block--BUR { background-size: 50%; } .example-block--BUR .example-element:nth-child(1) { width: 344px; height: 312px; bottom: 2px; left: -120px; } .example-block--BUR .example-element:nth-child(2) { width: 298px; height: 358px; right: 21px; top: -76px; } .example-block--BUR .example-element:nth-child(3) { width: 208px; height: 214px; right: -21px; bottom: 90px; } .example-block--OSQ .example-element { width: 665px; height: 764px; left: -210px; bottom: -130px; } .example-section .section-title { margin-bottom: 100px; } .our-cases__list { padding-top: 600px; } .other-projects__slider .swiper-slide:nth-child(2n) .link-review .review-client { bottom: 50%; top: auto; border-radius: 60px 60px 60px 0px; } .fileLoad__delete svg path { stroke: rgb(5, 38, 54); } .example-section__content .caption { font-size: 50px; line-height: 60px; } .invisTitle .title { font-size: 18px; } .sliderPrices { max-width: 100%; border: 0; border-radius: 0; right: -20px; padding-right: 20px; } .sliderPrices .swiper-slide { border: solid 3px rgb(5, 38, 54); border-radius: 50px; overflow: hidden; } .invisTitle { width: 180px; } .advNewBlock__fraction { font-size: 18px; line-height: 20px; } .advNewBlock__fraction .prev, .advNewBlock__fraction .next { width: 25px; height: 25px; } .advNewBlock__fraction .prev svg, .advNewBlock__fraction .next svg { width: 25px; height: 25px; } .advNewBlock__slider .swiper-slide { padding: 20px; } .advNewBlock__head { font-size: 20px; line-height: 24px; margin-bottom: 20px; } .advNewBlock__head svg { width: 50px; } .advNewBlock__slider .swiper-slide { font-size: 14px; line-height: 16px; border-radius: 32px; } .example-block--mon::before{ width: 260px; height: 240px; bottom: 0px; left: -100px; } .example-block--mon::after{ width: 310px; height: 250px; top: 120px; right: -110px; } } @media (max-width: 767px) { .header { padding: 10px; font-size: 12px; line-height: 16px; } .header .btn { display: none; } .header .icon { width: 14px; height: 14px; } .grettings { height: auto; padding-bottom: 40px; } .grettings .social { display: none; } .grettings .caption { font-size: 27px; line-height: 30px; padding: 0; } .grettings .caption strong { font-size: 50px; line-height: 55px; } .grettings__text { font-size: 16px; line-height: 20px; margin-top: 24px; } .grettings__content { padding: 180px 10px 0; } .logo-bittix { top: 79px; width: 80px; height: 80px; right: 25px; } .logo-bittix::before { width: 115px; height: 115px; background-size: contain; margin-left: -58px; margin-top: -57px; } .grettings .caption svg { width: 30px; height: 25px; } .marquee-block { margin-top: 24px; border-width: 3px; } .marquee-block a { font-size: 12px; } .marquee-list { gap: 40px; } .fullpage-grettings .service-section { padding-left: 10px; padding-right: 10px; } a.caption, h2.caption { font-size: 32px; line-height: 34px; letter-spacing: 0px; } .service-list { margin-top: 40px; } .service-item { -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; padding: 36px; border-width: 3px; } .service-item__logo { width: 90px; } .service-item .caption { line-height: 30px; font-size: 27px; } .service-item__desc { font-size: 14px; line-height: 16px; } .service-item__center a { font-size: 16px; padding: 14px; white-space: nowrap; } .link-site { font-size: 24px; font-size: 20px; } .service-item + .service-item { margin-top: 20px; } .service-item__center ul { gap: 5px; } section { padding: 50px 10px; } .example-section__left { max-width: 100%; width: 100%; } h3.caption { font-size: 27px; line-height: 30px; } .example-section__left .caption { margin-bottom: 16px; } .example-section__content { font-size: 14px; line-height: 16px; } .example-section__left ul { margin-top: 14px; } .example-section__left li + li { margin-top: 14px; } .example-section__left li span { font-size: 12px; line-height: 14px; margin-bottom: 5px; } .link-site { font-size: 16px; gap: 16px; } .link-site::after { width: 18px; height: 18px; } .link-review__text { display: none; } .link-review__icon { width: 36px; height: 36px; } .fullpage-default { padding: 0 10px; } .fullpage-default .about-main { gap: 40px 0; } .about-main__list { font-size: 12px; line-height: 14px; } .about-main .caption { line-height: 30px; } .about-main__list li { padding-left: 32px; } .about-main__list li::before { width: 17px; height: 17px; } .about-main__list li + li { margin-top: 20px; } .about-presentation__icon { width: 145px; } .about-presentation__name { font-size: 16px; max-width: 125px; } .about-presentation__look { font-size: 16px; gap: 16px; } .about-presentation__look::before { width: 92px; height: 92px; left: calc(100% - 59px); top: calc(50% - 42px); } .about-presentation { padding: 25px; } .state-section__num { font-size: 65px; line-height: 75px; } .state-section__item { font-size: 16px; line-height: 20px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; height: auto; } .state-section__slider .swiper-wrapper { align-items: initial; } .state-section__text { min-height: inherit; } .brands-list { gap: 0; margin-top: 50px; } .brands-item { width: 50%; padding: 5%; } .brands-item:last-child { padding: 0; } .brands-more { padding: 16px; } .form-default input { font-size: 14px; height: 28px; border-width: 3px; } .selectric { height: 52px; } .selectric .label { font-size: 16px; line-height: 36px; padding: 0 40px 0 20px; width: 100%; } .selectric .button { width: 20px; background-size: contain; right: 20px; } .submit-form .link-site { font-size: 20px; line-height: 20px; } .submit-form__text { margin: 0; font-size: 12px; line-height: 12px; margin-top: 20px; } .contact-form__block { border-width: 3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .contact-form__controls { -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; -ms-border-radius: 0px 0px 25px 25px; border-radius: 0px 0px 25px 25px; } .fileLoad { padding: 0 20px 30px; } .fileLoad label { font-size: 16px; line-height: 18px; gap: 16px; } .fileLoad__text { font-size: 10px; line-height: 14px; } .grettings-page .caption { font-size: 50px; line-height: 50px; } .grettings-page { min-height: 160px; padding-bottom: 30px; } .inner-page footer, .inner-page section { padding-left: 10px; padding-right: 10px; } .contacts-page__item { font-size: 16px; line-height: 20px; } .contacts-page__caption { font-size: 20px; line-height: 22px; } .contacts-page__text { margin-top: 10px; } .contacts-page__row + .contacts-page__row { margin-top: 20px; } .contacts-page__item + .contacts-page__item { margin-top: 30px; } .contacts-page__social svg { width: 30px; height: 30px; } .contacts-page__social { gap: 20px; margin-left: auto; margin-right: auto; } .contacts-page__title { margin-bottom: 10px; } .contacts-page__map { height: 300px; } .form-question .caption { line-height: 32px; font-size: 28px; } .form-question__content .form-question__text { max-width: 100%; } .form-question .input-row + .input-row { margin-top: 30px; } .form-question__content { padding: 30px 30px 40px; } .form-question { margin-bottom: 0; } .not-page .caption { font-size: 40px; line-height: 50px; } .not-page .marquee-block { margin-top: 30px; margin-bottom: 30px; } .not-page { padding-top: 100px; padding-bottom: 70px; } .not-page__icon { width: 100%; max-width: 75%; margin: 50px 0; } .page-error { flex-wrap: wrap; max-width: 100%; width: 100%; } .page-error__text { max-width: 100%; text-align: left; font-size: 16px; line-height: 20px; } .not-page .link-site { margin: 20px 0 0; } .marquee-page-error { font-size: 14px; } .not-page .marquee-block { border-width: 3px; } .about-section__left { font-size: 14px; line-height: 18px; } .about-section__right .caption { font-size: 20px; line-height: 20px; } .about-section__right .caption::before { width: 24px; height: 24px; } .about-section__right { padding: 40px 20px; } .about-section__right ul li { padding-left: 25px; } .about-section__right .caption::before { left: -36px; top: 0px; } .about-section__left .caption { margin-bottom: 30px; } .task-section__inner { padding: 50px 0 100px; border-width: 3px; } .task-slider { margin-top: 40px; left: -15px; width: calc(100% + 30px); } .task-slider .swiper-wrapper { padding: 0 15px; } .task-slider .swiper-slide { padding-right: 25px; } .task-slider .swiper-pagination { left: 15px; } .task-slider__name { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .task-section .caption { line-height: 30px; } .structure-company__caption { gap: 20px; } .structure-company__caption svg { min-width: 30px; } .structure-company__line .caption { font-size: 20px; line-height: 20px; } .structure-company__item ul { margin-top: 10px; } .structure-company__item li + li { margin-top: 5px; } .structure-company__name { font-size: 16px; line-height: 18px; } .structure-company__bl { width: 100%; } .structure-company__item { font-size: 14px; line-height: 16px; } .structure-company__line + .structure-company__line { margin-top: 40px; } .structure-company .section-title .caption { line-height: 34px; } .structure-company__col + .structure-company__col { margin-top: 40px; } .structure-company .section-title { font-size: 14px; line-height: 16px; } .certificates-section__inner { padding: 30px 20px; } .certificates-slider__controls { width: 100%; position: relative; right: auto; top: auto; justify-content: center; } .certificates-slider .swiper-slide { flex-direction: column; } .certificates-slider__picture { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; width: 100%; } .certificates-slider__picture img { width: 100%; } .certificates-slider__content { width: 100%; padding-left: 0; font-size: 14px; line-height: 18px; padding: 15px 0; } .certificates-slider__link { margin-top: 20px; } .certificates-slider .swiper-slide.swiper-slide-next .certificates-slider__picture { -moz-transform: translateX(-44px); -ms-transform: translateX(-44px); -webkit-transform: translateX(-44px); -o-transform: translateX(-44px); transform: translateX(-44px); } .certificates-slider__content { font-size: 12px; line-height: 14px; } .job-slider__pictures .picture { width: 180px; border-width: 3px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; border-radius: 24px; } .job-slider__pictures { width: 290px; height: 265px; } .job-slider__pictures .picture:nth-child(1) { right: 109px; } .job-slider__pictures .picture:nth-child(2) { right: 55px; } .letters-client .caption:not(.job-name) { line-height: 34px; } .job-slider__content { font-size: 12px; line-height: 14px; } .job-name { margin-bottom: 10px; } .job-title { font-size: 14px; line-height: 16px; margin-bottom: 20px; } .other-letters__slider { margin-top: 40px; } .other-letters__slider::before, .other-letters__slider::after { display: none; } .other-letters__slider .swiper-pagination { justify-content: flex-start; margin-top: 20px; } .other-letters__list { display: flex; padding: 0; gap: 0; overflow: initial; height: 100%; } .other-letters__item { flex-direction: column; align-items: flex-start; gap: 20px; } .other-letters__content { width: 100%; font-size: 12px; line-height: 14px; gap: 0; } .other-letters__content p { height: auto; } .other-letters__caption { margin-bottom: 10px; } .other-letters__desc { font-size: 14px; line-height: 16px; margin-bottom: 20px; } .other-letters__link { margin-top: 20px; opacity: 0.2; width: 18px; height: 18px; } .other-letters__link svg { width: 18px; height: 18px; } .other-letters__picture { width: 150px; height: 210px; margin: 0; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; } .about-page .contact-form { margin-top: 100px; } .other-letters .caption { font-size: 27px; } .tabs-block { padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100vh; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); position: fixed; top: 0; right: 0; width: 100%; background-color: rgb(255, 255, 255); z-index: 9999; } .tabs-block.opened { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .tabs-block .caption { margin-bottom: 30px; font-size: 40px; font-weight: 900; line-height: 40px; letter-spacing: -2.4px; } .tabs-block .mobile { display: block; } .tabs-block__controls { display: flex; justify-content: space-between; gap: 11px; margin-top: 32px; } .tabs-block__controls .btn { width: 50%; } .tabs-block__close { display: flex; align-items: center; justify-content: center; margin-left: auto; margin-bottom: 26px; width: 24px; height: 24px; min-height: 24px; min-width: 24px; } .tabs-link { padding: 16px; font-size: 16px; line-height: 16px; gap: 10px; border-width: 3px; } .tabs-list { flex-wrap: nowrap; flex-direction: column; align-items: flex-start; width: 100%; height: 340px; overflow: auto; gap: 10px; } .tabs-list__count { font-size: 16px; line-height: 16px; } .grettings-state { display: none; } .tabs-mobile-filter { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .tabs-mobile-filter .btn { width: 50%; padding-left: 5px; padding-right: 5px; font-weight: 300; } .btn--white, .btn--blue { font-weight: 300; } .grettings-page__next, .grettings-page__prev { font-size: 16px; line-height: 16px; flex-direction: column; align-items: flex-start; gap: 10px; max-width: 150px; } .grettings-page__next svg, .grettings-page__prev svg { width: 20px; height: 20px; } .grettings-page__next { flex-direction: column-reverse; align-items: flex-end; text-align: right; } .project-preview { left: -10px; width: calc(100% + 20px); } .project-block__head .caption { font-size: 40px; line-height: 50px; } .project-block__head { flex-direction: column; align-items: flex-start; padding: 50px 0; } .project-block__head .caption { max-width: 100%; width: 100%; } .project-block__site { align-items: flex-start; text-align: left; margin-top: 30px; gap: 0; } .project-block__site .title { margin-bottom: 5px; } .project-block__site .link { font-size: 16px; } .project-block__site .link-site { font-size: 16px; gap: 16px; margin-top: 30px; } .project-row .project-col__left { width: 100%; max-width: 100%; } .project-row .project-col__right { width: 100%; max-width: 100%; margin-top: 40px; } .project-row { font-size: 16px; line-height: 18px; flex-direction: column; padding: 50px 0; border-width: 3px; } .project-row ul { margin-top: 30px; } .project-row ul li { padding-left: 40px; } .project-row ul li::before { width: 20px; height: 3px; } .project-row ul li + li { margin-top: 20px; } .grettings-page:has(.grettings-page__next), .grettings-page:has(.grettings-page__prev) { padding-bottom: 30px; min-height: 200px; } .project-logo { gap: 50px; padding: 50px 0; flex-direction: column; font-size: 12px; line-height: 14px; } .project-logo img { width: 100%; max-width: 300px; } .project-logo__old, .project-logo__new { gap: 30px; width: 100%; } .project-document { flex-direction: column; align-items: flex-start; gap: 20px; padding: 50px 0; } .project-document__doc { width: 100%; height: auto; border-width: 3px; } .project-document__doc img { position: relative; } .project-document__content { width: 100%; padding: 40px 20px; line-height: 16px; } .thanks-block { left: -10px; width: calc(100% + 20px); padding: 50px 10px; height: 480px; } .thanks-block .submit-form__text label { font-size: 10px; line-height: 12px; } .thanks-block__content { gap: 20px; font-size: 16px; line-height: 16px; max-width: 100%; } .thanks-block__content p { max-width: 270px; } .thanks-block__controls { gap: 10px; } .example-small .example-section__left .caption { margin-bottom: 15px; font-size: 27px; line-height: 30px; } .example-small { font-size: 14px; line-height: 16px; } .example-section__bottom { margin-top: 18px; } .other-projects__slider { left: -10px; width: calc(100% + 20px); padding-left: 10px; padding-right: 10px; padding-top: 50px; } .other-projects { padding-top: 50px; padding-bottom: 50px; } .project-images { left: -10px; width: calc(100% + 20px); } .dino { width: 50px; height: 50px; } .scheme-section__end .butterflie-1 { width: 85px; height: 93px; left: -80px; top: -70px; } .scheme-section__end .butterflie-2 { left: calc(50% + 153px); bottom: 35px; width: 48px; height: 45px; background-size: contain; } .scheme-section__end .butterflie-3 { left: calc(50% + 146px); top: 10px; width: 26px; height: 26px; background-size: contain; } .scheme-section__item { border-width: 3px; } .services-head__right .services-head__icon { margin-left: auto; } .services-head__right { gap: 10px; } .services-head__right strong { text-align: right; font-size: 16px; font-weight: 900; line-height: 16px; } .services-head__icon { width: 95px; height: 60px; } .services-head__left .caption img { display: none; } .current-business { padding: 50px 0; } .serv-list { display: flex; gap: 0; } .serv-item { display: flex; flex-direction: column; gap: 20px; font-size: 14px; font-weight: 300; line-height: 16px; } .serv__icon { width: 40px; height: 40px; } .serv__caption { font-size: 20px; font-weight: 900; line-height: 20px; } .serv-item__big { display: flex; flex-direction: column; gap: 20px; font-size: 14px; font-weight: 300; line-height: 16px; } .serv-slider .swiper-controls { position: relative; margin-top: 40px; } .serv-slider .swiper-controls .swiper-pagination-bullets { justify-content: flex-start; } .serv-item__big { align-items: flex-start; } .serv__caption { min-height: inherit; } .serv-slider .swiper-controls { display: block; } .invis-anchor { padding: 20px 0 0; } .serv-list { margin-top: 40px; } .info-slider .info-slider__content { padding: 80px 30px 30px; border-radius: 36px; font-size: 14px; line-height: 16px; } .info-slider .caption { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .info-slider__picture { max-width: 90%; } .service-step__links { overflow: auto; display: block; white-space: nowrap; scrollbar-color: rgb(5, 38, 54) transparent; scrollbar-width: thin; } .service-step__links::-webkit-scrollbar { width: 4px; height: 4px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: rgba(5, 38, 54, 0.3); } .service-step__links::-webkit-scrollbar-thumb { width: 4px; height: 4px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: rgb(5, 38, 54); } .service-step__links .tabs-link { white-space: nowrap; display: inline-block; } .info-slider { left: -10px; width: calc(100% + 20px); padding: 0 10px; } .text-step__text { padding: 16px; font-size: 16px; line-height: 16px; } .service-step .services-head__right { font-size: 14px; line-height: 16px; } .service-content__list { display: flex; align-items: inherit; flex-wrap: nowrap; gap: 0; } .service-content__item { font-size: 14px; line-height: 16px; gap: 20px; } .service-content__slider .swiper-controls { margin-top: 40px; display: flex; position: relative; justify-content: flex-start; align-items: flex-start; } .service-content__slider .swiper-controls .swiper-pagination { width: auto; } .service-content__slider { margin-top: 40px; margin-bottom: 40px; overflow: hidden; } .service-content { margin-top: 50px; } .step-work__grid .desktop-vivisble { display: none; } .step-work__grid .mobile-visible { display: block; } .step-work__grid { overflow: hidden; } .step-work__slider { margin-top: 40px; margin-bottom: 100px; } .step-work__slider .swiper-wrapper { display: flex; align-items: inherit; flex-wrap: nowrap; gap: 0; height: auto !important; } .step-work__slider .swiper-controls { margin-top: 40px; display: flex; } .step-work__item { padding: 30px; min-height: 330px; font-size: 12px; font-weight: 300; line-height: 14px; } .step-work__item .caption { font-size: 20px; line-height: 20px; } .step-work__item p { height: auto; } .step-work__item .num { font-size: 20px; line-height: 20px; width: 35px; height: 35px; border-width: 3px; right: 10px; top: -10px; } .whatCanDo { display: flex; align-items: inherit; } .service-content__item .caption { font-size: 20px; line-height: 30px; } .service-content__head { gap: 15px; } .services-head__right { margin-top: 0; } .certificates-section { padding: 50px 0; } .result-service { margin-bottom: 40px; margin-top: 0; } .result-service li { gap: 20px; font-size: 16px; line-height: 16px; } .result-service li + li { margin-top: 20px; } .result-service li svg { min-width: 50px; min-height: 50px; width: 50px; height: 50px; } .invis-anchor-section.fixed { top: 70px; background-color: #fdfdfd; } .invis-anchor { padding-left: 10px; padding-right: 10px; width: calc(100% + 20px); left: -10px; padding: 0 10px; } .invis-anchor .tabs-link { font-size: 14px; line-height: 16px; padding: 14px; border-color: transparent; background-color: transparent; font-weight: 300; padding: 15px; } .invis-anchor .tabs-link.active { background: transparent; border-color: transparent; color: rgb(5, 38, 54); font-weight: 800; } .invis-anchor-section .invis-anchor { padding-top: 0; padding-bottom: 0; justify-content: flex-start; } .invis-anchor-section .invis-anchor .tabs-link { font-size: 14px; line-height: 16px; padding: 15px; } .our-cases__list { grid-template-columns: 1fr; gap: 0; } .our-cases { padding: 50px 0; } .menu { padding: 70px 10px 20px; } .menu ul li { font-size: 27px; line-height: 27px; } .menu ul li + li { margin-top: 30px; } .modal__inner { padding: 30px; border-radius: 36px; } .modal__container { padding: 30px 10px; } .modal__close { right: 30px; top: 30px; width: 24px; height: 24px; } .modal__inner .input-row input { font-size: 14px; line-height: 16px; border-width: 3px; padding-bottom: 10px; } .modal__inner .input-list { margin-top: 30px; margin-bottom: 10px; display: flex; flex-direction: column; } .modal__inner .btn { font-size: 16px; line-height: 16px; text-align: right; gap: 14px; } .modal__inner .btn svg { width: 20px; height: 20px; } .modal__inner .text-tow { display: none; } .modal__inner .input-row { justify-content: center; } .select-row { order: -1; } .about-main { gap: 40px 0; } .example-section__center { order: -1; justify-content: flex-start; width: 100%; } .example-block { width: 100%; max-width: 390px; margin: 0; height: 246px; border-radius: 36px; margin-bottom: 30px; } .example-block--default .example-element:nth-child(1) { width: 305px; height: 175px; right: -82px; top: -48px; } .example-block--default .example-element:nth-child(2) { width: 350px; height: 160px; bottom: -25px; left: -95px; } .example-block--pallet::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-size: contain; } .example-block--super::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-size: contain; background-position: center; } .example-block--akb::before { background-size: contain; } .example-block--mon { background-color: #ffe3ef; } .example-block--mon::before { width: 130px; height: 80px; bottom: 20px; left: -40px; } .example-block--mon::after { width: 210px; height: 120px; top: 90px; right: -90px; } .example-block--mon .example-element:nth-child(1){ height: 200px; right: -60px; } .example-block--mon .example-element:nth-child(2){ height: 330px; bottom: -90px; left: -75px; } .example-block--nort .example--paralax1 { background-size: 50%; } .example-block--artLend .example-element:nth-child(1) { width: 200px; height: 200px; right: -20px; top: -28px; } .example-block--artLend .example-element:nth-child(2) { width: 240px; height: 240px; bottom: -29px; left: -20px; } .example-block--Moon .example-element:nth-child(1) { width: 225px; height: 207px; right: -22px; top: -53px; } .example-block--Moon .example-element:nth-child(2) { width: 310px; height: 180px; bottom: -25px; left: -40px; } .example-block--BUR .example-element:nth-child(1) { width: 234px; height: 172px; bottom: -28px; left: -50px; } .example-block--BUR .example-element:nth-child(2) { width: 168px; height: 208px; right: -10px; top: -46px; } .example-block--BUR .example-element:nth-child(3) { width: 178px; height: 144px; right: -41px; bottom: -30px; } .example-block--OSQ .example-element { width: 410px; height: 430px; left: calc(50% - 237px); bottom: -100px; } .example-block--veza .example-element:nth-child(1) { width: 222px; height: 141px; right: -23px; top: -40px; } .example-block--veza .example-element:nth-child(2) { width: 256px; height: 190px; left: -17px; bottom: -17px; } .example-block--kino .example-element:nth-child(1) { width: 251px; height: 308px; right: -66px; top: -90px; } .example-block--kino .example-element:nth-child(2) { width: 286px; height: 220px; bottom: -55px; left: -37px; } .example-section { padding-bottom: 0; } .example-section .section-title { margin-bottom: 50px; } .example-list .example-section:nth-child(2n) .example-section__left { align-items: flex-start; padding-left: 0; text-align: left; } .example-list .example-section:nth-child(2n) .example-section__left ul { text-align: left; } .example-list .btn { margin-top: 40px; } .text-step { padding: 0; } .our-cases__graf { border-radius: 36px; position: relative; transform: translateX(0); border: 0; padding: 24px; } .our-cases__graf ul { gap: 20px; flex-direction: column; align-items: flex-start; } .our-cases__graf ul li + li { margin: 0; } .our-cases .example-block--OSQ .example-element { bottom: -228px; transform: scale(0.7); } .our-cases__graff--mobile { display: flex; } .our-cases__graff--desktop { display: none; } .our-cases__list { padding-top: 0; display: flex; gap: 0; flex-wrap: nowrap; align-items: initial; justify-content: initial; } .our-cases__item { height: auto; background: transparent; border: solid 3px rgb(5, 38, 54); border-radius: 36px; padding-bottom: 30px; } .our-cases__item .example-small { height: 220px; left: -3px; position: relative; top: -3px; width: calc(100% + 6px); margin-bottom: -50px; } .our-cases__item .example-small .example-block { background-color: rgb(225, 48, 63) !important; } .our-cases__item.active, .our-cases__item:hover { background: transparent; } .our-cases__mobileSlider .swiper-controls { position: relative; display: flex; align-items: flex-start; } .review-client { font-size: 12px; line-height: 14px; width: 282px; padding: 30px; border-radius: 36px 36px 36px 0px; border-width: 3px; left: 17px; } .client { gap: 10px; margin-top: 20px; } .client__name { font-size: 14px; display: block; } .client__poss { font-size: 12px; display: block; } .client__img { width: 45px; height: 45px; padding: 9px; } .modal-simple-text { gap: 10px; font-size: 14px; } .modal__inner .input-row .selectric-wrapper { max-width: 100%; width: 100%; } .service-step__links .tabs-link { margin-bottom: 10px; } .btn-step-prev { display: none; } .logo-bittix--bitrix::before { animation: none; background-position: 10px -25px; width: 130px; height: 130px; } .logo-bittix--yandex::before { animation: none; background-position: 0px 0; } .logo-bittix--partner::before { animation: none; background-position: -12px -19px; width: 145px; height: 145px; } .about-page { font-size: 14px; line-height: 22px; } .other-projects .swiper-pagination { margin-top: 50px; margin-bottom: 50px; } .example-section__content .caption { font-size: 32px; line-height: 34px; } .example-block--ave::before { background-position: center; background-size: 50%; } .example-block--ave .example-element:nth-child(1) { left: -72px; width: 265px; height: 145px; top: -58px; } .example-block--ave .example-element:nth-child(2) { bottom: -75px; right: -65px; left: auto; width: 220px; height: 260px; } .example-block--stroy::before { background-position: center calc(50% - 35px); background-size: 50%; } .example-block--stroy .example-element:nth-child(1) { left: -72px; width: 265px; height: 145px; top: -58px; } .example-block--stroy .example-element:nth-child(2) { bottom: -25px; right: -75px; left: auto; width: 360px; height: 140px; } .example-block--tiokraft::before { background-position: calc(50% - 45px); background-size: contain; } .example-block--tiokraft .example-element:nth-child(1) { left: -72px; top: -58px; } .example-block--tiokraft .example-element:nth-child(2) { bottom: -25px; right: -75px; left: auto; width: 340px; height: 260px; } .example-list{ overflow: visible; } .example-block--stroymoda .example-element:nth-child(1){ height: 207px; top: -30px; right: -81px; z-index: 2; } .example-block--stroymoda .example-element:nth-child(2){ width: 454px; height: 280px; left: -103px; } .example-block--implus::before { border-radius: 40px; background-position: calc(100% - 16px) calc(50% - 81px); background-size: 40%; } .example-block--implus .example-element:nth-child(1) { left: -72px; top: -58px; } .example-block--implus .example-element:nth-child(2) { bottom: -45px; right: -95px; left: auto; } .example-block--film::before { border-radius: 40px; opacity: 1; background-position: top; } .advNewBlock__fraction { display: none; } .mobile-pagination { display: block; } .advNewBlock__head { font-size: 16px; line-height: 20px; gap: 15; } .advNewBlock__head svg { width: 50px; height: 50px; } } @media (max-width: 639px) { .grettings-page .caption { font-size: 40px; line-height: 40px; } .grettings-page::before { width: 150px; height: 150px; top: calc(100% - 53px); left: calc(0% - 20px); } .thanks-block { background-position: calc(50% - 90px) center; } .sliderPrices .swiper-slide { border-radius: 32px; } .sliderPrices .colPrices .line:nth-child(1) { font-size: 16px; line-height: 20px; min-height: initial; } .invisTitle .name { font-size: 10px; } .invisTitle .desc { font-size: 10px; line-height: 13px; color: rgb(141, 141, 141); } .invisTitle .title { font-size: 14px; } .invisTitle .invistTitleDiv { padding-left: 0; padding-top: 0; } .invisTitle .invistTitleDiv + .invistTitleDiv { display: none; } .invisTitle { width: 130px; } .sliderPrices { width: calc(100% + 80px); } .sliderPrices .colPrices ul li + li { margin-top: 14px; } .sliderPrices .colPrices ul { margin-top: 20px; } .sliderPrices .colPrices .line { padding: 10px 5px; } .sliderPrices .colPrices .btn { margin-top: 20px; } .sliderPrices .colPrices .count { padding: 6px; } .sliderPrices .colPrices .price { font-size: 20px; line-height: 25px; } .pricesBlock__controls { flex-direction: column; justify-content: center; gap: 30px; align-items: center; } .pricesBlock__col { font-size: 16px; line-height: 20px; } .pricesBlock { overflow: hidden; } .invisTitle .invistTitleDiv svg { display: none; } .invisTitle .title { margin-bottom: 5px; } } @media (max-width: 479px) { .contacts-page__social { margin-right: 0; } .thanks-block { background-position: calc(50% - 150px) center; } .example-small .example-block { height: 215px; } .example-small .example-block--default .example-element:nth-child(1) { width: 160px; height: 180px; right: -20px; top: -48px; } .example-small .example-block--default .example-element:nth-child(2) { width: 210px; height: 210px; bottom: -39px; left: -30px; } .example-small .example-block--artLend .example-element:nth-child(1) { width: 200px; height: 200px; right: -20px; top: -28px; } .example-small .example-block--artLend .example-element:nth-child(2) { width: 240px; height: 240px; bottom: -29px; left: -50px; } .example-small .example-block--Moon .example-element:nth-child(1) { width: 205px; height: 187px; right: -22px; top: -53px; } .example-small .example-block--Moon .example-element:nth-child(2) { width: 290px; height: 170px; bottom: -25px; left: -34px; } .example-small .example-block--BUR .example-element:nth-child(1) { width: 234px; height: 172px; bottom: -28px; left: -50px; } .example-small .example-block--BUR .example-element:nth-child(2) { width: 168px; height: 208px; right: -10px; top: -66px; } .example-small .example-block--BUR .example-element:nth-child(3) { width: 148px; height: 114px; right: -41px; bottom: -30px; } .example-small .example-block--OSQ .example-element { width: 410px; height: 430px; left: calc(50% - 237px); bottom: -100px; } } @media (max-height: 350px) { .tabs-block__close { margin-bottom: -30px; } .tabs-list { min-height: 59px; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/bitrix/templates/internet-team/css/custom.css?1752151191605*/ .invalid{ border-color: red !important; } label>a { text-decoration: underline; } .link-site--white.black_text::after { background-image: url(/bitrix/templates/internet-team/css/../img/svg/arrow-right.svg) !important; } .link-site--white.black_text:hover { text-decoration-color: #333333 !important; } textarea.bx-im-textarea-input{ border-radius: 0px !important; } input[name="personal"].invalid + label { color: red !important; } input[name="personal"].invalid + label::before { border-color: red; } @media (max-width: 1799px) { .service-content__slider { margin-bottom: 50px; } } /* End */ /* /bitrix/templates/internet-team/fonts/stylesheet.css?16990147721410 */ /* /bitrix/templates/internet-team/libs/swiper/swiper-bundle.min.css?169901477217907 */ /* /bitrix/templates/internet-team/libs/selectric/selectric.css?16990147724299 */ /* /bitrix/templates/internet-team/libs/micromodal/micromodal.css?16990147723077 */ /* /bitrix/templates/internet-team/libs/fancybox/fancybox.css?169901477215598 */ /* /bitrix/templates/internet-team/libs/aos/aos.css?169901477226053 */ /* /bitrix/templates/internet-team/css/style.css?1733474259195907 */ /* /bitrix/templates/internet-team/css/custom.css?1752151191605 */