/* Start:/local/templates/main/tpl/template/libs/swiper/css/swiper-bundle.min.css?173028870316470*/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/tpl/template/css/module.css?179249474083024*/ .mnu .mnu_wrap .m_menu li.del span.menu--active .icon svg path{ fill: unset; stroke: var(--otl-gold); } .mnu .mnu_wrap .m_menu li .item-accordion-level-2 span, .mnu .mnu_wrap .m_menu li .item-accordion-level-2 span.menu--active{padding-bottom: 0;} .mnu .mnu_wrap .m_menu li .item-accordion.accordion--active li:last-child span.el-m{padding-bottom: 0;} .mnu .mnu_wrap .m_menu li .item-accordion.accordion--active li:last-child .item-accordion-level-2.accordion--active{padding-top: 30px;} .header__hamb{display: none;} @media(max-width: 768px){ .header__hamb{display: flex;} } .soc { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 15px; margin: 0; padding: 0; list-style-type: none; } .soc li { width: 24px; height: 24px; line-height: 1; } .soc li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .soc li a svg { max-width: 100%; max-height: 100%; } .more-btn { margin: 15px 0 0; text-align: center; } .more-btn button { margin: 0; padding: 0; color: var(--otl-blue); font-family: var(--userfont); font-size: 18px; line-height: 29px; font-weight: 700; text-decoration: underline; background: 0 0; border: none; cursor: pointer; } .block_title { display: block; margin: 0 0 40px; color: var(--otl-blue); font-size: 50px; line-height: 1; font-weight: 700; } .section { padding: 100px 0; } .btn { display: inline-flex; justify-content: center; align-items: center; height: 65px; padding: 0 27px; font-family: var(--userfont); color: #FFFFFF; font-size: 18px; font-weight: bold; background: var(--otl-blue); border: 2px solid var(--otl-blue); border-radius: 38px; transition: 0.3s ease-in-out; cursor: pointer; } .btn:hover { color: #FFFFFF; background: var(--otl-blue); } .btn.white { background: 0 0; border-color: #FFFFFF; } a { text-decoration: none; } header { position: relative; } header .h_top { padding: 26px 0 27px; background: var(--otl-blue); } header .h_top .h_top_wrap { display: flex; justify-content: space-between; align-items: center; } header .h_top .h_top_wrap .h_col { display: flex; align-items: center; } header .h_top .h_top_wrap .h_col:first-child { width: calc(100% - 276px); } header .h_top .h_top_wrap .h_col:last-child { gap: 20px; } header .h_top .h_top_wrap .h_logo { margin-right: 56px; } header .h_top .h_top_wrap .h_logo img { max-width: 114px; } header .h_top .h_top_wrap .h_menu { display: flex; align-items: center; margin: 0; padding: 0; list-style-type: none; } header .h_top .h_top_wrap .h_menu li { position: relative; margin-right: 50px; line-height: 1; } header .h_top .h_top_wrap .h_menu li:last-child { margin-right: 0; } header .h_top .h_top_wrap .h_menu li a, header .h_top .h_top_wrap .h_menu li span { padding: 16px 0; color: #FFFFFF; font-size: 18px; font-weight: bold; transition: 0.3s ease-in-out; cursor: pointer; } header .h_top .h_top_wrap .h_menu li a.active, header .h_top .h_top_wrap .h_menu li span.active { color: var(--otl-gold); } header .h_top .h_top_wrap .h_menu li a:hover, header .h_top .h_top_wrap .h_menu li span:hover { color: var(--otl-gold); } header .h_top .h_top_wrap .h_call { height: 61px; padding: 0 24px; } header .h_top .h_top_wrap .h_info { display: flex; align-items: center; gap: 21px; margin-left: auto; } header .h_top .h_top_wrap .h_info .soc { gap: 20px; margin-top: 3px; } header .h_top .h_top_wrap .h_info .soc li { width: 24px; height: 24px; } header .h_top .h_top_wrap .h_info .phone { display: block; color: #FFFFFF; font-size: 26px; line-height: 31px; font-weight: bold; transition: 0.3s ease-in-out; } header .h_top .h_top_wrap .h_info .phone:hover { color: var(--otl-gold); } header .h_top .h_top_wrap .h_main { display: none; align-items: center; gap: 25px; } header .h_top .h_top_wrap .h_main a { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; } header .h_top .h_top_wrap .h_main a.search { background: 0 0; } header .catalog-menu { position: absolute; width: 100%; height: auto; max-height: 100vh; background: var(--otl-blue); overflow: hidden; transition: 0.3s; opacity: 0; visibility: hidden; z-index: 20; } header .catalog-menu.active { opacity: 1; visibility: visible; } header .catalog-menu .close { position: absolute; top: 0; right: 0; } header .catalog-menu .catalog-menu_wrap { position: relative; } header .catalog-menu.m-page { padding-top: 25px; } footer { padding: 67px 0 51px; background: var(--otl-blue); } footer .f_top .f_top_wrap { display: flex; justify-content: space-between; align-items: center; padding-bottom: 38px; border-bottom: 1px solid #FFFFFF; } footer .f_top .f_top_wrap .f_logo img { max-width: 116px; } footer .f_top .f_top_wrap .f_menu { display: flex; align-items: center; margin: 0; padding: 0; list-style-type: none; } footer .f_top .f_top_wrap .f_menu li { position: relative; margin-right: 50px; line-height: 1; } footer .f_top .f_top_wrap .f_menu li:last-child { margin-right: 0; } footer .f_top .f_top_wrap .f_menu li a { color: #FFFFFF; font-size: 18px; font-weight: bold; transition: 0.3s ease-in-out; } footer .f_top .f_top_wrap .f_menu li a:hover { color: var(--otl-gold); } footer .f_bottom { padding-top: 28px; } footer .f_bottom .f_bottom_wrap { display: flex; justify-content: space-between; align-items: flex-start; } footer .f_bottom .f_bottom_wrap > div { min-width: 302px; } footer .f_bottom .f_bottom_wrap .f_info { margin-top: 3px; text-align: left; } footer .f_bottom .f_bottom_wrap .f_info p { display: none; margin-bottom: 10px; } footer .f_bottom .f_bottom_wrap .f_info .phone { display: block; margin-bottom: 10px; color: #FFFFFF; font-size: 26px; line-height: 31px; font-weight: bold; transition: 0.3s ease-in-out; } footer .f_bottom .f_bottom_wrap .f_info .phone:hover { color: var(--otl-gold); } footer .f_bottom .f_bottom_wrap .f_main { text-align: right; } footer .f_bottom .f_bottom_wrap .f_main a { display: block; margin-bottom: 20px; } footer .f_bottom .f_bottom_wrap p { max-width: 295px; margin: 0; color: #FFFFFF; font-size: 18px; line-height: 1; font-weight: bold; } footer .f_bottom .f_bottom_wrap .btn { background: var(--otl-gold); border-color: var(--otl-gold); } footer .f_bottom .f_bottom_wrap .btn:hover { background: var(--otl-gold); } footer .f_bottom .f_bottom_wrap .f_link { color: #FFFFFF; font-size: 18px; font-weight: bold; text-decoration: underline; transition: 0.3s ease-in-out; } footer .f_bottom .f_bottom_wrap .f_link:hover { text-decoration: none; } @media(max-width: 1279px) { .btn { height: 62px; padding: 0 27px; font-size: 16px; } .soc { gap: 23px; } .soc li { width: 21px; height: 21px; } .section { padding: 50px 0; } h1 { margin: 0 0 15px; font-size: 30px; } .block_title { margin: 0 0 25px; font-size: 30px; line-height: 33px; } .catalog-menu { display: none !important; opacity: 0 !important; } header .h_top { padding: 12px 0 13px; } header .h_top .h_top_wrap .h_col:first-child { width: calc(100% - 295px); } header .h_top .h_top_wrap .h_col:last-child { gap: 30px; } header .h_top .h_top_wrap .h_logo { margin-right: 0; } header .h_top .h_top_wrap .h_logo img { max-width: 116px; } header .h_top .h_top_wrap .h_menu { display: none; } header .h_top .h_top_wrap .h_info { flex-direction: column; align-items: flex-end; margin-right: 61px; gap: 0; } header .h_top .h_top_wrap .h_info .phone { font-size: 21px; line-height: 25px; order: 1; } header .h_top .h_top_wrap .h_info .soc { gap: 23px; margin-top: 8px; order: 2; } header .h_top .h_top_wrap .h_call { height: 52px; padding: 0 20px; } header .h_top .h_top_wrap .mail { display: none; background: 0 0 !important; } header .h_top .h_top_wrap .h_main { display: flex; } header .h_top .h_top_wrap .h_main a { width: 21px; height: 21px; } footer { padding: 40px 0; } footer .f_top .f_top_wrap { padding-bottom: 28px; } footer .f_top .f_top_wrap .f_menu li { margin-right: 30px; } footer .f_bottom .f_bottom_wrap .btn { height: 52px; padding: 0 20px; font-size: 16px; } footer .f_bottom .f_bottom_wrap .f_info .phone { font-size: 21px; line-height: 25px; } } @media(max-width: 1199px) { footer .f_top .f_top_wrap .f_menu { gap: 30px; } footer .f_top .f_top_wrap .f_menu li { margin: 0; } footer .f_top .f_top_wrap .f_menu li.hide { display: none; } footer .f_bottom .f_bottom_wrap .f_info p { display: block; } footer .f_bottom .f_bottom_wrap .f_loc { display: none; } } @media(max-width: 768px) { footer { padding: 40px 0 33px; } footer .f_top .f_top_wrap { flex-direction: column; justify-content: center; gap: 20px; padding-bottom: 25px; } footer .f_top .f_top_wrap .f_logo img { max-width: 205px; height: 92px; } footer .f_top .f_top_wrap .f_menu { flex-direction: column; gap: 15px; } footer .f_top .f_top_wrap .f_menu li a { text-decoration: underline; } footer .f_top .f_top_wrap .f_menu li a:hover { text-decoration: none; } footer .f_top .f_top_wrap .f_menu li.hide { display: block; } footer .f_bottom { padding-top: 20px; } footer .f_bottom .f_bottom_wrap { flex-direction: column; align-items: center; gap: 20px; } footer .f_bottom .f_bottom_wrap .f_main { text-align: center; } footer .f_bottom .f_bottom_wrap .f_info { margin-top: 0; text-align: center; } footer .f_bottom .f_bottom_wrap .f_info p { max-width: unset; } footer .f_bottom .f_bottom_wrap .f_info .phone { font-size: 26px; line-height: 31px; } } @media(max-width: 680px) { .soc { gap: 15px; } .soc li { width: 24px; height: 24px; } .soc li svg { max-width: 20px; max-height: 20px; } .block_title { max-width: 320px; margin: 0 auto 20px; } header .h_top { padding: 3px 0 19px; } header .h_top .h_top_wrap { flex-direction: column; gap: 17px; } header .h_top .h_top_wrap .h_col { width: 100%; justify-content: space-between; } header .h_top .h_top_wrap .h_col:first-child { align-items: flex-start; width: 100%; } header .h_top .h_top_wrap .h_logo { margin-top: 9px; } header .h_top .h_top_wrap .h_logo img { max-width: 99px; } header .h_top .h_top_wrap .h_info { margin-right: 0; } header .h_top .h_top_wrap .h_info .phone { font-size: 21px; line-height: 25px; } header .h_top .h_top_wrap .h_info .soc { gap: 18px; } header .h_top .h_top_wrap .h_info .soc li { width: 33px; height: 33px; } header .h_top .h_top_wrap .h_call { height: 48px; font-size: 14px; } header .h_top .h_top_wrap .h_main a { width: 25px; height: 25px; } footer { padding: 27px 0 35px; } footer .f_top .f_top_wrap .f_logo img { max-width: 178px; height: 80px; } footer .f_top .f_top_wrap .f_menu li a { font-size: 16px; } footer .f_bottom .f_bottom_wrap .btn { height: 48px; font-size: 14px; } footer .f_bottom .f_bottom_wrap .f_info .phone { font-size: 23px; line-height: 1.2; } footer .f_bottom .f_bottom_wrap p { font-size: 16px; text-align: center; } footer .f_bottom .f_bottom_wrap .f_link { font-size: 16px; } } @media(max-width: 420px) { header .h_top .h_top_wrap .h_call { padding: 0 12px; white-space: nowrap; } footer .f_bottom .f_bottom_wrap .btn { padding: 0 12px; white-space: nowrap; } } .header__n-item span { cursor: pointer; } .header__n-item span:hover { color: var(--otl-gold); transition: 0.3s ease-in-out; } ul.line { display: none; margin-top: 0; margin-bottom: 26px; padding: 0 0 0 172px; list-style-type: none; border-bottom: 1px solid #FFFFFF; } ul.line.hide { display: none; } ul.line.show { display: flex; } ul.line li.line-item { margin-right: 50px; } ul.line li.line-item.del a:hover svg path { fill: unset; stroke: var(--otl-gold); } ul.line li.line-item.active.del a svg path { fill: unset !important; stroke: var(--otl-gold) !important; } ul.line li.line-item.active a { color: var(--otl-gold); } ul.line li.line-item.active a::after { width: 100%; } ul.line li.line-item.active a svg path { fill: var(--otl-gold); transition: 0.3s; } ul.line li.line-item > a { position: relative; display: flex; align-items: center; gap: 7px; padding: 0 0 22px; color: #FFFFFF; font-size: 16px; line-height: 26px; font-weight: 700; transition: 0.3s ease-in-out; } ul.line li.line-item > a::after { content: ""; position: absolute; left: 50%; bottom: -1px; width: 0; height: 2px; background: var(--otl-gold); transition: 0.3s; transform: translateX(-50%); } ul.line li.line-item > a:hover { color: var(--otl-gold); } ul.line li.line-item > a:hover::after { width: 100%; } ul.line li.line-item > a:hover svg path { fill: var(--otl-gold); transition: 0.3s; } .dropdown { display: none; width: 100%; padding: 0 0 30px 172px; } .dropdown.show { display: block; } .dropdown aside { display: none; gap: 91px; } .dropdown aside.active { display: flex; } .dropdown .cat { display: none; } .dropdown .cat.active { display: block; } .dropdown .level-1 { position: relative; } .dropdown .level-1 > li { width: 172px; } .dropdown .level-1 > li.active > a, .dropdown .level-1 > li.active > span { color: var(--otl-gold); text-decoration: underline; } .dropdown .level-1 > li.active .level-2 { opacity: 1; visibility: visible; } .dropdown .level-1 > li:last-child a { padding-bottom: 38px; } .dropdown .level-1 > li::after { content: ""; position: absolute; top: 0; left: 172px; width: 1px; height: 100%; background: #ffff; } .dropdown .level-1 > li .level-2 { position: absolute; top: 0; left: 172px; display: flex; gap: 71px; width: calc(100% - 172px); height: 100%; padding-left: 56px; box-sizing: border-box; opacity: 0; visibility: hidden; } .dropdown .level-1 > li .level-2 li a { padding-bottom: 12px; } .dropdown ul { margin: 0; padding: 0; list-style-type: none; } .dropdown ul li { line-height: 1; } .dropdown ul li:last-child { margin-bottom: 0; } .dropdown ul li a, .dropdown ul li span { display: block; padding-bottom: 12px; color: #FFFFFF; font-size: 16px; line-height: 26px; font-weight: 700; cursor: pointer; } .dropdown ul li a:last-child, .dropdown ul li span:last-child { margin-bottom: 0; } .s-text { padding-bottom: 67px; background: #F8F8F8; } .s-text .block_title { text-align: center; } .s-text .text_wrap { display: flex; justify-content: space-between; gap: 70px; } .s-text .text_wrap .right { width: 100%; max-width: 327px; } .s-text .text_wrap .left { width: calc(100% - 397px); } .s-text .text_wrap .countries-list { display: none; flex-wrap: wrap; gap: 15px; margin: 0 0 25px; padding: 0; list-style-type: none; } .s-text .text_wrap .countries-list li { line-height: 1; } .s-text .text_wrap .countries-list li.active a { border-color: var(--otl-blue); } .s-text .text_wrap .countries-list li a { display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 15px; border: 2px solid transparent; border-radius: 3px; } .s-text .text_wrap .countries-list li a .flag { width: 49px; height: 37px; overflow: hidden; } .s-text .text_wrap .countries-list li a .flag img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .s-text .text_wrap .countries-list li a p { width: calc(100% - 59px); margin: 0; color: var(--otl-blue); font-size: 21px; font-weight: 700; white-space: nowrap; } .s-text .text_wrap .countries-list-mobile { display: none; margin: 0 0 25px; padding: 0; list-style-type: none; } .s-text .text_wrap .countries-list-mobile li { line-height: 1; } .s-text .text_wrap .countries-list-mobile li.swiper-slide { width: auto; } .s-text .text_wrap .countries-list-mobile li.active a { border-color: var(--otl-blue); } .s-text .text_wrap .countries-list-mobile li a { display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: 100%; padding: 15px; border: 2px solid transparent; box-sizing: border-box; border-radius: 3px; } .s-text .text_wrap .countries-list-mobile li a .flag { width: 49px; height: 37px; overflow: hidden; } .s-text .text_wrap .countries-list-mobile li a .flag img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .s-text .text_wrap .countries-list-mobile li a p { width: calc(100% - 59px); margin: 0; color: var(--otl-blue); font-size: 21px; font-weight: 700; white-space: nowrap; } .s-text .text_wrap .content { padding-top: 25px; } .s-text .text_wrap .content p { font-family: "Times New Roman", sans-serif; } .s-text .text_wrap .content p:last-child { margin-bottom: 0; } .s-text .text_wrap .content .text-bl { display: none; } .s-text .text_wrap .content .text-bl.active { display: block; } .s-text .text_wrap h1 { display: block; margin: 0 0 20px; color: var(--otl-blue); font-size: 28px; line-height: 1.4; font-weight: 700; } .s-text .text_wrap h1 p { margin: 0; font-family: var(--userfont) !important; color: var(--otl-blue); font-size: 28px; line-height: 1.4; font-weight: 700; } .s-text .text_wrap h2 { display: block; margin: 0 0 20px; color: var(--otl-blue); font-size: 25px; line-height: 1.4; font-weight: 700; } .s-text .text_wrap h2 p { margin: 0; font-family: var(--userfont) !important; color: var(--otl-blue); font-size: 25px; line-height: 1.4; font-weight: 700; } .s-text .text_wrap h3 { display: block; margin: 0 0 20px; color: var(--otl-blue); font-size: 23px; line-height: 1.4; font-weight: 700; } .s-text .text_wrap h3 p { margin: 0; font-family: var(--userfont) !important; color: var(--otl-blue); font-size: 23px; line-height: 1.4; font-weight: 700; } .s-text .text_wrap p { margin: 0 0 21px; color: #474747; font-size: 16px; line-height: 26px; } .s-text .text_wrap img { max-width: 100%; border-radius: 5px; } .s-text .text_wrap .image { display: none; margin: 0; } .s-text .text_wrap .image img { width: 100%; } .s-text .text_wrap .info-sw { position: relative; padding: 45px 0 421px; background: var(--otl-blue); text-align: center; border-radius: 5px; overflow: hidden; } .s-text .text_wrap .info-sw img.location { position: absolute; max-width: none; height: 332px; left: 50%; bottom: 27px; transform: translate(-50%, 0); } .s-text .text_wrap .info-sw div { display: none; opacity: 0; transition: 0.3s; } .s-text .text_wrap .info-sw div.active { display: block; opacity: 1; } .s-text .text_wrap .info-sw a img { width: auto; height: 76px; } .s-text .text_wrap .info-sw p { margin: 16px 0 0; padding: 0 24px; font-family: var(--userfont); color: #FFFFFF; font-size: 18px; line-height: 29px; font-weight: 700; text-align: center; } @media(max-width: 1279px) { .s-text { padding-bottom: 50px; } .s-text .text_wrap { flex-direction: column; } .s-text .text_wrap .countries-list { margin-bottom: 20px; } .s-text .text_wrap .countries-list li a p { font-size: 16px; } .s-text .text_wrap .countries-list-mobile { margin-bottom: 20px; } .s-text .text_wrap .countries-list-mobile li a p { font-size: 16px; } .s-text .text_wrap .left { width: 100%; } .s-text .text_wrap .right { display: none; } .s-text .text_wrap .content { display: flex; flex-direction: row; gap: 42px; width: 100%; padding: 31px 0 0; } .s-text .text_wrap .content .desc { width: calc(100% - 266px); } .s-text .text_wrap p { margin-bottom: 15px; } .s-text .text_wrap .image { display: block; max-width: 224px; } .s-text .text_wrap .info-sw { padding: 31px 0 293px; } .s-text .text_wrap .info-sw a img { height: 52px; } .s-text .text_wrap .info-sw p { margin-top: 11px; padding: 0 11px; font-size: 14px; line-height: 1.4; } .s-text .text_wrap .info-sw img.location { width: 398px; height: 228px; } } @media(max-width: 996px) { .s-text .text_wrap .countries-list { display: none; flex-wrap: nowrap; overflow-y: scroll; padding-bottom: 8px; } .s-text .text_wrap .countries-list-mobile { padding-left: 15px; } .s-text .text_wrap .swiper { width: calc(100% + 30px); margin: 0 -15px; } .s-text .text_wrap .content { padding-top: 19px; } .s-text .text_wrap h1 { margin-bottom: 11px; padding-top: 12px; font-size: 24px; line-height: 29px; } .s-text .text_wrap h1 p { font-size: 24px; line-height: 29px; } .s-text .text_wrap h2 { margin-bottom: 11px; padding-top: 12px; font-size: 21px; line-height: 29px; } .s-text .text_wrap h2 p { font-size: 21px; line-height: 29px; } .s-text .text_wrap h3 { margin-bottom: 11px; padding-top: 12px; font-size: 18px; line-height: 29px; } .s-text .text_wrap h3 p { font-size: 18px; line-height: 29px; } .s-text .text_wrap p { margin-bottom: 10px; font-size: 14px; line-height: 18px; } .s-text .text_wrap .info-sw { border-radius: 3px; } .s-text .text_wrap .info-sw p { font-size: 12px; line-height: 19px; } } @media(max-width: 680px) { .s-text { background: 0 0; } .s-text .text_wrap .countries-list { margin-bottom: 15px; } .s-text .text_wrap .countries-list-mobile { margin-bottom: 15px; } .s-text .text_wrap .content { flex-direction: column; gap: 20px; padding-top: 15px; } .s-text .text_wrap .content .desc { width: 100%; } .s-text .text_wrap .content .image { max-width: none; } .s-text .text_wrap .content .image .info-sw { padding: 16px 10px 24px; } .s-text .text_wrap .content .image .info-sw p { margin: 12px 0 20px; line-height: 17px; } .s-text .text_wrap .content .image .info-sw img.location { position: relative; max-width: 100%; width: auto; left: unset; bottom: unset; height: auto; transform: none; } .s-text .text_wrap h3 { padding-top: 0; } } @media(max-width: 460px) { .s-text .text_wrap h1 { font-size: 21px; line-height: 1.2; } .s-text .text_wrap h1 p { font-size: 21px; } .s-text .text_wrap h2 { font-size: 19px; line-height: 1.2; } .s-text .text_wrap h2 p { font-size: 19px; } .s-text .text_wrap h3 { line-height: 1.2; } } @media(max-width: 355px) { .s-text .text_wrap h1 { font-size: 20px; } .s-text .text_wrap h1 p { font-size: 20px; } } .s-faq.pages { position: relative; padding: unset !important; background-color: #F8F8F8 !important; margin: 0 !important; } .s-faq.pages::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 223px; background: #FFFFFF; z-index: 1; } .s-faq .container { position: relative; z-index: 3; } .s-faq .block_title { text-align: center; } .s-faq .faq_wrap { max-width: 924px; margin: 0 auto; } .s-faq .faq_wrap .faq_list { margin: 0; padding: 0; list-style-type: none; } .s-faq .faq_wrap .faq_list .view-item { margin-bottom: 15px; border: 2px solid var(--otl-blue); border-radius: 3px; line-height: 1; } .s-faq .faq_wrap .faq_list .view-item:last-child { margin-bottom: 0; } .s-faq .faq_wrap .faq_list .view-item.first button { transform: rotate(-90deg); } .s-faq .faq_wrap .faq_list .view-item.first .bottom { display: block; } .s-faq .faq_wrap .faq_list .view-item.open button { transform: rotate(-90deg); } .s-faq .faq_wrap .faq_list .view-item .top { display: flex; align-items: center; justify-content: space-between; gap: 19px; padding: 22px 43px 27px 42px; background: var(--otl-blue); cursor: pointer; } .s-faq .faq_wrap .faq_list .view-item .top:hover { background: var(--otl-blue); } .s-faq .faq_wrap .faq_list .view-item .bottom { display: none; padding: 15px 67px 24px 42px; color: var(--otl-blue); font-family: "Times New Roman", sans-serif; font-size: 16px; line-height: 26px; background: #FFFFFF; } .s-faq .faq_wrap .faq_list .view-item button { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0; background-color: transparent; background-size: 12px; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwxMSAxMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExIDFWMTFIMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); border: none; } .s-faq .faq_wrap .faq_list .view-item span { width: calc(100% - 75px); color: #FFFFFF; font-size: 21px; line-height: 34px; font-weight: 700; } .s-faq .faq_wrap .faq_list .view-item p { margin: 0 0 15px; color: var(--otl-blue); font-family: "Times New Roman", sans-serif; font-size: 16px; line-height: 26px; } .s-faq .faq_wrap .faq_list .view-item ul { margin: 0 0 15px; padding-left: 24px; list-style-type: disc; } .s-faq .faq_wrap .faq_list .view-item ul:last-child { margin-bottom: 0; } .s-faq .faq_wrap .faq_list .view-item ul li { margin-bottom: 15px; color: var(--otl-blue); font-family: "Times New Roman", sans-serif; font-size: 16px; line-height: 26px; } .s-faq .faq_wrap .faq_list .view-item ul li:last-child { margin-bottom: 0; } @media(max-width: 1279px) { .s-faq::after { height: 176px; } } @media(max-width: 1199px) { .s-faq::after { height: 146px; } .s-faq .faq_wrap .faq_list .view-item { margin-bottom: 10px; } .s-faq .faq_wrap .faq_list .view-item .top { padding: 11px 20px; } .s-faq .faq_wrap .faq_list .view-item .bottom { padding: 10px 20px; font-size: 14px; line-height: 18px; } .s-faq .faq_wrap .faq_list .view-item span { font-size: 18px; line-height: 1.4; } .s-faq .faq_wrap .faq_list .view-item p { margin-bottom: 15px; font-size: 14px; line-height: 18px; } .s-faq .faq_wrap .faq_list .view-item ul { padding-left: 19px; } .s-faq .faq_wrap .faq_list .view-item ul li { margin-bottom: 5px; font-size: 14px; line-height: 18px; } } @media(max-width: 680px) { .s-faq .block_title { max-width: none; } .s-faq .faq_wrap .faq_list .view-item { margin-bottom: 6px; } .s-faq .faq_wrap .faq_list .view-item .top { padding: 8px 11px 8px 20px; } .s-faq .faq_wrap .faq_list .view-item .bottom { padding: 11px 11px 17px 20px; font-size: 14px; line-height: 18px; } .s-faq .faq_wrap .faq_list .view-item span { font-size: 14px; line-height: 17px; } .s-faq .faq_wrap .faq_list .view-item p { margin-bottom: 8px; font-size: 14px; line-height: 18px; } .s-faq .faq_wrap .faq_list .view-item ul li { font-size: 14px; line-height: 18px; } } .s-info .block_title { text-align: center; } .s-info .info_wrap .info-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin: 0; padding: 0; list-style-type: none; } .s-info .info_wrap .info-list .info-list_item { display: flex; flex-direction: column; justify-content: space-between; padding: 11px 18px 24px; border: 1px solid #E0E0E0; border-radius: 3px; } .s-info .info_wrap .info-list .info-list_item .title { margin-bottom: 14px; padding-bottom: 14px; color: var(--otl-blue); font-size: 23px; line-height: 37px; font-weight: 700; border-bottom: 1px solid #D9D9D9; } .s-info .info_wrap .info-list .info-list_item ul { margin: 0; padding: 0; list-style-type: none; } .s-info .info_wrap .info-list .info-list_item ul li { margin-bottom: 6px; line-height: 1; } .s-info .info_wrap .info-list .info-list_item ul li:last-child { margin-bottom: 62px; } .s-info .info_wrap .info-list .info-list_item ul li a { color: var(--otl-blue); font-size: 18px; line-height: 29px; font-weight: 700; text-decoration-line: underline; transition: 0.3s; } .s-info .info_wrap .info-list .info-list_item ul li a:hover { text-decoration: none; } .s-info .info_wrap .info-list .info-list_item .image { height: 175px; margin: 0; padding-top: 20px; border-top: 1px solid #D9D9D9; } .s-info .info_wrap .info-list .info-list_item .image img { width: 100%; height: 100%; object-fit: cover; } @media(max-width: 1279px); @media(max-width: 1199px) { .s-info .info_wrap .info-list { grid-template-columns: repeat(3, 1fr); } .s-info .info_wrap .info-list .info-list_item ul li:last-child { margin-bottom: 41px; } } @media(max-width: 996px) { .s-info .info_wrap .info-list { grid-template-columns: repeat(2, 1fr); } } @media(max-width: 768px) { .s-info .info_wrap .info-list { gap: 20px; } } @media(max-width: 680px) { .s-info .info_wrap { max-width: 520px; margin: 0 auto; } .s-info .info_wrap .info-list { grid-template-columns: repeat(1, 1fr); gap: 15px; } } .comfirm { display: none; position: absolute; top: 50%; left: 50%; justify-content: center; align-items: center; width: calc(100% + 10px); height: 100%; background: #ffff; text-align: center; transform: translate(-50%, -50%); z-index: 20; } .comfirm span { font-size: 24px; line-height: 1.4; } .s-form { padding: 50px 0; background: #F8F8F8; } .s-form .comfirm { background: #F8F8F8; } .s-form .form_wrap { display: flex; justify-content: space-between; gap: 149px; } .s-form .form_wrap .right { width: 100%; max-width: 566px; padding-top: 100px; } .s-form .form_wrap .left { position: relative; width: calc(100% - 715px); } .s-form .form_wrap .block_title { margin: 0; } .s-form .form_wrap form { padding-top: 82px; } .s-form .form_wrap .ya-reviews_tab { display: flex; gap: 16px; margin: 0 0 27px; padding: 0; list-style-type: none; } .s-form .form_wrap .ya-reviews_tab li { display: flex; justify-content: center; align-items: center; gap: 10px; width: 215px; height: 81px; background: #FFFFFF; border: 1px solid #E1E1E1; border-radius: 3px; cursor: pointer; } .s-form .form_wrap .ya-reviews_tab li.active { border-color: var(--otl-blue); border-width: 2px; } .s-form .form_wrap .ya-reviews_tab li .icon { display: flex; justify-content: center; align-items: center; width: 47px; height: 47px; } .s-form .form_wrap .ya-reviews_tab li .icon img { max-width: 100%; max-height: 100%; } .s-form .form_wrap .ya-reviews_tab li p { margin: 0; color: var(--otl-blue); font-size: 18px; font-weight: 700; line-height: 1; } .s-form .form_wrap .ya-reviews_tab li span { color: #FFCC03; font-size: 18px; font-weight: 700; line-height: 29px; } .s-form .form_wrap .ya-reviews_tab li .count { display: flex; align-items: center; gap: 9px; } .s-form .form_wrap .ya-reviews_tab li .rate { display: flex; gap: 4px; } .s-form .form_wrap .ya-reviews_tab li .rate svg { width: 15px; height: 15px; } .s-form .form_wrap .ya-reviews_cont .tab { height: 0; visibility: hidden; pointer-events: none; opacity: 0; } .s-form .form_wrap .ya-reviews_cont .tab.active { height: auto; visibility: visible; pointer-events: auto; opacity: 1; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list { margin: 0; padding: 0; list-style-type: none; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li { height: auto; min-height: 265px; padding: 20px 28px 25px 22px; background: #FFFFFF; border: 1px solid #E1E1E1; box-sizing: border-box; border-radius: 3px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .profile { display: flex; align-items: center; gap: 19px; margin-bottom: 12px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .profile .ava { width: 78px; height: 78px; background: #d9d9d9; border-radius: 50%; overflow: hidden; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .profile .ava img { width: 100%; height: 100%; object-fit: cover; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .profile .info { width: calc(100% - 98px); } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .profile .info span { display: block; margin-bottom: 1px; color: #000; font-size: 18px; line-height: 29px; font-weight: 700; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .profile .info small { color: #797979; font-size: 16px; line-height: 26px; font-weight: 500; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .rate { display: flex; gap: 4px; margin-bottom: 1px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .rate svg { width: 15px; height: 15px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .desc p { margin-bottom: 12px; color: #474747; font-family: "Times New Roman", sans-serif; font-size: 16px; line-height: 26px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .desc p:last-child { margin-bottom: 0; } .s-form .form_wrap .ya-reviews_cont .controls { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 17px; margin-top: 19px; } .s-form .form_wrap .ya-reviews_cont .controls .buttons { display: flex; align-items: center; gap: 12px; } .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-prev, .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-next { position: relative; right: unset; left: unset; width: 24px; height: 24px; margin: 0; line-height: 1; } .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-prev::after, .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-next::after { display: none; } .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-prev svg, .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-next svg { width: 100%; height: 100%; } .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-prev { transform: scaleX(-1); } .s-form .form_wrap .ya-reviews_cont .controls .swiper-scrollbar { position: relative; right: unset; left: unset; bottom: unset; width: calc(100% - 77px); height: 2px; background: #D9D9D9; border-radius: 12px; } .s-form .form_wrap .ya-reviews_cont .controls .swiper-scrollbar .swiper-scrollbar-drag { background: var(--otl-blue); border-radius: 12px; } @media(max-width: 1300px) { .s-form .form_wrap { gap: 60px; } .s-form .form_wrap .left { width: calc(100% - 626px); } } @media(max-width: 1279px) { .s-form .form_wrap { flex-direction: column; justify-content: center; gap: 0; max-width: 1050px; margin: 0 auto; } .s-form .form_wrap .left { width: 100%; } .s-form .form_wrap .right { padding-top: 0; } .s-form .form_wrap form { padding-top: 29px; } } @media(max-width: 768px) { .s-form { padding: 15px 0 27px; } .s-form .form_wrap .block_title { max-width: 560px; margin: 0 auto; text-align: center; } .s-form .form_wrap .right { max-width: none; } .s-form .form_wrap .ya-reviews_cont .controls { justify-content: center; margin-top: 21px; } .s-form .form_wrap .ya-reviews_cont .controls .buttons { gap: 22px; } .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-next, .s-form .form_wrap .ya-reviews_cont .controls .swiper-button-prev { width: 26px; height: 26px; } } @media(max-width: 680px) { .comfirm span { font-size: 21px; } .s-form { padding: 0; background: 0 0; } .s-form .comfirm { background: #ffff; } .s-form .form_wrap .block_title { max-width: unset; } .s-form .form_wrap form { padding-top: 31px; } .s-form .form_wrap .ya-reviews_tab { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; } .s-form .form_wrap .ya-reviews_tab li { flex-direction: column; align-items: flex-start; width: 100%; height: 119px; padding: 9px 17px 10px 18px; } .s-form .form_wrap .ya-reviews_tab li#yandex .icon { width: 21px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li { padding: 14px 21px 14px; } .s-form .form_wrap .ya-reviews_cont .ya-reviews-list li .desc p { font-size: 14px; line-height: 22px; } .s-form .form_wrap .ya-reviews_cont .controls .buttons { gap: 30px; } } @media(max-width: 359px) { .s-form .form_wrap .ya-reviews_tab li { padding: 10px; } .s-form .form_wrap .ya-reviews_tab li p { font-size: 16px; } .s-form .form_wrap .ya-reviews_tab li span { font-size: 16px; } .s-form .form_wrap .ya-reviews_tab li .rate svg { width: 12px; height: 12px; } } .banner { position: relative; min-height: 600px; padding: 74px 0 37px; background-color: var(--otl-blue); } .banner .banner_wrap .info { position: relative; width: 100%; max-width: 566px; z-index: 2; } .banner .banner_wrap .info h1 { color: #FFFFFF; } .banner .banner_wrap .info .title { margin: 0 0 35px; font-size: 50px; line-height: 1; } .banner .banner_wrap .info ul { margin: 0; padding: 0; list-style-type: none; } .banner .banner_wrap .info ul li { position: relative; display: flex; align-items: center; margin-bottom: 12px; color: #FFFFFF; font-size: 21px; font-weight: 600; } .banner .banner_wrap .info ul li::before { content: ""; display: block; width: 24px; height: 24px; margin-right: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDExLjA4NTdWMTIuMDA1N0MyMS45OTg4IDE0LjE2MjEgMjEuMzAwNSAxNi4yNjA0IDIwLjAwOTMgMTcuOTg3NUMxOC43MTgyIDE5LjcxNDcgMTYuOTAzMyAyMC45NzgyIDE0LjgzNTQgMjEuNTg5NkMxMi43Njc0IDIyLjIwMSAxMC41NTczIDIyLjEyNzYgOC41MzQ0NyAyMS4zODAzQzYuNTExNjggMjAuNjMzIDQuNzg0NjUgMTkuMjUxOCAzLjYxMDk2IDE3LjQ0MjhDMi40MzcyNyAxNS42MzM4IDEuODc5NzkgMTMuNDkzOCAyLjAyMTY4IDExLjM0MkMyLjE2MzU2IDkuMTkwMjkgMi45OTcyMSA3LjE0MjA1IDQuMzk4MjggNS41MDI4QzUuNzk5MzUgMy44NjM1NCA3LjY5Mjc5IDIuNzIxMTEgOS43OTYxOSAyLjI0NTg3QzExLjg5OTYgMS43NzA2MyAxNC4xMDAzIDEuOTg4MDYgMTYuMDcgMi44NjU3MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIyIDRMMTIgMTRMOSAxMS4wMDMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-position: center; background-size: cover; } .banner .banner_wrap .info ul li:last-child { margin-bottom: 0; } .banner .banner_wrap .info ul li p { margin: 0; color: #FFFFFF; font-size: 21px; font-weight: 600; } .banner .banner_wrap .info .btn { margin: 35px 0 0; } .banner .banner_wrap .info p { margin: 102px 0 0; color: #FFFFFF; font-size: 16px; line-height: 1.2; } .banner .banner_wrap .images { display: none; } .banner .banner_wrap img.pos { display: none; position: absolute; top: 0; right: 0; height: 100%; background-position: center; object-fit: cover; } .banner .banner_wrap img.pos.img-1 { display: block; right: 200px; } @media(max-width: 2200px) { .banner .banner_wrap img.pos.img-1 { right: 0; } } @media(max-width: 1920px) {} @media(max-width: 1880px) {} @media(max-width: 1700px) { .banner .banner_wrap img.pos.img-1 { right: -200px; } } @media(max-width: 1600px) {} @media(max-width: 1400px) { .banner .banner_wrap img.pos.img-1 { right: -340px; } } @media(max-width: 1279px) { .banner { min-height: auto; padding: 16px 0 14px; } .banner .banner_wrap img.img-1 { display: none; } .banner .banner_wrap img.img-2 { display: block; } .banner .banner_wrap .info .title { margin: 0 0 15px; font-size: 30px; } .banner .banner_wrap .info ul li { margin-bottom: 10px; font-size: 14px; line-height: 22px; font-weight: 700; } .banner .banner_wrap .info ul li::before { width: 18px; height: 18px; margin-right: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDcuODE0MjlWOC41MDQyOUMxNS45OTkxIDEwLjEyMTYgMTUuNDc1NCAxMS42OTUzIDE0LjUwNyAxMi45OTA3QzEzLjUzODYgMTQuMjg2IDEyLjE3NzUgMTUuMjMzNyAxMC42MjY1IDE1LjY5MjJDOS4wNzU1NyAxNi4xNTA4IDcuNDE3OTQgMTYuMDk1NyA1LjkwMDg1IDE1LjUzNTJDNC4zODM3NiAxNC45NzQ3IDMuMDg4NDkgMTMuOTM4OSAyLjIwODIyIDEyLjU4MjFDMS4zMjc5NSAxMS4yMjUzIDAuOTA5ODQzIDkuNjIwMzQgMS4wMTYyNiA4LjAwNjUzQzEuMTIyNjcgNi4zOTI3MiAxLjc0NzkxIDQuODU2NTQgMi43OTg3MSAzLjYyNzFDMy44NDk1MSAyLjM5NzY2IDUuMjY5NTkgMS41NDA4MyA2Ljg0NzE0IDEuMTg0NEM4LjQyNDY5IDAuODI3OTc1IDEwLjA3NTIgMC45OTEwNDYgMTEuNTUyNSAxLjY0OTI5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcgM0w5LjMwNzY5IDExTDcgOC42MDI0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .banner .banner_wrap .info ul li p { font-size: 14px; line-height: 22px; font-weight: 700; } .banner .banner_wrap .info .btn { height: 52px; margin: 15px 0 0; padding: 0 20px; } .banner .banner_wrap .info p { margin: 21px 0 0; font-weight: 500; } } @media(max-width: 996px) { .banner .banner_wrap .info { max-width: 350px; } .banner .banner_wrap .info ul li p { width: calc(100% - 30px); } } @media(max-width: 870px) {} @media(max-width: 720px) {} @media(max-width: 680px) { .banner { padding: 0; } .banner .banner_wrap .info { padding: 13px 0 14px; } .banner .banner_wrap .info p { margin: 5px 0 0; font-size: 14px; } .banner .banner_wrap .images { margin: 0 -15px; } .banner .banner_wrap img.img-3 { right: -40%; } } @media(max-width: 570px) { .banner .banner_wrap .pos { display: none !important; } } @media(max-width: 420px) { .banner .banner_wrap .images { display: block; } .banner .banner_wrap .images img { width: 100%; } } @media(max-width: 370px) { .banner .banner_wrap .info h1 { line-height: 33px; } .banner .banner_wrap .info .title { line-height: 33px; } .banner .banner_wrap .images { display: block; } .banner .banner_wrap .images img { width: 100%; } .banner .banner_wrap .pos { display: none !important; } } .s-delivery .block_title { text-align: center; } .s-delivery .delivery_wrap { max-width: 1050px; margin: 0 auto; } .s-delivery .delivery_wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style-type: none; } .s-delivery .delivery_wrap ul li { min-height: 232px; padding: 20px 16px 20px 30px; background: #FAFAFA; transition: 0.3s ease-in-out; } .s-delivery .delivery_wrap ul li:nth-child(even) { background: #FFF1D1; } .s-delivery .delivery_wrap ul li:nth-child(even):hover { background: #FAFAFA; } .s-delivery .delivery_wrap ul li .icon { display: flex; align-items: flex-start; justify-content: flex-start; width: 36px; height: 36px; margin-bottom: 21px; } .s-delivery .delivery_wrap ul li .icon img, .s-delivery .delivery_wrap ul li .icon svg { max-width: 100%; max-height: 100%; } .s-delivery .delivery_wrap ul li span { color: var(--otl-blue); font-size: 21px; line-height: 1.2; font-weight: 700; } .s-delivery .delivery_wrap ul li p { margin: 3px 0 0; color: #474747; font-family: "Times New Roman", sans-serif; font-size: 16px; line-height: 26px; } .s-delivery .delivery_wrap .more { display: block; text-align: center; } .s-delivery .delivery_wrap .more p { margin: 35px 0 20px; color: var(--otl-blue); font-size: 18px; line-height: 29px; font-weight: 600; } @media(max-width: 1279px) { .s-delivery .delivery_wrap ul li { min-height: 197px; padding: 20px 15px 20px 20px; } .s-delivery .delivery_wrap ul li .icon { width: 32px; height: 32px; margin-bottom: 12px; } .s-delivery .delivery_wrap ul li span { display: block; font-size: 18px; } .s-delivery .delivery_wrap ul li p { margin: 8px 0 0; font-size: 16px; line-height: 18px; } .s-delivery .delivery_wrap ul li p br { display: none; } .s-delivery .delivery_wrap .more p { margin: 20px 0 12px; font-size: 16px; } } @media(max-width: 680px) { .s-delivery .delivery_wrap ul { grid-template-columns: repeat(2, 1fr); } .s-delivery .delivery_wrap ul li { min-height: 194px; padding: 15px; } .s-delivery .delivery_wrap ul li:nth-child(even) { background: #FAFAFA; } .s-delivery .delivery_wrap ul li:nth-child(2) { background: #FFF1D1; } .s-delivery .delivery_wrap ul li:nth-child(3) { background: #FFF1D1; } .s-delivery .delivery_wrap ul li:nth-child(6) { background: #FFF1D1; } .s-delivery .delivery_wrap ul li p { margin: 6px 0 0; font-size: 14px; } .s-delivery .delivery_wrap .more p { margin: 20px 0 10px; font-size: 14px; line-height: 22px; } } @media(max-width: 370px) { .s-delivery { padding-bottom: 44px; } } @media(max-width: 355px) { .s-delivery .container { padding: 0; } } .s-transportation { position: relative; padding: 0 0 93px; } .s-transportation .block_title { margin-bottom: 60px; } .s-transportation .transportation_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 67px; } .s-transportation .transportation_wrap .text { width: calc(100% - 394px); } .s-transportation .transportation_wrap .images { position: relative; width: 100%; max-width: 327px; margin: 0; } .s-transportation .transportation_wrap .images img { position: absolute; top: 0; right: 0; width: auto; height: 362px; } .s-transportation .transportation_wrap .tr-adv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 49px; padding: 0; list-style-type: none; } .s-transportation .transportation_wrap .tr-adv li .icon { display: flex; align-items: flex-start; justify-content: flex-start; width: 36px; height: 36px; margin-bottom: 10px; } .s-transportation .transportation_wrap .tr-adv li .icon img, .s-transportation .transportation_wrap .tr-adv li .icon svg { max-width: 100%; max-height: 100%; } .s-transportation .transportation_wrap .tr-adv li span { color: var(--otl-blue); font-size: 23px; line-height: 37px; font-weight: 700; } .s-transportation .transportation_wrap .tr-adv li p { margin: 6px 0 9px; color: #474747; font-family: "Times New Roman", sans-serif; font-size: 18px; line-height: 27px; } .s-transportation .transportation_wrap .tr-adv li a { color: var(--otl-blue); font-size: 18px; line-height: 1; font-weight: 700; text-decoration-line: underline; transition: 0.3s ease-in-out; } .s-transportation .transportation_wrap .tr-adv li a:hover { text-decoration: none; } .s-transportation .transportation_wrap .tr-adv li.img { display: none; } .s-transportation .transportation_wrap .services { background: unset; } .s-transportation .transportation_wrap .services img { display: none; } .s-transportation .transportation_wrap .tr-serv { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 0; padding: 0; list-style-type: none; } .s-transportation .transportation_wrap .tr-serv li { line-height: 1; } .s-transportation .transportation_wrap .tr-serv li.last a { gap: 10px; height: 65px; } .s-transportation .transportation_wrap .tr-serv li a { display: inline-flex; justify-content: center; align-items: center; height: 49px; padding: 0 34px; color: var(--otl-blue); font-size: 18px; font-weight: bold; background: #FFFFFF; border: 2px solid var(--otl-blue); border-radius: 38px; transition: 0.3s ease-in-out; } .s-transportation .transportation_wrap .tr-serv li a:hover { color: #FFFFFF; background: var(--otl-blue); } .s-transportation .transportation_wrap .tr-serv li a small { display: inline-flex; justify-content: center; align-items: center; height: 47px; padding: 0 34px; color: var(--otl-blue); font-size: 18px; font-weight: bold; background: #FFFFFF; border: 2px solid var(--otl-blue); border-radius: 38px; } @media(max-width: 1400px) { .s-transportation .transportation_wrap { gap: 30px; } .s-transportation .transportation_wrap .text { width: calc(100% - 310px); } .s-transportation .transportation_wrap .images { max-width: 280px; } .s-transportation .transportation_wrap .images img { max-width: 420px; height: auto; } } @media(max-width: 1279px) { .s-transportation { padding-bottom: 50px; } .s-transportation .block_title { margin-bottom: 25px; text-align: center; } .s-transportation .transportation_wrap .tr-adv { grid-template-columns: repeat(4, 1fr); margin: 0 0 55px; } .s-transportation .transportation_wrap .tr-adv li.img { display: block; } .s-transportation .transportation_wrap .tr-adv li.img img { display: none; width: 215px; height: 158px; } .s-transportation .transportation_wrap .tr-adv li.img img:first-child { display: block; } .s-transportation .transportation_wrap .tr-adv li .icon { width: 32px; height: 32px; margin-bottom: 10px; } .s-transportation .transportation_wrap .tr-adv li span { font-size: 18px; line-height: 29px; } .s-transportation .transportation_wrap .tr-adv li p { font-size: 14px; line-height: 18px; } .s-transportation .transportation_wrap .tr-serv { column-gap: 14px; row-gap: 20px; } .s-transportation .transportation_wrap .tr-serv li:nth-child(2) { display: none; } .s-transportation .transportation_wrap .tr-serv li.last a { gap: 0; height: 38px; } .s-transportation .transportation_wrap .tr-serv li.last a small { display: none; } .s-transportation .transportation_wrap .tr-serv li a { height: 38px; padding: 0 18px; font-size: 16px; } .s-transportation .transportation_wrap .text { width: 100%; } .s-transportation .transportation_wrap .images { display: none; position: absolute; right: 0; bottom: 0; max-width: 215px; } .s-transportation .transportation_wrap .images img { width: 100%; height: 158px; } } @media(max-width: 996px) { .s-transportation .transportation_wrap .tr-adv { grid-template-columns: repeat(3, 1fr); margin: 0 0 20px; } .s-transportation .transportation_wrap .tr-adv li.img { display: none; } .s-transportation .transportation_wrap .tr-serv { width: calc(100% - 237px); margin: 35px 0 0; } .s-transportation .transportation_wrap .services { display: flex; align-items: flex-start; gap: 22px; } .s-transportation .transportation_wrap .services img { display: block; width: 215px; height: 158px; } } @media(max-width: 680px) { .s-transportation .block_title { margin-bottom: 19px; } .s-transportation .transportation_wrap .tr-adv { grid-template-columns: repeat(2, 1fr); margin: 0 0 25px; } .s-transportation .transportation_wrap .tr-adv li.img { display: block; } .s-transportation .transportation_wrap .tr-adv li.img img { display: none; } .s-transportation .transportation_wrap .tr-adv li.img img:first-child { display: none; } .s-transportation .transportation_wrap .tr-adv li.img img.nth2 { display: block !important; width: 169px; height: auto; } .s-transportation .transportation_wrap .tr-adv li p { margin: 6px 0 8px; } .s-transportation .transportation_wrap .tr-serv { justify-content: center; width: 100%; max-width: 274px; margin: 0 auto; column-gap: 10px; row-gap: 10px; } .s-transportation .transportation_wrap .services img { display: none; } } @media(max-width: 420px) { .s-transportation .transportation_wrap .tr-adv { row-gap: 24px; } .s-transportation .transportation_wrap .tr-adv li span { display: block; padding-right: 66px; line-height: 1.2; } .s-transportation .transportation_wrap .tr-adv li p { padding-right: 10px; } .s-transportation .transportation_wrap .tr-adv li.img .nth2 { margin-left: -15px; } } @media(max-width: 355px) { .s-transportation .transportation_wrap .tr-adv { grid-template-columns: repeat(1, 1fr); gap: 24px; } .s-transportation .transportation_wrap .tr-adv li { text-align: center; } .s-transportation .transportation_wrap .tr-adv li .icon { margin: 0 auto 10px; } .s-transportation .transportation_wrap .tr-adv li.img { display: none; } .s-transportation .transportation_wrap .tr-adv li span, .s-transportation .transportation_wrap .tr-adv li p { padding: 0; } } .s-contact.defer { padding-top: 0; } .s-contact .contact_wrap { display: flex; justify-content: space-between; gap: 164px; } .s-contact .contact_wrap .block_title { margin-bottom: 35px; } .s-contact .contact_wrap .form { position: relative; width: 100%; max-width: 687px; padding-top: 37px; } .s-contact .contact_wrap .form .block_title { display: none; } .s-contact .contact_wrap .info { width: calc(100% - 851px); } .s-contact .contact_wrap .cont-link { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: var(--otl-blue); font-size: 23px; font-weight: 700; } .s-contact .contact_wrap .soc { margin-bottom: 55px; } .s-contact .contact_wrap .soc svg path { fill: var(--otl-blue); } .s-contact .contact_wrap form .form_row.submit { margin-bottom: 0; } @media(max-width: 1300px) { .s-contact .contact_wrap { gap: 60px; } .s-contact .contact_wrap .info { width: calc(100% - 714px); } .s-contact .contact_wrap img { width: 100%; max-width: 100%; } } @media(max-width: 1279px) { .s-contact .contact_wrap { gap: 40px; flex-direction: column; } .s-contact .contact_wrap .form { max-width: none; padding-top: 0; order: 1; } .s-contact .contact_wrap .form .block_title { display: block; margin: 0 auto 30px; text-align: center; } .s-contact .contact_wrap .info { width: 100%; order: 2; } .s-contact .contact_wrap .info .block_title { display: none; } .s-contact .contact_wrap .info .cont-link { margin: 0; } .s-contact .contact_wrap .info .soc { margin: 3px 0 0; gap: 22px; } .s-contact .contact_wrap .info .text { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; } .s-contact .contact_wrap img { max-width: 559px; } } @media(max-width: 680px) { .s-contact .contact_wrap { gap: 28px; } .s-contact .contact_wrap .info .text { flex-wrap: wrap; justify-content: center; max-width: 285px; margin: 0 auto 21px; gap: 10px; } .s-contact .contact_wrap .info .soc { gap: 20px; margin: 0; } .s-contact .contact_wrap .cont-link { font-size: 18px; } .s-contact .contact_wrap .cont-link.mail { margin-right: 20px; } .s-contact .contact_wrap .cont-link svg { max-width: 18px; max-height: 18px; } .s-contact .contact_wrap form .form_row.text { margin-bottom: 30px; } } .s-table { padding-bottom: 0; } .s-table .table_wrap .block_title { text-align: center; } .s-table .table_wrap .block { margin-bottom: 100px; } .s-table .table_wrap .block:last-child { margin-bottom: 0; } .s-table .table_wrap table { width: 100%; } .s-table .table_wrap table thead { text-align: left; background: var(--otl-blue); border-bottom: 10px solid #FFFFFF; } .s-table .table_wrap table thead th { padding: 14px 56px; color: #FFFFFF; font-size: 21px; line-height: 34px; font-weight: 700; } .s-table .table_wrap table thead th:first-child { padding-left: 100px; border-radius: 3px 0 0 3px; } .s-table .table_wrap table thead th:last-child { padding-right: 100px; border-radius: 0 3px 3px 0; } .s-table .table_wrap table tbody { text-align: left; } .s-table .table_wrap table tbody tr:nth-child(odd) { background: #E6ECFF; } .s-table .table_wrap table tbody td { padding: 13px 56px 20px; color: var(--otl-blue); font-size: 18px; line-height: 29px; font-weight: 700; } .s-table .table_wrap table tbody td:first-child { padding-left: 100px; border-radius: 3px 0 0 3px; } .s-table .table_wrap table tbody td:last-child { padding-right: 100px; border-radius: 0 3px 3px 0; } @media(max-width: 1450px) { .s-table .table_wrap table thead th { padding: 14px 22px; } .s-table .table_wrap table thead th:first-child { padding-left: 22px; } .s-table .table_wrap table thead th:last-child { padding-right: 22px; } .s-table .table_wrap table tbody td { padding: 14px 22px; } .s-table .table_wrap table tbody td:first-child { padding-left: 22px; } .s-table .table_wrap table tbody td:last-child { padding-right: 22px; } } @media(max-width: 1199px) { .s-table .table_wrap .block { margin-bottom: 50px; } .s-table .table_wrap table thead th { font-size: 14px; } .s-table .table_wrap table tbody td { font-size: 14px; } } @media(max-width: 996px) { .s-table .table_wrap table thead th { padding: 14px 17px; line-height: 1.2; } .s-table .table_wrap table tbody td { padding: 14px 17px; line-height: 1.2; } } @media(max-width: 768px) { .s-table .block_title { max-width: none; } .s-table .container { padding: 0; } } @media(max-width: 480px) { .s-table .table_wrap table thead th:first-child { padding-left: 12px; } .s-table .table_wrap table thead th:last-child { padding-right: 3px; } .s-table .table_wrap table thead th { padding: 14px 9px; } .s-table .table_wrap table tbody td:first-child { padding-left: 12px; } .s-table .table_wrap table tbody td:last-child { padding-right: 3px; } .s-table .table_wrap table tbody td { padding: 14px 9px; } .s-table .table_wrap table thead th:nth-child(n+5) { display: none !important; } .s-table .table_wrap table tbody td:nth-child(n+5) { display: none !important; } } @media(max-width: 420px) { .s-table .table_wrap table thead th { padding: 8px 9px; } } @media(max-width: 340px) { .s-table { display: none; } } .links-block { padding-bottom: 100px; } .links-block .links-block_wrap { max-width: 958px; margin: 0 auto; } .links-block .links-block_wrap ul { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 0; padding: 0; list-style-type: none; } .links-block .links-block_wrap ul.show .c-hide, .links-block .links-block_wrap ul.show .c-hide-mob { display: block; } .links-block .links-block_wrap ul li { line-height: 1; } .links-block .links-block_wrap ul li.c-hide { display: none; } .links-block .links-block_wrap ul li a { display: inline-flex; justify-content: center; align-items: center; height: 49px; padding: 0 34px; color: var(--otl-blue); font-size: 18px; font-weight: bold; background: #FFFFFF; border: 2px solid var(--otl-blue); border-radius: 38px; transition: 0.3s ease-in-out; } .links-block .links-block_wrap ul li a:hover { color: #FFFFFF; background: var(--otl-blue); } @media(max-width: 1279px) { .more-btn button { font-size: 16px; } .links-block { padding-bottom: 50px; } .links-block .links-block_wrap { max-width: 578px; } .links-block .links-block_wrap ul { gap: 14px; } .links-block .links-block_wrap ul li.c-hide-mob { display: none; } .links-block .links-block_wrap ul li a { height: 38px; padding: 0 20px; font-size: 16px; } } @media(max-width: 680px) { .links-block { display: none; } } .scroll { height: 100vh; min-height: 100vh; overflow: hidden; } form aside { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px; } form .form_row { position: relative; margin-bottom: 50px; } form .form_row:has(> input)::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--otl-blue); border-radius: 3px; } form .form_row:has(> .error)::after { background: #A63232; } form .form_row.submit { display: flex; align-items: center; gap: 50px; } form .check { max-width: 325px; color: #474747; font-family: "Times New Roman", sans-serif; font-size: 16px; line-height: 26px; } form .check a { position: relative; color: #474747; font-weight: 600; transition: 0.3s ease-in-out; } form .check a::before { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1.5px; background: #474747; } form .check a:hover::before { width: 0; } form input { position: relative; width: 100%; height: 47px; padding: 9px 1px 22px; font-family: var(--userfont); color: var(--otl-blue); font-size: 18px; font-weight: 700; background: 0 0; border: none; box-sizing: border-box; } form input.error { border-color: #D61E3B; } form input::placeholder { color: var(--otl-blue); font-size: 18px; font-weight: 700; opacity: 1; } .over, .modal { display: none; } .over { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 52; } .modal { position: fixed; top: 0; left: 0; align-items: flex-start; width: 100%; height: 100%; overflow-y: scroll; z-index: 54; } .modal .modal_wrap { position: relative; width: 100%; max-width: 1036px; margin: 55px auto 55px; padding: 29px 63px 56px 286px; background: #FFFFFF; border-radius: 0 4px 4px 0; box-sizing: border-box; } .modal .modal_wrap .bottom.lt { position: relative; } .modal .modal_wrap .close { position: absolute; top: 29px; right: 27px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; cursor: pointer; z-index: 2; } .modal .modal_wrap .close svg { max-width: 100%; max-height: 100%; } .modal .modal_wrap .block_title { margin-bottom: 48px; } .modal .modal_wrap .info { position: absolute; left: -116px; bottom: 56px; width: 331px; padding: 32px 27px 40px; text-align: center; background: var(--otl-blue); border-radius: 4px; box-sizing: border-box; z-index: 1; } .modal .modal_wrap .info img { width: auto; height: 76px; } .modal .modal_wrap .info p { margin: 16px 0 112px; color: #FFFFFF; font-size: 18px; line-height: 29px; font-weight: 700; } .modal .modal_wrap .info .m-phone { display: block; margin-bottom: 10px; color: #FFFFFF; font-size: 26px; line-height: 31px; font-weight: 700; } .modal .modal_wrap .form_row.submit { margin-bottom: 0; } .mnu { position: fixed; top: 0; right: 0; display: flex; justify-content: flex-end; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); transition: all 0.4s ease; overflow-y: scroll; opacity: 0; visibility: hidden; z-index: 101; } .mnu.active { opacity: 1; visibility: visible; } .mnu.active .mnu_wrap { transform: translateX(0); } .mnu .mnu_wrap { position: relative; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; max-width: 744px; height: 100%; padding: 38px 28px; background: var(--otl-blue); overflow-y: scroll; transition: all 0.4s ease; transform: translateX(100%); } .mnu .mnu_wrap .close { position: absolute; top: 44px; right: 28px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; cursor: pointer; } .mnu .mnu_wrap .m_logo img { max-width: 116px; } .mnu .mnu_wrap .m_menu { margin: 0; padding: 30px 0 20px; list-style-type: none; } .mnu .mnu_wrap .m_menu li { position: relative; margin-bottom: 35px; border-bottom: 1px solid #FFFFFF; } .mnu .mnu_wrap .m_menu li.menu-item-has-children { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .mnu .mnu_wrap .m_menu li.menu-item-has-children.del a.menu--active .icon svg path { fill: unset; stroke: var(--otl-gold); } .mnu .mnu_wrap .m_menu li:last-child { margin-bottom: 40px; border-bottom: 0; } .mnu .mnu_wrap .m_menu li:last-child a { padding-bottom: 0; border-bottom: 0; } .mnu .mnu_wrap .m_menu li:last-child .item-accordion-level-2.accordion--active { padding-bottom: 0; } .mnu .mnu_wrap .m_menu li a, .mnu .mnu_wrap .m_menu li span { display: block; width: 100%; padding-bottom: 30px; color: #FFFFFF; font-size: 21px; line-height: 1.2; font-weight: 700; transition: 0.3s; } .mnu .mnu_wrap .m_menu li a.menu--active, .mnu .mnu_wrap .m_menu li span.menu--active { color: var(--otl-gold); padding-bottom: 30px; border-bottom: 0; } .mnu .mnu_wrap .m_menu li a.menu--active .icon svg path, .mnu .mnu_wrap .m_menu li span.menu--active .icon svg path { fill: var(--otl-gold); } .mnu .mnu_wrap .m_menu li a.menu--active button svg, .mnu .mnu_wrap .m_menu li span.menu--active button svg{ transform: rotate(-90deg); } .mnu .mnu_wrap .m_menu li a.menu--active button svg path, .mnu .mnu_wrap .m_menu li span.menu--active button svg path{ stroke: var(--otl-gold); } .mnu .mnu_wrap .m_menu li a.menu--active .button svg, .mnu .mnu_wrap .m_menu li span.menu--active .button svg{ transform: rotate(-90deg); } .mnu .mnu_wrap .m_menu li a.menu--active .button svg path, .mnu .mnu_wrap .m_menu li span.menu--active .button svg path{ stroke: var(--otl-gold); } .mnu .mnu_wrap .m_menu li button, .mnu .mnu_wrap .m_menu li .button { position: absolute; top: 5px; right: 0; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0; text-align: right; background: 0 0; border: none; cursor: pointer; } .mnu .mnu_wrap .m_menu li button svg, .mnu .mnu_wrap .m_menu li .button svg { transform: rotate(0deg); transition: transform 0.3s, -webkit-transform 0.3s; } .mnu .mnu_wrap .m_menu li button svg path, .mnu .mnu_wrap .m_menu li .button svg path { stroke: #FFFFFF; } .mnu .mnu_wrap .m_menu li .item-accordion { width: 100%; max-height: 0; margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .mnu .mnu_wrap .m_menu li .item-accordion.ttl li { border-bottom: 0; } .mnu .mnu_wrap .m_menu li .item-accordion.ttl li a { padding-bottom: 0; } .mnu .mnu_wrap .m_menu li .item-accordion.accordion--active { max-height: unset; padding-left: 42px; padding-bottom: 35px; visibility: visible; opacity: 1; } .mnu .mnu_wrap .m_menu li .item-accordion li { margin-bottom: 30px; } .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-has-children a, .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-has-children span { display: flex; align-items: center; gap: 26px; } .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-icon a, .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-icon span { display: flex; gap: 20px; align-items: center; } .mnu .mnu_wrap .m_menu li .item-accordion li:last-child { margin-bottom: 0; } .mnu .mnu_wrap .m_menu li .item-accordion li .icon { display: flex; width: 38px; height: 25px; } .mnu .mnu_wrap .m_menu li .item-accordion li .icon svg { max-width: 100%; max-height: 100%; margin-top: 1px; transform: none; } .mnu .mnu_wrap .m_menu li .item-accordion li a { font-size: 21px; line-height: 1.2; font-weight: 700; border-bottom: none; } .mnu .mnu_wrap .m_menu li .item-accordion-level-2 { width: 100%; max-height: 0; margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .mnu .mnu_wrap .m_menu li .item-accordion-level-2.accordion--active { max-height: unset; padding: 0 0 30px 64px; visibility: visible; opacity: 1; } .mnu .mnu_wrap .m_menu li .item-accordion-level-2 li { border-bottom: 0; } .mnu .mnu_wrap .m_menu li .item-accordion-level-2 li a { padding-bottom: 0; } .mnu .mnu_wrap .m_menu li .item-accordion-level-3 { width: 100%; max-height: 0; margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .mnu .mnu_wrap .m_menu li .item-accordion-level-3.accordion--active { max-height: unset; padding: 30px 0 0 42px; visibility: visible; opacity: 1; } .mnu .mnu_wrap .m_menu li .item-accordion-level-3 li { border-bottom: 0; } .mnu .mnu_wrap .m_menu li .item-accordion-level-3 li a { padding-bottom: 0; } @media(max-width: 1400px) { .modal .modal_wrap { display: flex; flex-direction: column; padding: 0; } .modal .modal_wrap .info { position: relative; display: flex; align-items: flex-start; gap: 52px; left: unset; bottom: unset; width: 100%; padding: 10px 28px 18px; border-radius: 0; text-align: left; order: 2; } .modal .modal_wrap .info .top { max-width: 184px; } .modal .modal_wrap .info .top img { max-width: 100%; margin-top: 8px; } .modal .modal_wrap .info .bottom { width: calc(100% - 236px); padding: 0; } .modal .modal_wrap .info p { margin: 0 0 20px; } .modal .modal_wrap .info .soc { margin-top: 3px; gap: 20px; } .modal .modal_wrap .info .m-phone { display: inline-block; margin-right: 30px; margin-bottom: 0; } .modal .modal_wrap .bottom { order: 1; padding: 20px 28px 43px; } } @media(max-width: 1279px) { form .form_row.submit { margin-bottom: 40px; } .modal .modal_wrap { width: 95%; } .modal .modal_wrap .block_title { margin-bottom: 30px; font-size: 33px; line-height: 1; } .modal .modal_wrap .info p { font-size: 14px; line-height: 22px; } } @media(max-width: 768px) { .swiper-scrollbar { display: none; } form .form_row.text { margin-bottom: 36px; } form .form_row.submit { gap: 34px; } } @media(max-width: 680px) { .modal .modal_wrap .block_title { margin: 0 0 31px; text-align: left; } .modal .modal_wrap .close { top: 14px; right: 12px; } .modal .modal_wrap .bottom { padding: 51px 12px 40px; } .modal .modal_wrap .info { gap: 33px; padding-bottom: 60px; } .modal .modal_wrap .info .top { max-width: 87px; } .modal .modal_wrap .info .top img { margin-top: 18px; height: auto; } .modal .modal_wrap .info .bottom { width: calc(100% - 87px); } .modal .modal_wrap .info p { margin: 0; } .modal .modal_wrap .info .group { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 14px 20px; } .modal .modal_wrap .info .m-phone { margin: 0; font-size: 23px; line-height: 28px; } form input { height: 40px; padding: 7px 0 15px; font-size: 14px; } form input::placeholder { font-size: 14px; } form aside { gap: 20px; } form .form_row { margin-bottom: 35px; } form .form_row.text { margin-bottom: 35px; } form .form_row.submit { flex-direction: column; justify-content: center; gap: 11px; margin-bottom: 30px; } form .form_row .btn { min-width: 169px; } form .check { text-align: center; } .mnu .mnu_wrap { padding: 32px 12px; } .mnu .mnu_wrap .close { top: 38px; right: 12px; } .mnu .mnu_wrap .m_menu li { margin-bottom: 30px; } .mnu .mnu_wrap .m_menu li a, .mnu .mnu_wrap .m_menu li span { font-size: 16px; } .mnu .mnu_wrap .m_menu li .item-accordion li { margin-bottom: 25px; } .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-has-children a, .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-has-children span { gap: 17px; } .mnu .mnu_wrap .m_menu li .item-accordion li a, .mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-has-children span { font-size: 16px; } .mnu .mnu_wrap .m_menu li .item-accordion-level-2.accordion--active { padding-left: 55px; } .mnu .mnu_wrap .m_menu li button, .mnu .mnu_wrap .m_menu li .button { top: -2px; } .mnu .mnu_wrap .m_menu li .item-accordion.accordion--active { padding-left: 25px; padding-bottom: 30px; } } @media(max-width: 450px) { .modal .modal_wrap .block_title { font-size: 30px; } } @media(max-width: 340px) { .modal .modal_wrap .info { flex-direction: column; justify-content: center; padding-bottom: 10px; gap: 12px; } .modal .modal_wrap .info .top { width: 100%; max-width: none; text-align: center; } .modal .modal_wrap .info .top img { margin: 0 auto; } .modal .modal_wrap .info .bottom { width: 100%; } .modal .modal_wrap .info p { display: none; } .modal .modal_wrap .info .group { position: relative; flex-direction: column; justify-content: center; left: unset; bottom: unset; padding: 0; } .modal .modal_wrap .info .soc { margin-top: 8px; } } /*# sourceMappingURL=module.css.map */ /* End */ /* Start:/local/templates/main/tpl/assets/css/lib/dropzone.css?16145829996254*/ @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{-webkit-box-sizing:border-box;box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#444));background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:-webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} /* End */ /* Start:/local/templates/main/tpl/assets/css/main.css?1792494740158820*/ @charset "UTF-8"; /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Миксин соотношения сторон */ /* trs */ @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 900; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Black.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Black.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Black.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Black.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: bold; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Bold.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Bold.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Bold.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Bold.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 300; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Light.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Light.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Light.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Light.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 600; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-SemiBold.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-SemiBold.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-SemiBold.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-SemiBold.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 200; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraLight.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraLight.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraLight.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraLight.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 500; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Regular.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Regular.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Regular.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Regular.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 100; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Thin.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Thin.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Thin.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-Thin.svg") format("svg"); } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 800; src: url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraBold.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraBold.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraBold.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/Akrobat/Akrobat-ExtraBold.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: italic; font-weight: 100; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueItalic.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueItalic.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueItalic.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueItalic.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 900; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBlackCond.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBlackCond.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBlackCond.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBlackCond.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 100; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueThin.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueThin.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueThin.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueThin.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 500; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueMedium.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueMedium.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueMedium.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueMedium.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 100; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueRegular.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueRegular.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueRegular.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueRegular.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 300; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueLight.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueLight.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueLight.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueLight.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: bold; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBold.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBold.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBold.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueBold.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 900; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.svg") format("svg"); } @font-face { font-family: "HelveticaNeue"; font-style: normal; font-weight: 900; src: url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.eot?") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/HelveticaNeue/HelveticaNeueHeavy.svg") format("svg"); } @font-face { font-family: "iconsmoon"; src: url("/local/templates/main/tpl/assets/css/../fonts/icons/iconsmoon.eot"); src: url("/local/templates/main/tpl/assets/css/../fonts/icons/iconsmoon.eot?#iefix") format("eot"), url("/local/templates/main/tpl/assets/css/../fonts/icons/iconsmoon.woff") format("woff"), url("/local/templates/main/tpl/assets/css/../fonts/icons/iconsmoon.ttf") format("truetype"), url("/local/templates/main/tpl/assets/css/../fonts/icons/iconsmoon.svg#iconsmoon") format("svg"); } .icon:before { font-family: "iconsmoon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; } .icon-arr-prev:before { content: "\E001"; } .icon-arrow--gold:before { content: "\E002"; } .icon-arrow:before { content: "\E003"; } .icon-ava:before { content: "\E004"; } .icon-close:before { content: "\E005"; } .icon-doc-eye:before { content: "\E006"; } .icon-doc-load:before { content: "\E007"; } .icon-docs__icon:before { content: "\E008"; } .icon-down:before { content: "\E009"; } .icon-facebook:before { content: "\E00A"; } .icon-faq-cross-blue:before { content: "\E00B"; } .icon-faq-cross-gold:before { content: "\E00C"; } .icon-from:before { content: "\E00D"; } .icon-inst:before { content: "\E00E"; } .icon-insta:before { content: "\E00F"; } .icon-link-more:before { content: "\E010"; } .icon-logo--dark:before { content: "\E011"; } .icon-logo:before { content: "\E012"; } .icon-m-video-play:before { content: "\E013"; } .icon-mail:before { content: "\E014"; } .icon-map-marker:before { content: "\E015"; } .icon-more-arr:before { content: "\E016"; } .icon-pagination-prev:before { content: "\E017"; } .icon-s-card_icon:before { content: "\E018"; } .icon-s-item_1:before { content: "\E019"; } .icon-s-item_2:before { content: "\E01A"; } .icon-s-item_3:before { content: "\E01B"; } .icon-s-item_4:before { content: "\E01C"; } .icon-s-item_5:before { content: "\E01D"; } .icon-s-item_6:before { content: "\E01E"; } .icon-s-slider-next:before { content: "\E01F"; } .icon-s-slider-prev:before { content: "\E020"; } .icon-scheme-icon:before { content: "\E021"; } .icon-search:before { content: "\E022"; } .icon-vk:before { content: "\E023"; } .icon-where:before { content: "\E024"; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; outline: none; -webkit-tap-highlight-color: transparent; } html { height: 100%; } body { overflow-x: hidden; height: 100%; } a { text-decoration: none; color: inherit; } button { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; overflow-x: hidden; font-family: 'Akrobat'; font-size: 20px; font-weight: 500; } .content { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 115px; } .container { max-width: 1600px; margin: 0 auto; padding: 0 100px; width: 100%; } .h1, .faq__title, .n-map__top-title { font-size: 72px; font-weight: 600; } .d-title, .b-box__title { font-size: 64px; line-height: 65px; font-weight: 600; position: relative; padding-left: 130px; } .d-title:before, .b-box__title:before { content: ''; position: absolute; left: 0; top: 35px; width: 80px; height: 1px; background-color: var(--otl-gold); } h1, .h1, .faq__title, .n-map__top-title { font-size: 72px; line-height: 60px; font-family: 'Akrobat'; font-weight: 600; color: #18315B; margin: 0; } .is-unscrolled { overflow: hidden; } .pages { counter-reset: list 0; padding-top: 50px; padding-bottom: 100px; } .pages__link { display: block; margin-bottom: 15px; font-size: 20px; color: var(--otl-blue); -webkit-transition: color .3s; transition: color .3s; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .pages__link:hover { color: var(--otl-gold); } .pages__link:before { counter-increment: list; content: counter(list) ". "; } .more { display: none; } .lottie { max-width: 100%; max-height: 100%; } .lottie svg { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; } .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; font-weight: normal; padding: 17px 33.5px; border-radius: 34px; cursor: pointer; outline: none; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .button--gold { color: #ffffff; background-color: var(--otl-gold); border: 1px solid var(--otl-gold); -webkit-box-shadow: 0 0 1px 0px var(--otl-gold) inset, 0 0 1px 0px var(--otl-gold); box-shadow: 0 0 1px 0px var(--otl-gold) inset, 0 0 1px 0px var(--otl-gold); } .button--gold:hover { background-color: var(--otl-gold); } .button--gold:active { background-color: var(--otl-gold); } .button--light { color: #193564; background-color: #F2F2F2; border: 1px solid #F2F2F2; -webkit-box-shadow: 0 0 1px 0px #F2F2F2 inset, 0 0 1px 0px #F2F2F2; box-shadow: 0 0 1px 0px #F2F2F2 inset, 0 0 1px 0px #F2F2F2; } .button--light:hover { background-color: #dadada; } .button--light:active { background-color: white; } .button--dark { background-color: var(--otl-blue); border: 1px solid var(--otl-blue); color: #ffffff; -webkit-box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); } .button--dark:hover { background-color: var(--otl-blue); } .button--dark:active { background-color: var(--otl-blue); } .button--grey { background-color: transparent; color: #808080; border: 1px solid #808080; } .button--grey:hover { color: var(--otl-gold); border-color: var(--otl-gold); } .button--blue { background-color: var(--otl-blue); border: 1px solid var(--otl-blue); color: #ffffff; -webkit-box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); } .button--blue:hover { background-color: var(--otl-blue); } .button--blue:active { background-color: var(--otl-blue); } .button--lightblue { color: #516E9B; border: 1px solid #516E9B; background-color: transparent; } .button--lightblue:hover { color: var(--otl-gold); border-color: var(--otl-gold); } .link { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; color: inherit; position: relative; z-index: 1; } .link--blue { color: var(--otl-blue); } .link--blue.is-active, .link--blue:hover { color: var(--otl-gold); } .link--more { font-size: 20px; color: var(--otl-gold); } .link--more:hover { color: #d1a646; } .link--more:after { content: ''; display: inline-block; margin-left: 25px; width: 24px; height: 12px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/link-more.svg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .link--more:before { content: attr(data-more); display: inline-block; } .link--more.is-opened:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .link--more.is-opened:before { content: attr(data-less); } .link:hover { color: var(--otl-gold); } .link--gline { position: relative; } .link--gline:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--otl-gold); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .link--gline:hover:after { -webkit-transform: scale(0); transform: scale(0); } .link--wline { position: relative; } .link--wline:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #b3b3b3; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .link--wline:hover:after { -webkit-transform: scale(0); transform: scale(0); } .link--gold-on-white { color: var(--otl-gold); width: -webkit-max-content; width: -moz-max-content; width: max-content; } .link--gold-on-white:hover { color: var(--otl-blue); } .link--gold { color: var(--otl-gold); width: -webkit-max-content; width: -moz-max-content; width: max-content; } .link--gold:hover { color: #ffffff; } .link--back { font-size: 20px; color: var(--otl-gold); position: relative; padding-left: 50px; -webkit-transition: opacity .3s; transition: opacity .3s; } .link--back:before { content: ''; position: absolute; top: 50%; left: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; background-position: center; background-repeat: no-repeat; width: 30px; height: 25px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/arr-prev.svg); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .link--back:hover:before { -webkit-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); } .link--arrow { position: relative; padding-right: 50px; } .link--arrow:before { content: ''; color: var(--otl-gold); position: absolute; top: 50%; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); right: 0; width: 28px; height: 25px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/arrow--gold.svg); background-repeat: no-repeat; background-size: contain; -webkit-transition: -webkit-transform .4s, -webkit-filter .4s; transition: -webkit-transform .4s, -webkit-filter .4s; transition: transform .4s, filter .4s; transition: transform .4s, filter .4s, -webkit-transform .4s, -webkit-filter .4s; } .link--arrow:hover:before { -webkit-transform: translateX(10px) translateY(-50%); transform: translateX(10px) translateY(-50%); -webkit-filter: brightness(0) invert(100%); filter: brightness(0) invert(100%); } .link--video { font-size: 20px; position: relative; padding-left: 70px; } .link--video:before { content: ''; position: absolute; left: 0; top: 50%; width: 50px; height: 50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/link-watch.svg); } .link--video:hover { color: var(--otl-gold); opacity: .8; } .link--underlined { text-decoration: underline; } .header { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; color: var(--otl-blue); background-color: #ffffff; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transition-delay: .2s; transition-delay: .2s; } .header--light { color: #ffffff; background-color: var(--otl-blue); } .header--light .header__i-svg { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; fill: #fff; } .header--light .header__i-svg--stroke { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; stroke: #fff; } .header__row { padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__r-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .header__list { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } .header__n-item { font-size: 18px; font-weight: 500; } .header__n-item--strong { font-weight: 700; } .header__n-item:nth-last-child(n + 2) { margin-right: 45px; } .header__hamb { position: relative; width: 30px; height: 30px; cursor: pointer; background: none; padding: 0; outline: none; border-radius: 100%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; border: 2px solid #ffffff; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 40px; } .header__hamb:after, .header__hamb--dark:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background: #ffffff; width: 12px; height: 2px; -webkit-box-shadow: 0 4.5px #ffffff, 0 -4.5px #ffffff; box-shadow: 0 4.5px #ffffff, 0 -4.5px #ffffff; } .header__hamb:hover { border-color: var(--otl-gold); } .header__hamb:hover:after, .header__hamb--dark:hover:after { background: var(--otl-gold); -webkit-box-shadow: 0 4.5px var(--otl-gold), 0 -4.5px var(--otl-gold); box-shadow: 0 4.5px var(--otl-gold), 0 -4.5px var(--otl-gold); } .header__hamb--dark { border: 2px solid #193564; } .header__hamb--dark:after { background: #193564; -webkit-box-shadow: 0px 4.5px #193564, 0px -4.5px #193564; box-shadow: 0px 4.5px #193564, 0px -4.5px #193564; } .header--hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .header__i-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 40px; } .header__i-svg { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; fill: var(--otl-blue); } .header__i-svg--stroke { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; stroke: var(--otl-blue); } .header__l-wrap { margin-right: 40px; } .header__icon { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; position: relative; width: 20px; height: 20px; } .header__icon:hover .header__i-svg { fill: var(--otl-gold); } .header__icon:hover .header__i-svg--stroke { stroke: var(--otl-gold); } .header__icon:hover #Fill-3 { fill: var(--otl-gold); } .header__icon:nth-last-child(n + 2) { margin-right: 35px; } .header--fix { position: fixed; bottom: 100%; top: auto; } .header--show { -webkit-transform: translateY(100%); transform: translateY(100%); } .footer { background-color: var(--otl-blue); color: #fff; } .footer__logo, .header__logo { width: 116px; height: 48px; } .footer__l-wrap { margin-bottom: 20px; } .footer__s-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__s-item { background-color: #1D3C6E; border-radius: 100%; width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-box-shadow .7s; transition: -webkit-box-shadow .7s; transition: box-shadow .7s; transition: box-shadow .7s, -webkit-box-shadow .7s; -webkit-box-shadow: inset 0 0 0 0 var(--otl-gold); box-shadow: inset 0 0 0 0 var(--otl-gold); position: relative; } .footer__s-item:hover { -webkit-box-shadow: inset 0 0 0 45px var(--otl-gold); box-shadow: inset 0 0 0 45px var(--otl-gold); } .footer__s-item:nth-last-child(n + 2) { margin-right: 32px; } .footer__s-item:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; } .footer__s-item--vk:before { width: 22px; height: 13px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/vk.svg); } .footer__s-item--facebook:before { width: 8.8px; height: 18.7px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/facebook.svg); } .footer__s-item--inst:before { width: 21.2px; height: 21.2px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/inst.svg); } .footer__s-item--telegramm:before { width: 18px; height: 16px; background-position: center; background-image: url(/local/templates/main/tpl/assets/css/../images/static/icon_telegram.svg); } .footer__s-item--whatsapp:before { width: 20px; height: 20px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/icon_whatsapp.svg); } .footer__s-item--youtube:before { width: 22px; height: 16px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/icon_youtube.svg); } .footer__row { padding: 85px 60px 55px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__col:first-child { width: 45%; } .footer__c-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__c-row:last-child { margin-top: 60px; } .footer__c-col { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40%; } .footer__c-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__txt { line-height: 30px; } .footer__txt--gold { color: var(--otl-gold); } .welcome { background-color: var(--otl-blue); position: relative; } .welcome__svg { margin-left: -300px; margin-right: -280px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .welcome__svg.is-visible { opacity: 1; } #Plane { position: absolute; } #Plane1 { position: absolute; } #Train_01 { position: absolute; } #Train_02 { position: absolute; } #Light_house_lines { stroke-dasharray: 50; -webkit-animation: light 40s infinite linear !important; animation: light 40s infinite linear !important; } #Car { -webkit-animation-delay: 10s; animation-delay: 10s; } @-webkit-keyframes plane { from { -webkit-transform: translateX(-120%); transform: translateX(-120%); } 100% { -webkit-transform: translateX(80%); transform: translateX(80%); } } @keyframes plane { from { -webkit-transform: translateX(-120%); transform: translateX(-120%); } 100% { -webkit-transform: translateX(80%); transform: translateX(80%); } } @-webkit-keyframes train1 { from { -webkit-transform: translateX(100%); transform: translateX(100%); } 35% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes train1 { from { -webkit-transform: translateX(100%); transform: translateX(100%); } 35% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes train2 { from { -webkit-transform: translateX(85%); transform: translateX(85%); } 40% { -webkit-transform: translateX(85%); transform: translateX(85%); } 70% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes train2 { from { -webkit-transform: translateX(85%); transform: translateX(85%); } 40% { -webkit-transform: translateX(85%); transform: translateX(85%); } 70% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes car { from { -webkit-transform: translateX(-10%); transform: translateX(-10%); } 45% { -webkit-transform: translateX(-10%); transform: translateX(-10%); } 70% { -webkit-transform: translateX(120%); transform: translateX(120%); } 100% { -webkit-transform: translateX(120%); transform: translateX(120%); } } @keyframes car { from { -webkit-transform: translateX(-10%); transform: translateX(-10%); } 45% { -webkit-transform: translateX(-10%); transform: translateX(-10%); } 70% { -webkit-transform: translateX(120%); transform: translateX(120%); } 100% { -webkit-transform: translateX(120%); transform: translateX(120%); } } @-webkit-keyframes dash { to { stroke-dashoffset: 1000; } } @keyframes dash { to { stroke-dashoffset: 1000; } } @-webkit-keyframes light { to { stroke-dashoffset: -1000; } } @keyframes light { to { stroke-dashoffset: -1000; } } #Plane-Line { stroke-dasharray: 50; -webkit-animation: dash 3s linear infinite !important; animation: dash 3s linear infinite !important; } #Sea { stroke-dasharray: 100; -webkit-animation: dash 10s linear infinite !important; animation: dash 10s linear infinite !important; } #Boat { -webkit-transform: translateX(35vw); transform: translateX(35vw); -webkit-animation: boat 40s ease-in-out infinite !important; animation: boat 40s ease-in-out infinite !important; } #Boat2 { -webkit-transform: translateX(35vw); transform: translateX(35vw); -webkit-animation: boat2 40s ease-in-out infinite !important; animation: boat2 40s ease-in-out infinite !important; } #whale-inner.is-animated { -webkit-animation: whale 12s ease-in-out infinite !important; animation: whale 12s ease-in-out infinite !important; -webkit-animation-delay: 3s; animation-delay: 3s; } #whale-inner { -webkit-transform: translateY(80px) translateX(25px); transform: translateY(80px) translateX(25px); } @-webkit-keyframes whale { from { -webkit-transform: translateY(80px) translateX(25px); transform: translateY(80px) translateX(25px); } 15% { -webkit-transform: rotate(0deg) translateX(15px) translateY(5px); transform: rotate(0deg) translateX(15px) translateY(5px); } 25% { -webkit-transform: rotate(0deg) translateX(0px) translateY(0px); transform: rotate(0deg) translateX(0px) translateY(0px); } 35% { -webkit-transform: rotate(0deg) translateX(-15px) translateY(5px); transform: rotate(0deg) translateX(-15px) translateY(5px); } 45% { -webkit-transform: rotate(3deg) translateX(-20px); transform: rotate(3deg) translateX(-20px); } 50% { -webkit-transform: rotate(3deg) translateX(-25px); transform: rotate(3deg) translateX(-25px); } 100% { -webkit-transform: rotate(3deg) translateX(-25px); transform: rotate(3deg) translateX(-25px); } } @keyframes whale { from { -webkit-transform: translateY(80px) translateX(25px); transform: translateY(80px) translateX(25px); } 15% { -webkit-transform: rotate(0deg) translateX(15px) translateY(5px); transform: rotate(0deg) translateX(15px) translateY(5px); } 25% { -webkit-transform: rotate(0deg) translateX(0px) translateY(0px); transform: rotate(0deg) translateX(0px) translateY(0px); } 35% { -webkit-transform: rotate(0deg) translateX(-15px) translateY(5px); transform: rotate(0deg) translateX(-15px) translateY(5px); } 45% { -webkit-transform: rotate(3deg) translateX(-20px); transform: rotate(3deg) translateX(-20px); } 50% { -webkit-transform: rotate(3deg) translateX(-25px); transform: rotate(3deg) translateX(-25px); } 100% { -webkit-transform: rotate(3deg) translateX(-25px); transform: rotate(3deg) translateX(-25px); } } @-webkit-keyframes boat { from { opacity: 1; -webkit-transform: translateX(35%); transform: translateX(35%); } 50% { opacity: 1; -webkit-transform: translateX(-3%); transform: translateX(-3%); } 51% { opacity: 0; } 100% { opacity: 0; -webkit-transform: translateX(35%); transform: translateX(35%); } } @keyframes boat { from { opacity: 1; -webkit-transform: translateX(35%); transform: translateX(35%); } 50% { opacity: 1; -webkit-transform: translateX(-3%); transform: translateX(-3%); } 51% { opacity: 0; } 100% { opacity: 0; -webkit-transform: translateX(35%); transform: translateX(35%); } } @-webkit-keyframes boat2 { from { -webkit-transform: translateX(35%); transform: translateX(35%); opacity: 0; } 50% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } 51% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translateX(35%); transform: translateX(35%); } } @keyframes boat2 { from { -webkit-transform: translateX(35%); transform: translateX(35%); opacity: 0; } 50% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } 51% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translateX(35%); transform: translateX(35%); } } .welcome__inner { max-width: 1130px; margin: 0 auto; } .welcome__content-inner { max-width: 660px; } .welcome__top { position: relative; } .welcome__content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 170px 0; } .welcome__title { font-size: 72px; font-weight: 600; color: #fff; line-height: 60px; margin-bottom: 30px; } .welcome__text { color: #fff; font-size: 24px; line-height: 1; font-weight: 300; margin-bottom: 20px; } .welcome__text--accent { color: var(--otl-gold); font-weight: 600; } .welcome__watch { margin-top: 70px; } .p-top__bread { margin-bottom: 80px; } .p-top__title { color: var(--otl-blue); text-align: center; margin-bottom: 15px; } .p-top__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .p-top__note { font-size: 24px; font-weight: 300; margin: 30px 0 40px 0; color: #808080; text-align: center; max-width: 738px; -ms-flex-item-align: center; align-self: center; } .p-top__text { font-size: 20px; line-height: 32px; color: #808080; text-align: center; padding: 0 30px; max-width: 750px; margin: 30px auto 30px auto; } .p-top__date { text-align: center; margin-top: 20px; font-size: 20px; color: #808080; } .p-top__link { text-align: center; margin-top: 30px; } .bread__item { font-family: 'Helvetica Neue'; font-weight: 300; font-size: 15px; color: #B4B4B4; -webkit-transition: color .3s; transition: color .3s; } .bread__item:after { content: '–'; display: inline-block; margin: 0 5px; color: #B4B4B4; } .bread__item:hover { color: #1D3C6E; } .bread__item:last-child:after { display: none; } .bread__item:last-child:hover { color: #B4B4B4; } .c-menu { position: relative; margin: 0 0 20px 0; z-index: 20; } .c-menu--fixed .c-menu__fly { position: fixed; -webkit-transform: translateY(0px); transform: translateY(0px); top: 0; left: 0; right: 0; -webkit-transition: background-color .3s, -webkit-transform .4s; transition: background-color .3s, -webkit-transform .4s; transition: transform .4s, background-color .3s; transition: transform .4s, background-color .3s, -webkit-transform .4s; -webkit-transition-delay: .2s; transition-delay: .2s; } @media screen and (min-width: 768px) { .c-menu--fixed .c-menu__fly:after { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 150px; background-color: #fff; z-index: -1; } } .c-menu--fixed .c-menu__fly:before { background-color: #F2F2F2; } .c-menu--fixed .c-menu__sub:after { background-color: #F2F2F2; } .c-menu--fixed.c-menu--hidden .c-menu__fly { -webkit-transform: translateY(116px); transform: translateY(116px); } .c-menu--fixed.c-menu--custom .c-menu__row:after { background-color: #F2F2F2; } .c-menu--fixed.c-menu--custom .c-menu__link--active:after { border-bottom: 6px solid #F2F2F2; } .c-menu--custom .c-menu__link--active:after { opacity: 1; } .c-menu--custom .c-menu__link--active:before { opacity: 1; } .c-menu--custom .c-menu__row { border-bottom: 1px solid #CCCCCC; } .c-menu--custom.c-menu--one-row .c-menu__link--active:after, .c-menu--custom.c-menu--one-row .c-menu__link--active:before { opacity: 0; } .c-menu--one-row .c-menu__sub { opacity: 0; visibility: hidden; pointer-events: none; } .c-menu--one-row .c-menu__row:after { opacity: 0; } .c-menu__fly { position: relative; -webkit-transition: background-color .4s; transition: background-color .4s; -webkit-transition-delay: .2s; transition-delay: .2s; } .c-menu__fly:before { content: ''; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; background-color: #fff; z-index: -1; -webkit-transition: background-color .4s; transition: background-color .4s; -webkit-transition-delay: .2s; transition-delay: .2s; } .c-menu__row { position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(0); transform: translateY(0); z-index: 10; } .c-menu__link { position: relative; padding: 30px; font-weight: 600; font-size: 18px; } .c-menu__link:hover, .c-menu__link--active { color: var(--otl-gold); } .c-menu__link:after { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 6px solid #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -1px; -webkit-transition: border-color .4s, opacity .4s; transition: border-color .4s, opacity .4s; -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 0; } .c-menu__link:before { content: ''; width: 0; height: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -1px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid #ccc; -webkit-transition: border-color .4s, opacity .4s; transition: border-color .4s, opacity .4s; -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 0; } .c-menu__sub { position: absolute; top: 80px; left: 0; right: 0; border-top: 1px solid #CCCCCC; -webkit-transition: background-color .4s, opacity .3s, visibility .3s; transition: background-color .4s, opacity .3s, visibility .3s; -webkit-transition-delay: .2s; transition-delay: .2s; height: 83px; } .c-menu__sub .c-menu__row:after { display: none; } .c-menu__sub:after { content: ''; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; background-color: #fff; -webkit-transition: background-color .4s; transition: background-color .4s; -webkit-transition-delay: .2s; transition-delay: .2s; z-index: -1; } .c-menu__sub.is-hidden { opacity: 0; visibility: hidden; background-color: transparent; pointer-events: none; } .c-menu__sub-link { padding: 30px; } .c-menu__sub-link.link--gold:hover { color: var(--otl-gold); } .c-menu__sub-row { position: absolute; left: 0; top: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .c-menu__sub-row .c-menu__row { border: none; } .c-menu__sub-row.is-active { display: block; opacity: 1; visibility: visible; } .s-article { margin-top: 0; margin-bottom: 100px; padding-left: 40px; } .s-article a:not(.link) { color: var(--otl-gold); } .s-article a.button--blue { color: #fff; } .s-article a.button--blue:hover { color: var(--otl-gold); } .s-article__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .s-article__content { width: 50%; padding-right: 70px; padding-top: 50px; padding-bottom: 60px; } .s-article__media { width: 50%; min-width: 500px; -ms-flex-negative: 0; flex-shrink: 0; } .s-article__text { overflow: hidden; -webkit-transition: max-height 0.6s; transition: max-height 0.6s; } .s-article__text p { margin-top: 0; margin-bottom: 40px; font-size: 24px; line-height: 36px; color: #808080; } .s-article__text p:last-child { margin-bottom: 0; } .s-article__text.is-cutted { max-height: 218px; } .s-article__text--small { padding-right: 40px; } .s-article__text--small p { font-size: 20px; line-height: 32px; } .s-article__image { position: relative; background-position: center; background-size: cover; } .s-article__image:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .s-article__image > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .s-article__title { margin-bottom: 65px; color: var(--otl-blue); } .s-article__more { margin-top: 50px; } .m-block { position: relative; padding: 110px 40px; background-color: var(--otl-blue); margin-bottom: 90px; } .m-block--wide { margin-bottom: 160px; } .m-block--wide:before { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; bottom: 0; width: 105vw; background-color: var(--otl-blue); z-index: -1; } .m-block--wide .m-block__text { font-size: 24px; line-height: 36px; } .m-block__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .m-block__title { width: 520px; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; } .m-block__text { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; color: #fff; padding-top: 10px; font-size: 20px; line-height: 32px; padding-right: 100px; } .m-block__features { padding: 0 80px 80px 140px; margin-top: 100px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .m-block__features-item { position: relative; width: 25%; color: var(--otl-gold); font-weight: bold; font-size: 24px; line-height: 30px; padding: 0 50px 0 22px; } .m-block__features-item:before { content: ''; position: absolute; left: 0; top: 12px; width: 7px; height: 7px; background-color: var(--otl-gold); border-radius: 50%; } .m-block__m-video { position: relative; margin-bottom: -215px; margin-left: -50px; margin-right: -50px; background-position: center; background-size: cover; } .m-block__m-video:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .m-block__m-video > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .m-block__video-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .m-block__video-link:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/m-video-play.svg); } .s-slider__nav { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 35px 0px; width: 220px; padding-left: 40px; } .s-slider__nav.disabled { display: none; } .s-slider__nav:before { content: ''; position: absolute; top: 50%; height: 1px; width: 40px; left: -25px; background-color: var(--otl-gold); } .s-slider__counter { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--otl-gold); font-size: 20px; font-weight: 600; } .s-slider__counter-current, .s-slider__counter-count { min-width: 8px; } .s-slider__counter-count:before { content: '/'; display: inline-block; margin: 0 3px; } .s-slider__arrow, .d-slider__arrow { width: 16px; height: 30px; background-position: center; background-repeat: no-repeat; cursor: pointer; } .s-slider__arrow--prev, .d-slider__arrow--prev { background-image: url(/local/templates/main/tpl/assets/css/../images/static/s-slider-prev.svg); } .s-slider__arrow--next, .d-slider__arrow--next { background-image: url(/local/templates/main/tpl/assets/css/../images/static/s-slider-next.svg); } .scheme { margin-top: 100px; margin-bottom: 100px; } .scheme__icon { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; } .scheme__icon-image { position: relative; max-width: 140px; max-height: 70px; } .scheme__icon-inner { position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .scheme__icon-inner:before, .scheme__icon-inner:after { content: ''; position: absolute; top: 50%; background-color: #CCC; height: 1px; width: 90px; } .scheme__icon-inner:before { right: calc(100% - -90px); } .scheme__icon-inner:after { left: calc(100% - -90px); } .scheme__top { text-align: center; margin-bottom: 80px; color: var(--otl-blue); } .scheme__top-title { position: relative; z-index: 1; margin-bottom: -115px; font-size: 64px; font-weight: 600; } .scheme__title { position: relative; z-index: 1; margin-bottom: 20px; font-size: 64px; font-weight: 600; } .scheme__top-text { font-size: 24px; line-height: 36px; } .scheme__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .scheme__col { width: 33.333%; } .s-item { margin-bottom: 60px; } .s-item__image { height: 80px; margin-bottom: 20px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .s-item__name { text-align: center; font-size: 20px; line-height: 1; color: var(--otl-blue); max-width: 270px; margin: 0 auto; padding: 0 15px; } .docs { margin-bottom: 80px; } .docs .d-slider__more { margin-left: auto; margin-right: 100px; } .docs__item { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } @media screen and (min-width: 768px) { .docs__item { padding-top: 40px; } .docs__item:first-child { padding-top: 0; } } @media screen and (min-width: 768px) { .docs__item:nth-child(even) { background-color: #F2F2F2; } } .docs__item-inner { padding: 0 30px 50px 30px; } .docs__item-title { width: 570px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; font-size: 64px; font-weight: 600; line-height: 65px; color: var(--otl-blue); padding-left: 135px; margin-right: 0; } .docs__item-title:before { content: ''; position: absolute; left: 0; top: 37px; width: 90px; height: 1px; background-color: #ccc; } .docs__item-row, .docs__items-row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-top: 15px; } .docs__item-col { width: 25%; margin-bottom: 35px; } .doc__image { height: 70px; margin-bottom: 15px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .doc__image-file { max-height: 100%; width: auto !important; margin-left: -7px !important; } .doc__name { font-size: 20px; color: var(--otl-blue); margin-bottom: 15px; line-height: 1; min-height: 43px; padding-right: 15px; } .doc__links { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doc__links-item { margin-right: 12px; } .doc__link { display: block; width: 22px; height: 18px; background-position: center; background-repeat: no-repeat; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; -webkit-transition: opacity .3s, -webkit-filter .3s; transition: opacity .3s, -webkit-filter .3s; transition: filter .3s, opacity .3s; transition: filter .3s, opacity .3s, -webkit-filter .3s; } .doc__link--eye { background-image: url(/local/templates/main/tpl/assets/css/../images/static/doc-eye.svg); } .doc__link--load { background-image: url(/local/templates/main/tpl/assets/css/../images/static/doc-load.svg); } .doc__link:hover { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .news { padding-top: 50px; } .news__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 80px; } .news__row + .pagination { padding-top: 0; } .n-card { position: relative; width: 49%; margin-right: 1%; min-height: 410px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; } .n-card--big { width: 100%; } .n-card--big .n-card__content { padding: 60px 95px; border: 1px solid #F2F2F2; width: 100%; } .n-card--big .n-card__row { margin-right: 0; width: 100%; } .n-card--grey { background-color: #F2F2F2; } .n-card--blue { background-color: var(--otl-blue); } .n-card--blue .n-card__date, .n-card--blue .n-card__title, .n-card--blue .n-card__text { color: #fff; } .n-card--reverse .n-card__row { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .n-card--reverse .n-card__content { padding: 60px 85px; } .n-card:hover .n-card__more:after, .n-card:hover .services__more:after, .n-card:hover .m-news__all:after, .n-card:hover .g-datail__back:after, .n-card:hover .n-found__back:after { -webkit-transform: translateX(20px); transform: translateX(20px); } .n-card:nth-last-child(-n+2) { margin-bottom: 0; } .n-card__link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .n-card__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin-right: -1%; } .n-card__image { width: 49.5%; -ms-flex-negative: 0; flex-shrink: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .n-card__content { padding: 60px 85px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } .n-card__date { font-size: 20px; color: var(--otl-blue); margin-bottom: 15px; } .n-card__title { font-size: 36px; font-weight: 600; color: var(--otl-blue); margin-bottom: 35px; } .n-card__text { font-size: 20px; line-height: 32px; color: #808080; margin-bottom: 35px; max-height: 128px; overflow: hidden; } .n-card__more, .services__more, .m-news__all, .g-datail__back, .n-found__back { display: inline-block; font-size: 20px; color: var(--otl-gold); position: relative; margin-top: auto; } .n-card__more:after, .services__more:after, .m-news__all:after, .g-datail__back:after, .n-found__back:after { content: ''; position: absolute; left: 100%; width: 30px; height: 26px; margin-left: 25px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/more-arr.svg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .pagination { padding: 80px 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paginaiton__link { font-size: 24px; font-weight: bold; padding: 5px 10px; color: var(--otl-blue); border-bottom: 1px solid transparent; -webkit-transition: color .3s, border-color .3s; transition: color .3s, border-color .3s; } .paginaiton__link:hover { color: var(--otl-gold); } .paginaiton__link.is-active { color: var(--otl-gold); border-color: var(--otl-gold); } .paginaiton__link--arr { border: none; width: 30px; height: 26px; background-position: center; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .paginaiton__link--prev { margin-right: 35px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/pagination-prev.svg); } .paginaiton__link--prev:hover { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .paginaiton__link--next { margin-left: 35px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/more-arr.svg); } .paginaiton__link--next:hover { -webkit-transform: translateX(10px); transform: translateX(10px); } .faq { padding: 0 60px 80px 90px; } .faq__inner { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .faq__main { width: 510px; -ms-flex-negative: 0; flex-shrink: 0; } .faq__content { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .faq__title { color: var(--otl-blue); margin-bottom: 35px; } .faq__note { font-size: 24px; font-weight: 300; line-height: 24px; color: #808080; } .faq__item:nth-last-child(n + 2) { border-bottom: 1px solid #CCCCCC; } .faq__item--opened .faq__item-title { color: var(--otl-gold); } .faq__item--opened .faq__item-title:before { opacity: 1; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .faq__item--opened .faq__item-title:after { opacity: 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } @media screen and (min-width: 1280px) { .faq__item--custom { position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0; } .faq__item--custom .faq__item-title { width: 600px; -ms-flex-negative: 0; flex-shrink: 0; position: static; padding-top: 0; padding-bottom: 0; } .faq__item--custom .faq__item-title:before, .faq__item--custom .faq__item-title:after { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); top: 27px; } .faq__item--custom .faq__item-answer { padding: 0 100px 0 10px; } .faq__item--custom.faq__item--opened .faq__item-title:before, .faq__item--custom.faq__item--opened .faq__item-title:after { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); top: 27px; } } .faq__item-title { padding: 25px 0; font-size: 24px; font-weight: bold; color: var(--otl-blue); position: relative; padding-right: 50px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; } .faq__item-title:after, .faq__item-title:before { content: ''; position: absolute; right: 0; top: 50%; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-repeat: no-repeat; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; } .faq__item-title:after { background-image: url(/local/templates/main/tpl/assets/css/../images/static/faq-cross-blue.svg); } .faq__item-title:before { z-index: 1; opacity: 0; background-image: url(/local/templates/main/tpl/assets/css/../images/static/faq-cross-gold.svg); } .faq__item-answer { font-family: 'Helvetica Neue'; padding: 5px 0 20px 0; font-size: 16px; line-height: 30px; color: #808080; font-weight: 400; display: none; } .services { background-color: rgba(var(--otl-blue-rgb),0.98); } .services__container { width: 100%; padding: 0 45px; } .services__w-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .services__more, .m-news__all { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-top: 30px; } .services__more:after, .m-news__all:after { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .services__more:hover:after, .m-news__all:hover:after { -webkit-transform: translateX(10px); transform: translateX(10px); } .services__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 180px 0; } .services__title { color: #ffffff; padding-left: 130px; position: relative; font-size: 72px; font-weight: 700; margin-bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services__title:before { content: ''; position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 90px; height: 1px; background-color: var(--otl-gold); } .services__c-title { color: #ffffff; font-size: 36px; margin-bottom: 45px; font-weight: 500; } .services__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .services__b-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .services__b-num, .services__b-name { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .services__box { background-color: #1b3561; padding: 40px; width: 327px; height: 327px; color: var(--otl-gold); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor: pointer; } .services__box:hover .services__b-num, .services__box:hover .services__b-name { color: #ffffff; } .services__box.hide { visibility: hidden; opacity: 0; position: absolute; position: relative; -webkit-transform: translateY(50px); transform: translateY(50px); } .services__box:nth-last-child(n + 2) { margin-right: 30px; } .services__box--grey { width: calc(25% - 30px); margin-bottom: 30px; background-color: #F2F2F2; } .services__box--grey .services__b-num { font-weight: bold; color: var(--otl-gold); } .services__box--grey .services__b-name { color: var(--otl-blue); } .services__box--grey:hover .services__b-num { color: var(--otl-gold); } .services__box--grey:hover .services__b-name { color: var(--otl-blue); } .services__b-name { -ms-flex-item-align: center; align-self: center; text-align: center; } .services__icon { max-width: 135px; max-height: 110px; } .services__icon-wrap { min-height: 180px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .services__section:nth-last-child(n + 2) { margin-bottom: 65px; } .s-card { position: relative; width: 48%; margin-right: 2%; margin-bottom: 20px; } .s-card--wide { width: 100%; } .s-card--wide .s-card__top:after, .s-card--wide .s-card__row-image:after { top: 0; } .s-card--wide .s-card__content { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .s-card--wide .s-card__content-text { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 850px; margin-right: 20px; margin-bottom: 0; } .s-card--wide .s-card__content-arrow { -ms-flex-negative: 0; flex-shrink: 0; } .s-card:hover .s-card__content { background-color: #F2F2F2; } .s-card__link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; } .s-card__top { position: relative; height: 365px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .s-card__top-content { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 30px 40px; height: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; z-index: 2; } .s-card__top-content:after { content: ''; position: absolute; bottom: 0; top: 120px; left: 0; right: 0; background: -webkit-gradient(linear, left bottom, left top, from(#1D3C6E), to(transparent)); background: linear-gradient(to top, #1D3C6E, transparent); opacity: .8; -webkit-transition: opacity .3s; transition: opacity .3s; } .s-card__icon-file { max-height: 150px; max-width: 130px; width: auto; margin-bottom: 20px; } .s-card__icon { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .s-card__top-name { font-size: 36px; font-weight: 600; line-height: 36px; color: #fff; max-width: 430px; z-index: 1; } .s-card__content { padding: 50px; -webkit-transition: background-color .3s; transition: background-color .3s; } .s-card__content-text { font-size: 16px; color: #808080; line-height: 30px; margin-bottom: 30px; font-family: 'Helvetica Neue'; font-weight: 400; } .s-card__content-arrow { width: 30px; height: 26px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/more-arr.svg); } .s-card__row { display: -moz-flex; display: -ms-flex; display: -o-flex; height: 365px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 10; position: relative; } .s-card__row-content { width: 400px; -ms-flex-negative: 0; flex-shrink: 0; background-color: var(--otl-blue); padding: 30px 45px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .s-card__row-image { position: relative; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; background-position: center; background-repeat: no-repeat; background-size: cover; } .s-detail__block { position: relative; } .s-detail__block--blue:before { content: ''; position: absolute; top: 0; bottom: 0; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: var(--otl-blue); z-index: -1; } .s-detail__block--blue .s-announce__title, .s-detail__block--blue .s-announce__text, .s-detail__block--blue .s-texts__content p { color: #fff; } .s-detail__block--blue .s-texts__feature, .s-detail__block--blue .b-box__l-item { color: var(--otl-gold); } .s-detail__block--blue .s-texts__feature:before, .s-detail__block--blue .b-box__l-item:before { background-color: var(--otl-gold); } .s-detail__img { width: 100%; } .s-announce { padding: 100px 50px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .s-announce__title { width: 650px; padding-right: 50px; -ms-flex-negative: 0; flex-shrink: 0; color: var(--otl-blue); } .s-announce__title:before { background-color: #CCC; } .s-announce__text { font-size: 24px; line-height: 36px; color: #808080; } .s-announce__content { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .s-announce__link { margin-top: 45px; display: block; } .s-announce__link:hover { color: var(--otl-gold); opacity: .8; } .s-announce__link:hover:before { color: var(--otl-gold); -webkit-filter: unset; filter: unset; } .s-texts { padding: 85px 50px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .s-texts__features { width: 100%; max-width: 450px; -ms-flex-negative: 0; flex-shrink: 0; } .s-texts__feature, .b-box__l-item { font-weight: bold; font-size: 20px; line-height: 27px; margin-bottom: 44px; position: relative; padding-left: 30px; color: var(--otl-blue); } .s-texts__feature:before, .b-box__l-item:before { content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; border-radius: 50%; background-color: var(--otl-blue); } .s-texts__content { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-right: 80px; } .s-texts__content p { margin-top: 0; margin-bottom: 35px; font-family: 'Helvetica Neue'; line-height: 30px; color: #808080; font-weight: 400; font-size: 16px; line-height: 30px; } .s-texts__content p:last-child { margin-bottom: 0; } .s-texts__content ul { padding-left: 10px; list-style-type: none; } @media screen and (min-width: 768px) { .s-texts__more { display: none; } } .s-services { margin-bottom: 70px; } .s-service { margin-bottom: 15px; background-color: #F2F2F2; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 50px; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .s-service:last-child { margin-bottom: 0; } .s-service__main { width: 500px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 50px; } .s-service__title { position: relative; font-weight: 600; color: var(--otl-blue); font-size: 36px; line-height: 1; padding-left: 125px; } .s-service__title:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #CCC; height: 1px; width: 90px; } .s-service__text { font-family: 'Helvetica Neue'; color: #808080; line-height: 30px; font-weight: 400; font-size: 16px; } .s-service__text p { margin-top: 0; margin-bottom: 30px; font-size: 16px; line-height: 30px; } .s-service__text p:last-child { margin-bottom: 0; } .s-images { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .s-images img { width: 49%; margin-right: 2%; margin-bottom: 15px; } .s-images img:nth-child(even) { margin-right: 0; } .s-images--one img { width: 100%; margin: 0; min-height: 600px; -o-object-fit: cover; object-fit: cover; } .s-faq { padding: 40px 75px; background-color: #F2F2F2; } .contacts { height: 100%; position: relative; padding: 115px 0; } .contacts:after { content: ''; position: absolute; top: -200px; bottom: -200px; left: 0; right: 0; background-color: var(--otl-blue); z-index: -1; } .contacts .marker { position: absolute; top: -53px; width: 45px; height: 53px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/map-marker.svg); background-position: center; background-repeat: no-repeat; } .contacts__map { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } @media screen and (min-width: 1280px) { .contacts__map:before { display: none; } } .contacts__card { position: relative; z-index: 1; background-color: #fff; padding: 100px 80px; } .contacts__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .contacts__card-title { font-size: 64px; margin-bottom: 55px; color: var(--otl-blue); font-weight: 600; } .contacts__card-block { position: relative; padding-left: 80px; max-width: 480px; margin-bottom: 60px; } .contacts__card-block:last-child { margin-bottom: 0; } .contacts__card-block:before { content: ''; position: absolute; width: 40px; height: 1px; left: 0; top: 15px; background-color: #CCCCCC; } .contacts__card-text, .contacts__card-email { color: var(--otl-blue); font-size: 24px; line-height: 30px; } .contacts__card-link { font-weight: bold; font-size: 24px; line-height: 30px; color: var(--otl-gold); display: block; margin-bottom: 5px; } .contacts__card-link::last-child { margin-bottom: 0; } .contacts__card-soc { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } .n-detail { padding-top: 55px; } .n-detail__main { margin: 0 auto 65px auto; width: 100%; background-position: center; background-size: cover; position: relative; } .n-detail__main:before { display: block; content: ""; width: 100%; padding-top: 36.36364%; } .n-detail__main > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .n-detail__content { max-width: 740px; margin: 0 auto; padding-bottom: 100px; } .n-detail__content h3 { font-size: 36px; font-weight: 600; line-height: 1; color: var(--otl-blue); margin-bottom: 45px; margin-top: 0; } .n-detail__content h4 { margin: 60px 0; font-size: 24px; font-weight: bold; line-height: 36px; } .n-detail__content p { font-size: 16px; line-height: 30px; margin-top: 0; margin-bottom: 40px; font-family: 'Helvetica Neue'; color: #808080; font-weight: 400; } .n-detail__content .gold { color: var(--otl-gold); } .n-detail__content .dark-blue { color: var(--otl-blue); } .n-detail__content blockquote { margin: 70px -80px; padding: 70px 60px 70px 175px; background-color: #F2F2F2; font-size: 24px; line-height: 36px; color: var(--otl-blue); position: relative; } .n-detail__content blockquote:before { content: ''; position: absolute; left: 80px; top: 90px; width: 60px; height: 1px; background-color: var(--otl-gold); } .n-detail__content ul { padding-left: 10px; list-style-type: none; } .n-note { margin: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .n-note--reverse .n-note__content { padding: 10px 50px 10px 20px; } .n-note--big { margin: 110px 0; } .n-note__media { width: 50%; } .n-note__content { width: 50%; padding: 10px 20px 10px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: start; align-self: flex-start; } .n-note__image { margin-bottom: 15px; } .n-note__media-name { color: #808080; font-family: 'Helvetica Neue'; font-size: 15px; font-weight: 300; } .n-note__title { margin-top: 25px; margin-bottom: 30px; font-size: 24px; font-weight: bold; line-height: 36px; color: var(--otl-blue); } .n-note__text { font-size: 15px; line-height: 20px; font-family: 'Helvetica Neue'; color: #808080; font-weight: 400; } .n-note__text--big { font-size: 16px; line-height: 30px; } .dir, .p-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dir__header, .p-search__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dir__abc-footer { display: none; } .dir__apply { display: none; } .dir__abc-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dir__title, .p-search__title { margin-bottom: 35px; } .dir__h-desc, .p-search__h-desc { color: #808080; font-weight: 300; font-size: 24px; font-family: 'Akrobat'; } .dir__abc { max-width: 700px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dir__all { margin-bottom: 25px; position: relative; } .dir__all:after { content: ''; width: 100%; left: 0; height: 1px; background-color: var(--otl-gold); position: absolute; bottom: -5px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .dir__all:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); } .dir__all--mob { display: none; } .dir__abc:nth-last-child(n + 2) { margin-bottom: 25px; } .dir__form-abc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 100px 0; } .dir__letter { position: relative; } .dir__letter:nth-last-child(n + 2) { margin-right: 10px; } .dir__label { cursor: pointer; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; font-size: 20px; font-family: 'Akrobat'; font-weight: 700; color: var(--otl-blue); } .dir__label:hover { color: var(--otl-gold); } .dir__input { opacity: 0; visibility: hidden; position: absolute; z-index: -1; } .dir__input:checked + label { color: var(--otl-gold); } .dir__result { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dir__r-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #CCCCCC; } .dir__r-row:nth-last-child(n + 2) { margin-bottom: 100px; } .dir__r-col { width: 33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 80px; } .dir__r-item:nth-last-child(n+2) { margin-bottom: 25px; } .dir__r-list { list-style-type: none; color: #808080; font-size: 20px; font-weight: 500; padding: 0; margin-top: 40px; margin-bottom: 0; } .dir__r-title { font-size: 48px; color: var(--otl-gold); font-weight: 700; } .burger-open, .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: var(--otl-blue); color: #ffffff; } .burger-open__container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .burger-open__list { list-style-type: none; padding: 0; font-size: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; margin: 0; } .burger-open__l-item:nth-last-child(n + 2) { margin-bottom: 45px; } .burger-open__inner { width: 100%; height: 100%; } .popup { visibility: hidden; z-index: -1; overflow-y: scroll; -webkit-overflow-scrolling: touch; top: 0; left: 0; right: 0; bottom: 0; position: fixed; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .popup--show { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); z-index: 100; overflow-x: hidden; } .popup__close { top: 100px; right: 150px; width: 36px; height: 36px; cursor: pointer; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: rotate(0); transform: rotate(0); position: absolute; background-image: url("/local/templates/main/tpl/assets/css/../images/static/close.svg"); background-repeat: no-repeat; background-size: contain; z-index: 10; } .popup__close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .wrap-popup { background-color: rgba(var(--otl-blue-rgb),0.95); } .message { background-color: rgba(var(--otl-blue-rgb),0.95); } .message__inner { max-width: 785px; width: 100%; height: auto; padding: 100px 200px; margin: 150px auto; background-color: #ffffff; } .message__close { top: 60px; right: 60px; } .message .form__input, .message .form__textarea { color: #808080; } .message .form__input::-webkit-input-placeholder, .message .form__textarea::-webkit-input-placeholder { color: #808080; } .message .form__input::-ms-input-placeholder, .message .form__textarea::-ms-input-placeholder { color: #808080; } .message .form__input::placeholder, .message .form__textarea::placeholder { color: #808080; } .form--main { padding: 0 170px; position: relative; } .form__prev, .form__next { display: none; } .form__wrap-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 70px; } .form__name { font-size: 48px; line-height: 48px; -ms-flex-item-align: center; align-self: center; text-align: center; margin-bottom: 30px; max-width: 750px; width: 100%; font-weight: 700; color: #ffffff; } .form__sub-name { color: #4F6C9A; font-weight: 300; font-size: 36px; -ms-flex-item-align: center; align-self: center; text-align: center; } .form__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .form__inner.hide { opacity: 0; visibility: hidden; height: 100vh; margin: 0; overflow: hidden; } .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__row.hide { visibility: hidden; opacity: 0; position: absolute; position: relative; } .form__title { font-size: 20px; color: var(--otl-gold); font-weight: 600; margin-bottom: 20px; } .form__col { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__col:nth-last-child(n + 2) { margin-bottom: 45px; } .form__col label.error, .form__col span.error { color: var(--otl-gold); font-size: 14px; position: absolute; bottom: -20px; left: 0; } .form__txt { color: #B4B4B4; font-family: 'Helvetica Neue'; font-size: 16px; font-weight: 400; } .form__conf { color: #B4B4B4; text-align: center; font-size: 15px; font-family: 'Helvetica Neue'; font-weight: 400; line-height: 18px; max-width: 440px; margin: 0 auto; } .form__textarea { resize: none; width: 100%; outline: none; border: 1px solid rgba(180, 180, 180, 0.5); font-size: 15px; font-family: 'Helvetica Neue'; font-weight: 300; padding: 22px 33px; color: #fff; height: 130px; } .form__textarea.error { border-color: rgba(var(--otl-gold-rgb),0.7); } .form__input { width: 100%; padding-bottom: 5px; border: none; border-bottom: 1px solid rgba(180, 180, 180, 0.5); outline: none; font-size: 15px; font-family: 'Helvetica Neue'; font-weight: 300; color: #fff; background: none; } .form__input.error { border-bottom: 1px solid rgba(var(--otl-gold-rgb),0.7); } .form__input::-webkit-input-placeholder { color: #fff; font-size: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 1; font-family: 'Helvetica Neue'; font-weight: 300; } .form__input::-ms-input-placeholder { color: #fff; font-size: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 1; font-family: 'Helvetica Neue'; font-weight: 300; } .form__input::placeholder { color: #fff; font-size: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 1; font-family: 'Helvetica Neue'; font-weight: 300; } .form__input:focus::-webkit-input-placeholder { opacity: 0; } .form__input:focus::-ms-input-placeholder { opacity: 0; } .form__input:focus::placeholder { opacity: 0; } .form input:-webkit-autofill, .form input:-webkit-autofill:hover, .form input:-webkit-autofill:focus input:-webkit-autofill, .form textarea:-webkit-autofill, .form textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, .form select:-webkit-autofill, .form select:-webkit-autofill:hover, .form select:-webkit-autofill:focus { border-bottom: 1px solid rgba(180, 180, 180, 0.5); -webkit-text-fill-color: rgba(180, 180, 180, 0.5); -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%); } .form__btn { -ms-flex-item-align: center; align-self: center; margin: 60px 0 25px 0; padding: 18px 40px; } .form__succes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; max-width: 785px; width: calc(100% - 20px); padding: 100px; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .form__succes.hide { visibility: hidden; opacity: 0; position: absolute; } .form__succes .form__s-title { color: #1D3C6E; } .form__succes .form__s-desc { color: #808080; } .form__succes .popup__close { top: 50px; right: 50px; } .form__succes--white { top: 50%; z-index: 123123; } .form__s-title { color: var(--otl-blue); font-size: 36px; margin-bottom: 90px; font-weight: 700; } .form__s-title--price { color: #ffffff; } .form__s-desc { color: #808080; font-size: 24px; font-weight: 500; } .form__s-desc--price { color: #ffffff; } .form-bg--dark { background: var(--otl-blue); padding: 130px 0 100px 0; } .form__wrap-controls { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .services { background-color: rgba(var(--otl-blue-rgb),0.98); } .services__container { width: 100%; padding: 0 45px; } .services__w-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .services__more, .m-news__all { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-top: 30px; } .services__more:after, .m-news__all:after { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .services__more:hover:after, .m-news__all:hover:after { -webkit-transform: translateX(10px); transform: translateX(10px); } .services__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 180px 0; } .services__title { color: #ffffff; padding-left: 130px; position: relative; font-size: 72px; font-weight: 700; margin-bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services__title:before { content: ''; position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 90px; height: 1px; background-color: var(--otl-gold); } .services__c-title { color: #ffffff; font-size: 36px; margin-bottom: 45px; font-weight: 500; } .services__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .services__b-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .services__b-num, .services__b-name { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .services__box { background-color: #1b3561; padding: 40px; width: 327px; height: 327px; color: var(--otl-gold); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor: pointer; } .services__box:hover .services__b-num, .services__box:hover .services__b-name { color: #ffffff; } .services__box.hide { visibility: hidden; opacity: 0; position: absolute; position: relative; -webkit-transform: translateY(50px); transform: translateY(50px); } .services__box:nth-last-child(n + 2) { margin-right: 30px; } .services__box--grey { width: calc(25% - 30px); margin-bottom: 30px; background-color: #F2F2F2; } .services__box--grey .services__b-num { font-weight: bold; color: var(--otl-gold); } .services__box--grey .services__b-name { color: var(--otl-blue); } .services__box--grey:hover .services__b-num { color: var(--otl-gold); } .services__box--grey:hover .services__b-name { color: var(--otl-blue); } .services__b-name { -ms-flex-item-align: center; align-self: center; text-align: center; } .services__icon { max-width: 135px; max-height: 110px; } .services__icon-wrap { min-height: 180px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .services__section:nth-last-child(n + 2) { margin-bottom: 65px; } .search__container { padding: 120px 280px; } .search__container--page .search__input { color: var(--otl-blue); } .search__container--page .search__input::-webkit-input-placeholder { color: rgba(115, 115, 115, 0.6); font-weight: 100; } .search__container--page .search__input::-ms-input-placeholder { color: rgba(115, 115, 115, 0.6); font-weight: 100; } .search__container--page .search__input::placeholder { color: rgba(115, 115, 115, 0.6); font-weight: 100; } .search__container--page .search__l-item { color: #666666; } .search__container--page .search__l-item:hover:before { color: var(--otl-blue); } .search__container--page .search__btn--active { color: var(--otl-blue); } .search__container--page .search__btn--active .header__i-svg { fill: var(--otl-blue); } .search__container--page .search__input-wrap:before { background-color: var(--otl-blue); } .search__container--page .search__all { -ms-flex-item-align: center; align-self: center; position: relative; padding: 0; } .search__container--page .search__all svg { position: absolute; top: 40%; right: -40px; } .search__container--page .search__all .down-svg { stroke: var(--otl-gold); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .search__container--page .search__all:hover .down-svg { stroke: var(--otl-blue); } .search__input-wrap { position: relative; } .search__input-wrap:after { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: var(--otl-gold); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; left: 0; } .search__input-wrap:before { content: ''; position: absolute; width: 0; bottom: 0; height: 1px; background-color: #fff; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .search__input-wrap--active:before { width: 100%; z-index: 10; } .search__input { background: none; border: none; padding: 30px 70px; outline: none; color: #fff; width: 100%; position: relative; line-height: 50px; } .search__input::-webkit-input-placeholder { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; font-size: 36px; color: #4F6C9A; font-weight: 300; } .search__input::-ms-input-placeholder { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; font-size: 36px; color: #4F6C9A; font-weight: 300; } .search__input::placeholder { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; font-size: 36px; color: #4F6C9A; font-weight: 300; } .search__input:focus::-webkit-input-placeholder { opacity: 0; } .search__input:focus::-ms-input-placeholder { opacity: 0; } .search__input:focus::placeholder { opacity: 0; } .search__btn { width: 30px; height: 30px; position: absolute; left: 0; background: none; border: none; outline: none; cursor: pointer; color: var(--otl-gold); top: 50%; font-size: 26px; padding: 0; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } .search__btn svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 26px; width: 26px; } .search__btn .header__i-svg { fill: var(--otl-gold); } .search__btn--active { color: #fff; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .search__btn--active .header__i-svg { fill: #fff; } .search__result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search__list { counter-reset: item; list-style-type: none; padding: 130px 0 0 0; margin: 0; } .search__l-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .search__l-item { padding-left: 50px; position: relative; font-size: 24px; line-height: 36px; font-weight: 500; margin-bottom: 60px; visibility: hidden; opacity: 0; position: absolute; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .search__l-item--show { visibility: visible; opacity: 1; position: relative; z-index: auto; z-index: 1; } .search__l-item:before { content: counter(item, decimal-leading-zero) " "; counter-increment: item; color: var(--otl-gold); display: block; position: absolute; left: 0; font-size: 18px; font-weight: 800; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .search__l-item:hover:before { color: #ffffff; } .search__all { padding-left: 50px; font-size: 20px; visibility: hidden; opacity: 0; position: absolute; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .search__all--show { visibility: visible; opacity: 1; position: relative; z-index: auto; z-index: 1; } .search__l-bread { margin-top: 10px; } .search__nothing { font-size: 24px; line-height: 36px; font-weight: 500; color: #666666; margin-bottom: 30px; } .p-search__h-desc { padding: 0 15px; } .price { background-color: var(--otl-blue); color: #ffffff; } .price__container { padding-top: 220px; padding-bottom: 100px; max-width: 1250px; } .price__input { color: #ffffff; font-weight: 400; font-size: 15px; padding-bottom: 10px; -ms-flex-negative: 1; flex-shrink: 1; border-bottom: 1px solid rgba(56, 91, 146, 0.5); } .price__input::-webkit-input-placeholder { color: #ffffff; font-weight: 400; font-size: 15px; } .price__input::-ms-input-placeholder { color: #ffffff; font-weight: 400; font-size: 15px; } .price__input::placeholder { color: #ffffff; font-weight: 400; font-size: 15px; } .price__row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .price__row:nth-last-child(n + 2) { margin-bottom: 70px; } .price__col { width: 30%; } .price__col:nth-child(n) { margin-bottom: 0; } .price__b-col { position: relative; width: 48%; } .price__b-col label.error, .price__b-col span .error { color: var(--otl-gold); font-size: 14px; position: absolute; bottom: -20px; left: 0; } .price__t-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; } .price__t-col { display: -webkit-box; display: -ms-flexbox; display: flex; width: 45%; position: relative; } .price__t-col label.error, .price__t-col span.error { color: var(--otl-gold); font-size: 14px; position: absolute; bottom: -20px; right: 0; } .price__drop { border: 1px dashed rgba(56, 91, 146, 0.5); width: 100%; outline: none; font-size: 15px; font-family: 'Helvetica Neue'; font-weight: 300; padding: 22px 33px; color: #808080; min-height: 130px; background: none; cursor: pointer; height: auto; -ms-flex-negative: 1; flex-shrink: 1; } .price__textarea { background: none; border: 1px solid rgba(56, 91, 146, 0.5); } .price__textarea::-webkit-input-placeholder { color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .price__textarea::-ms-input-placeholder { color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .price__textarea::placeholder { color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .price__textarea:focus::-webkit-input-placeholder { opacity: 0; } .price__textarea:focus::-ms-input-placeholder { opacity: 0; } .price__textarea:focus::placeholder { opacity: 0; } .price__textarea.error { border-color: var(--otl-gold); } .price__t-title { padding-right: 60px; margin-right: 45px; font-size: 36px; font-weight: 700; color: var(--otl-gold); position: relative; } .price__t-title:hover:before { -webkit-transform: translateY(-50) translateX(10px); transform: translateY(-50) translateX(10px); } .price__t-title:before { content: ''; right: 0; top: 25%; -webkit-transform: translateX(0); transform: translateX(0); width: 40px; height: 30px; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; display: block; position: absolute; } .price__t-title--from:before { background-image: url(/local/templates/main/tpl/assets/css/../images/static/from.svg); } .price__t-title--where:before { background-image: url(/local/templates/main/tpl/assets/css/../images/static/where.svg); } .p-services { padding-top: 70px; padding-bottom: 70px; width: 100%; max-width: 1290px; margin: 0 auto; } .p-services__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-right: -2%; } .w-stats { padding: 105px 0; } .w-stats__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; } .w-stats__item { width: 33.333%; } .w-stats__value { font-size: 96px; color: var(--otl-gold); font-weight: bold; margin-bottom: 10px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .w-stats__value:after { content: ''; display: inline-block; margin-bottom: -10px; margin-left: 30px; width: 40px; height: 1px; background-color: var(--otl-gold); } .w-stats__text { font-size: 24px; color: var(--otl-gold); line-height: 1; } .w-stats__note { color: #526E9B; font-size: 18px; text-align: center; } .i-servs__title { position: relative; color: var(--otl-blue); font-weight: 600; font-size: 36px; margin-bottom: 75px; cursor: pointer; display: inline-block; } .i-servs__title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; margin-left: 30px; margin-bottom: -11px; background-color: #F2F2F2; background-position: center; background-repeat: no-repeat; background-size: 17px 10px; } .i-servs__title:before { content: ''; position: absolute; width: 16px; height: 12px; right: -60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-servs-arr.svg); background-position: center; background-repeat: no-repeat; z-index: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .i-servs__title.is-active:before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .i-servs__row { color: var(--otl-gold); display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 100px; } .i-servs__i-card { position: relative; width: 25%; padding: 0 25px; } .i-servs__i-card:after { content: ''; background-color: #CCC; height: 1px; width: 90px; position: absolute; top: 90px; right: -45px; } .i-servs__i-card:last-child:after, .i-servs__i-card:nth-child(4n+4):after { display: none; } .i-card__image { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 130px; margin-bottom: 20px; } .i-card__image-file { max-height: 120px; width: auto; max-width: 115px; height: auto; } .i-card { padding: 20px; position: relative; cursor: pointer; } .i-card__name { font-size: 20px; color: var(--otl-blue); line-height: 1; text-align: center; padding: 0 15px; } .i-card__count { position: absolute; left: 20px; top: 0; font-weight: 600; color: var(--otl-gold); } .i-card__link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .i-map { position: relative; min-height: 1100px; background-color: var(--otl-blue); overflow: hidden; } .i-map .marker { position: absolute; width: 7px; height: 7px; background-color: var(--otl-gold); border-radius: 50%; } .i-map .marker:after { content: attr(data-city); position: absolute; left: calc(100% - -15px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--otl-gold); font-size: 18px; white-space: nowrap; } .i-map__map { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .i-map__content { position: relative; } .i-map__content { padding-top: 125px; } .i-map__title { text-align: center; color: #fff; line-height: 87px; font-size: 72px; font-weight: 600; margin-bottom: 40px; } .i-map__buttons { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 70px; } .i-map__button { margin-right: 15px; } .i-map__button:last-child { margin-right: 0; } .i-map__input { position: absolute; z-index: -1; visibility: hidden; } .i-map__input:checked + .i-map__label { background-color: var(--otl-gold); border-color: var(--otl-gold); } .i-map__input:checked + .i-map__label:hover { color: #fff; } .i-map__label { font-size: 18px; color: #fff; font-weight: 600; padding: 15px 35px; border-radius: 25px; border: 1px solid #808080; -webkit-box-shadow: 0 0 1px 0px #808080 inset, 0 0 1px 0px #808080; box-shadow: 0 0 1px 0px #808080 inset, 0 0 1px 0px #808080; display: block; cursor: pointer; -webkit-transition: color .3s, background-color .3s, border-color .3s; transition: color .3s, background-color .3s, border-color .3s; } .i-map__label:hover { color: var(--otl-gold); border-color: var(--otl-gold); -webkit-box-shadow: 0 0 1px 0px var(--otl-gold) inset, 0 0 1px 0px var(--otl-gold); box-shadow: 0 0 1px 0px var(--otl-gold) inset, 0 0 1px 0px var(--otl-gold); } .i-map__check-input { position: absolute; z-index: -1; visibility: hidden; } .i-map__check-input:checked + .i-map__checks-label:before { background-position: center; border-color: var(--otl-gold); } .i-map__checks { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .i-map__checks__item { margin-right: 60px; } .i-map__checks__item:last-child { margin-right: 0; } .i-map__checks-label { color: #fff; font-size: 18px; position: relative; padding-left: 40px; cursor: pointer; display: block; } .i-map__checks-label:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 22px; height: 22px; border-radius: 4px; border: 1px solid #808080; -webkit-transition: border-color .3s, background .3s; transition: border-color .3s, background .3s; background-position: center; background-repeat: no-repeat; background-position: center -15px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/mark.svg); background-size: 14px 12px; } .i-map__note { max-width: 130px; margin: 200px auto 0 auto; pointer-events: none; color: var(--otl-gold); position: relative; z-index: 2; } .n-note__image { max-width: 100%; } .g-datail { max-width: 740px; margin: 0 auto; padding: 0 0 180px 0; } .g-datail__title { color: var(--otl-blue); font-size: 64px; line-height: 87px; font-weight: 600; position: relative; margin-bottom: 30px; } .g-datail__title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90px; height: 1px; background-color: #CCCCCC; left: -135px; } .g-datail__back, .n-found__back { font-size: 20px; padding-left: 50px; position: relative; color: var(--otl-gold); } .g-datail__back:after, .n-found__back:after { left: 0; margin: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .g-datail__back:hover:after, .n-found__back:hover:after { -webkit-transform: rotate(180deg) translateX(10px); transform: rotate(180deg) translateX(10px); } .g-datail__cont { margin: 70px 0 0 0; } .g-datail__cont p { color: #808080; font-size: 24px; line-height: 36px; } .g-datail__cont p:nth-last-child(n + 2) { margin-bottom: 40px; } .serv-slider { margin: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .serv-slider__nav { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - -100px); margin: 0 -50px; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 30; } .serv-slider__title { font-size: 48px; color: var(--otl-blue); font-weight: 600; margin-bottom: 40px; -ms-flex-item-align: center; align-self: center; } .serv-slider__wrap { position: relative; } .serv-slider__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .serv-slider__slide-name { color: var(--otl-blue); } .serv-slider__slide:hover .serv-slider__slide-image-file { -webkit-transform: scale(1.2); transform: scale(1.2); } .serv-slider__slide-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 140px; } .serv-slider__slide-image-file { max-width: 92px; max-height: 85px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .serv-slider__scene:nth-child(n) { pointer-events: all; z-index: 10; } .serv-slider__link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .c-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 90px 170px 110px 180px; position: relative; } .c-form__inner { position: relative; } .c-form__title { font-size: 48px; color: #18315b; margin-bottom: 30px; -ms-flex-item-align: center; align-self: center; text-align: center; font-weight: 600; } .c-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; } .c-form__col { width: 48%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-form__input { color: #8C8C8C; border-bottom: 1px solid #bfbfbf; } .c-form__input::-webkit-input-placeholder { color: #8C8C8C; opacity: 1; } .c-form__input::-ms-input-placeholder { color: #8C8C8C; opacity: 1; } .c-form__input::placeholder { color: #8C8C8C; opacity: 1; } .c-form__textarea { color: #8C8C8C; border: 1px solid #bfbfbf; height: 135px; } .c-form__conf { color: #8C8C8C; max-width: 490px; text-align: center; -ms-flex-item-align: center; align-self: center; } .c-form__drop { min-height: 140px; } .c-form__note { color: #808080; font-size: 24px; font-weight: 300; text-align: center; } .c-form .dz-default.dz-message { color: #8C8C8C; } .b-box { background-color: #F2F2F2; padding: 110px 70px 70px 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-box__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-box__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-box__col:first-child { width: 60%; } .b-box__col:last-child { width: 30%; } .b-box__title { color: var(--otl-blue); margin-bottom: 70px; width: 65%; margin-left: -130px; } .b-box__title:before { background-color: #CCC; } .b-box__desc { color: #808080; font-size: 24px; line-height: 36px; } .b-box__list { margin: 0; list-style-type: none; } .b-box__l-item { margin-bottom: 35px; font-size: 24px; line-height: 30px; font-weight: 600; } .n-found { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 50px 0 200px 0; overflow: hidden; } .n-found__404 { max-width: 404px; width: 100%; height: 200px; position: relative; } .n-found__404:before, .n-found__404:after { content: ''; display: block; position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10000px; height: 1px; background-color: var(--otl-gold); } .n-found__404:after { left: 120%; } .n-found__404:before { right: 120%; } .n-found__pic { position: absolute; z-index: 2; } .n-found__pic--shadow { z-index: 1; position: absolute; } .n-found__title { color: var(--otl-blue); font-size: 64px; margin-top: 80px; margin-bottom: 30px; -ms-flex-item-align: center; align-self: center; text-align: center; font-weight: 700; } .i-slider__row { position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 450px; z-index: 1; } .i-slider__image { width: 50%; background-position: center; background-size: cover; } .i-slider__content { position: relative; width: 50%; padding: 50px 110px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--otl-blue); } .i-slider__title { font-weight: bold; font-size: 36px; color: #fff; margin-bottom: 40px; } .i-slider__dots { margin-bottom: 40px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .i-slider__dot { position: relative; width: 10px; height: 10px; border-radius: 50%; background-color: var(--otl-blue); -webkit-transition: background-color .3s; transition: background-color .3s; margin-right: 70px; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; } .i-slider__dot:last-child { margin-right: 0; } .i-slider__dot:last-child:after { display: none; } .i-slider__dot:before { content: ''; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border-radius: 50%; background-color: var(--otl-gold); opacity: 0; z-index: -1; -webkit-transition: opacity .3s; transition: opacity .3s; } .i-slider__dot:after { content: ''; position: absolute; height: 1px; top: 50%; width: 70px; left: 100%; background-color: var(--otl-blue); z-index: -2; } .i-slider__dot.is-active { background-color: var(--otl-gold); } .i-slider__dot.is-active:before { opacity: .6; } .i-slider__scene { margin-bottom: 30px; } .i-slider__scene-title { font-size: 24px; color: var(--otl-gold); font-weight: bold; margin-bottom: 20px; } .i-slider__scene-text { font-size: 20px; font-weight: 300; line-height: 28px; color: #fff; } .i-slider__next { width: 18px; height: 28px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-slider-arr.svg); cursor: pointer; height: 56px; } .i-slider__final { display: none; } .i-slider__final-row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-slider__scratch { color: #5170A1; font-size: 18px; font-weight: 600; text-decoration: underline; -webkit-transition: color .3s; transition: color .3s; cursor: pointer; margin-right: 55px; } .i-slider__scratch:hover { color: var(--otl-gold); } .i-section { background-color: #F2F2F2; padding-top: 270px; margin-top: -270px; } .pricing { position: relative; margin: 140px 0 100px 0; background-color: #fff; padding: 110px 125px 80px 125px; min-height: 530px; } .pricing__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pricing__item { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 25%; } .pricing__item-title { font-size: 36px; font-weight: 600; line-height: 1; margin-bottom: 40px; color: var(--otl-blue); } .pricing__item-features { margin-bottom: 40px; } .pricing__item-feature, .s-texts__content li, .n-detail__content li, .pricing__more li, .pricing__more p { color: #808080; font-size: 16px; line-height: 20px; margin-bottom: 15px; padding-left: 25px; position: relative; font-family: 'Helvetica Neue'; font-weight: 400; } .pricing__item-feature:last-child, .s-texts__content li:last-child, .n-detail__content li:last-child, .pricing__more li:last-child, .pricing__more p:last-child { margin-bottom: 0; } .pricing__item-feature:before, .s-texts__content li:before, .n-detail__content li:before, .pricing__more li:before, .pricing__more p:before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background-color: #8C8C8C; } .pricing__item-bottom { margin-top: auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pricing__item-price { min-width: 160px; padding-left: 25px; font-size: 20px; font-weight: bold; color: var(--otl-blue); } .pricing__item-purchase { position: relative; width: 47px; height: 47px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background-color: var(--otl-gold); -webkit-transition: opacity .3s; transition: opacity .3s; } .pricing__item-purchase:after { content: '+'; font-weight: 300; color: #ffffff; font-size: 30px; position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pricing__item-purchase:hover { opacity: .9; } .pricing__more { display: none; } .pricing__more ul { padding-left: 10px; list-style-type: none; } .pricing__more-title { font-size: 36px; font-weight: 600; color: var(--otl-blue); margin-bottom: 75px; text-align: center; } .pricing__more-inner { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .pricing__more-main { width: 50%; padding-right: 60px; color: #808080; font-size: 24px; line-height: 36px; } .pricing__more-text { width: 50%; } .pricing__more-text p { color: gray; font-size: 16px; line-height: 20px; margin-bottom: 15px; padding-left: 25px; position: relative; font-family: 'Helvetica Neue'; font-weight: 400; padding-left: 0; } .pricing__more-text p:before { display: none; } .pricing__more-text p:last-child { margin-bottom: 0; } .pricing__more-buttons { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pricing__more-btn { margin: 0 20px; } .p-cards { padding: 120px 0; } .p-cards__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .p-card__item { width: calc(50% - 80px); margin-right: 80px; } .p-card__item-date { margin-bottom: 30px; font-size: 20px; color: #999; } .p-card__item-main { position: relative; height: 400px; overflow: hidden; } .p-card__item-main:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 270px; background: -webkit-gradient(linear, left bottom, left top, from(#1D3C6E), to(transparent)); background: linear-gradient(to top, #1D3C6E, transparent); opacity: .69; } .p-card__item-main:hover .p-card__image { -webkit-transform: scale(1.1); transform: scale(1.1); } .p-card__image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: center; -webkit-transition: -webkit-transform .7s; transition: -webkit-transform .7s; transition: transform .7s; transition: transform .7s, -webkit-transform .7s; } .p-card__name { position: absolute; z-index: 2; top: calc(100% - 125px); left: 85px; right: 30px; font-size: 36px; color: #fff; line-height: 1; font-weight: 600; } .p-card__link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; } .p-cards__link { display: block; margin-top: 40px; font-size: 20px; } .p-cards__link:hover { color: var(--otl-gold); } .p-cards__link:hover:before { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); } .p-cards__title { color: var(--otl-blue); margin-bottom: 30px; } .p-cards__title:before { background-color: #CCC; } @media screen and (min-width: 768px) { .p-cards__title { display: none; } } .i-partners__title { color: var(--otl-blue); margin-bottom: 80px; } .i-partners__title:before { background-color: #CCCCCC; } .i-partners__slide { height: 320px; background-color: #F2F2F2; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-partners__image { max-width: 230px; height: auto; width: auto !important; } .i-partners__nav { margin-top: 45px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 80px; } .i-projects__arr { width: 40px; height: 35px; background-position: center; background-repeat: no-repeat; margin-right: 60px; cursor: pointer; } .i-projects__arr:last-child { margin-right: 0; } .i-projects__arr.disabled { opacity: 0; } .i-projects__arr--prev { background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-projects-prev.svg); } .i-projects__arr--next { background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-projects-next.svg); } .m-news { padding: 130px 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m-news__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .m-news__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; max-width: 590px; } .m-news__col:nth-last-child(n + 2) { margin-right: 130px; } .m-news__time { margin-bottom: 30px; font-size: 20px; color: #999999; } .m-news__box { padding: 270px 65px 40px 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 400px; } .m-news__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; pointer-events: all; background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 249, 249, 0)), to(rgba(29, 60, 110, 0.6))); background: linear-gradient(to bottom, rgba(249, 249, 249, 0), rgba(29, 60, 110, 0.6)); } .m-news__b-pic { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .m-news__title { color: #ffffff; font-size: 36px; font-weight: 700; z-index: 2; } .m-news__b-pic { -o-object-fit: cover; object-fit: cover; } .m-news__all { margin-top: 40px; } .m-banner { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F2F2F2; padding: 50px 180px 65px 170px; margin-bottom: 100px; color: var(--otl-gold); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .m-banner__txt-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m-banner__txt { font-size: 20px; font-weight: 500; } .m-banner__txt--big { font-size: 36px; margin-bottom: 10px; font-weight: 800; } .m-banner__num { font-size: 130px; font-weight: 800; } .i-logistics { background-color: #F2F2F2; } @media screen and (min-width: 768px) { .i-logistics { display: none; } } @media screen and (min-width: 768px) { .p-section__title { display: none; } } .p-section__content { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media screen and (min-width: 768px) { .f-steps { display: none; } } .team { position: relative; width: 100%; height: 700px; overflow: hidden; } .team__wrap-members { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .team__all { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .team__all .team__m-pic { -webkit-filter: grayscale(0.4); filter: grayscale(0.4); } .team__member { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s linear; transition: .4s linear; } .team__member .team__m-pic { opacity: 1; } .team__member--show { opacity: 1; } .team__member--show .team__n-wrap { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .team__member--show .team__icons { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .team__mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .team__m-pic { position: absolute; top: 0; left: 50%; right: 0; bottom: 0; max-width: 100%; max-height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .team__icons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(5%); transform: translateY(5%); opacity: 0; -webkit-transition: .4s linear; transition: .4s linear; } .team__icons--show { -webkit-transform: translateY(0); transform: translateY(0); } .team__icons img { width: 100%; height: 100%; } .team path { cursor: pointer; fill-rule: nonzero; fill: rgba(51, 51, 51, 0) !important; z-index: 10; } .team__n-wrap { text-align: left; position: absolute; top: 54%; -webkit-transform: translateX(15%); transform: translateX(15%); opacity: 0; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; z-index: 10; pointer-events: none; } .team__n-wrap--show { -webkit-transform: translateX(0); transform: translateX(0); } .team__name { font-size: 36px; line-height: 36px; font-weight: 600; position: relative; margin-bottom: 5px; } .team__name:after { content: ''; background-color: var(--otl-gold); width: 91px; height: 1px; display: block; position: absolute; left: -100px; top: 20px; } .team #member_08 .team__n-wrap { left: 58%; top: 55%; } .team #member_07 .team__n-wrap { left: 32%; text-align: right; top: 55%; } .team #member_07 .team__name:after { left: auto; right: -100px; } .team #member_06 .team__n-wrap { left: 38%; text-align: right; top: 55%; } .team #member_06 .team__name:after { left: auto; right: -100px; } .team #member_04 .team__n-wrap { left: 50%; text-align: right; top: 55%; } .team #member_04 .team__name:after { left: auto; right: -100px; } .team #member_01 .team__n-wrap { left: 60%; text-align: right; top: 50%; } .team #member_01 .team__name:after { left: auto; right: -100px; } .team #member_05 .team__n-wrap { left: 45%; top: 55%; } .team #member_03 .team__n-wrap { left: 35%; top: 55%; } .team #member_02 .team__n-wrap { left: 30%; top: 50%; } .team__post { font-size: 20px; line-height: 20px; } .team__member-g { position: relative; } .team__bottom { display: none; } .team--hovered .team__member:not(.team__member--show) { opacity: 0; } .d-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 720px; margin-top: 20px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .d-slider__item { min-width: 100px; margin: 0 auto; width: auto; } .d-slider__arrow { display: block; cursor: pointer; pointer-events: all; z-index: 5; } .d-slider__arrow.disabled { opacity: 0; } .d-slider__nav { width: 100%; position: absolute; top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - -100px); margin: 0 -50px; } .d-slider__more { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-top: 40px; -ms-flex-item-align: end; align-self: flex-end; } .n-map { background-position: center top; background-repeat: no-repeat; background-size: 1600 1200; background-image: url(/local/templates/main/tpl/assets/css/../images/static/n-map-bg.png); min-height: 100vh; background-color: #193564; } .n-map--opened .n-map__content { display: block; } .n-map__content { min-height: 100vh; padding: 130px 50px 50px 50px; } @media screen and (min-width: 768px) { .n-map__content { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .n-map__top { text-align: center; } .n-map__top-title { color: #fff; margin-bottom: 30px; } .n-map__top-subtitle { color: #fff; font-size: 24px; font-weight: 300; margin-bottom: 70px; } .n-map__items-row { position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .n-map__items-row:after { content: ''; width: 1px; height: 80px; background-color: var(--otl-gold); position: absolute; right: 50%; top: -20px; -webkit-transform: translate3d(0, 0, 0) rotate(10deg); } .n-map__item { position: relative; margin: 0 60px; } .n-map__item:last-child .n-map__item-input:checked + .n-map__item-label { padding-left: 0; padding-right: 70px; } .n-map__item-input { position: absolute; visibility: hidden; z-index: -1; } .n-map__item-input:checked + .n-map__item-label { padding-left: 70px; padding-right: 0; color: #fff; font-weight: 600; } .n-map__item-input:checked + .n-map__item-label:after { opacity: 0; } .n-map__item-label { color: var(--otl-gold); font-size: 24px; font-weight: 300; cursor: pointer; padding-right: 70px; -webkit-transition: color .3s, padding .3s; transition: color .3s, padding .3s; line-height: 1; } .n-map__item-label:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translate3d(0, 0, 0); transform: translateY(-50%) translate3d(0, 0, 0); width: 45px; height: 45px; border-radius: 50%; background-color: var(--otl-gold); background-image: url(/local/templates/main/tpl/assets/css/../images/static/n-map-arr.svg); background-position: center; background-size: 10px 14px; background-repeat: no-repeat; -webkit-transition: opacity .3s; transition: opacity .3s; } .n-map__n-table { display: none; } .n-table { margin-top: 140px; width: 760px; display: none; margin: 140px auto 0 auto; } .n-table__head .n-table__item { position: relative; font-size: 36px; font-weight: 600; color: #fff; height: 90px; margin-bottom: 30px; line-height: 42px; -webkit-transition: color .3s; transition: color .3s; } .n-table__head .n-table__item:after { content: ''; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-bottom: -11px; margin-left: 20px; width: 45px; height: 45px; border-radius: 50%; background-color: var(--otl-gold); background-image: url(/local/templates/main/tpl/assets/css/../images/static/n-map-arr.svg); background-position: center; background-size: 10px 14px; background-repeat: no-repeat; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; opacity: 0; visibility: hidden; margin-top: 10px; } .n-table__head .n-table__item.js-sort { cursor: pointer; } .n-table__head .n-table__item.js-sort.is-active { color: var(--otl-gold); } .n-table__head .n-table__item.js-sort.is-active:after { opacity: 1; visibility: visible; } .n-table__head .n-table__item.js-sort--top:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .n-table__head .n-table__item.js-sort--bottom:after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .n-table__head .n-table__item.js-sort:hover { color: var(--otl-gold); } .n-table__row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .n-table__item { width: 33.333%; -ms-flex-negative: 0; flex-shrink: 0; } .n-table__item--time { width: 195px; } .n-table__item--vehicle { width: 280px; } .n-table__item--placement { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -ms-flex-negative: 1; flex-shrink: 1; max-width: 280px; } .n-table__body .n-table__row { margin-bottom: 15px; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .n-table__body .n-table__item--time { font-size: 24px; font-weight: 300; color: #fff; } .n-table__body .n-table__item--vehicle { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .n-table__body .n-table__item--placement { font-size: 24px; font-weight: 300; color: #fff; } .n-table__list--cut { max-height: 284px; overflow: hidden; -webkit-transition: max-height 1s, margin .3s; transition: max-height 1s, margin .3s; } .n-table__list--cut .n-table__row { -webkit-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .n-table__list--cut .n-table__row:nth-of-type(1n+7) { opacity: 0; visibility: hidden; } .n-table__list--opened { max-height: 1000px; } .n-table__list--opened .n-table__row:nth-of-type(1n+7) { opacity: 1; visibility: visible; } .n-table__icon { width: 50px; height: 30px; } .n-table__all { margin-top: 70px; text-align: center; padding-top: 45px; padding-bottom: 55px; border-top: 1px solid var(--otl-gold); font-size: 24px; font-weight: 300; color: var(--otl-gold); position: relative; cursor: pointer; } .n-table__all:before { content: attr(data-show); display: inline-block; } .n-table__all:after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; width: 30px; height: 20px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/n-table-more.svg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .n-table__all--opened:before { content: attr(data-hide); } .n-table__all--opened:after { -webkit-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .arrowup { position: fixed; right: 50px; bottom: 50px; width: 50px; height: 50px; cursor: pointer; background-image: url(/local/templates/main/tpl/assets/css/../images/static/Icon_arrowup.svg); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .arrowup--visible { opacity: 1; visibility: visible; } .dz-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; } .dz-preview::before { content: ''; width: 30px; height: 40px; background-repeat: no-repeat; background-position: center; background-image: url(/local/templates/main/tpl/assets/css/../images/static/docs__icon.svg); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .dz-success-mark, .dz-error-mark, .dz-error-message, .dz-image, .dz-progress, .dz-size { display: none; } .dz-remove { position: relative; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-image: url(/local/templates/main/tpl/assets/css/../images/static/close.svg); background-size: contain; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .dz-default.dz-message { color: #fff; font-weight: 400; } .dz-message__mobile { display: none; } .dz-message__desktop { display: block; } .mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-compact { opacity: 0; visibility: hidden; } .mapboxgl-ctrl-bottom-right { color: transparent; } .fancybox-container { max-height: 100vh; } .arrowup { position: fixed; right: 50px; bottom: 50px; width: 50px; height: 50px; cursor: pointer; background-image: url(/local/templates/main/tpl/assets/css/../images/static/Icon_arrowup.svg); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .arrowup--visible { opacity: 1; visibility: visible; } .search-language-guess a { text-decoration: underline; } .i-partners__slide { position: relative; } .i-partners__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } /* End */ /* Start:/local/templates/main/tpl/assets/css/media.css?1792494740107160*/ @charset "UTF-8"; /* Миксин соотношения сторон */ /* trs */ @media screen and (max-width: 1599px) { .container { padding: 0 50px; } .content { padding-top: 111px; } } @media screen and (max-width: 1279px) { .d-title { font-size: 50px; } } @media screen and (max-width: 1279px) { .container { padding: 0 40px; } h1, .h1 { font-size: 55px; line-height: 53px; } .d-title { font-size: 50px; } .content { padding-top: 105px; } .services__icon-wrap .lottie svg { width: 100px !important; height: 100px !important; } } @media screen and (max-width: 767px) { .content { padding-top: 66px; } .container { padding: 0 20px; } .d-title { padding-left: 50px; font-size: 28px; line-height: 1; } .d-title:before { width: 35px; top: 15px; } h1, .h1 { font-size: 28px; line-height: 30px; } .mobile-hidden { display: none; } .more { display: block; } .services__icon-wrap .lottie { margin-top: -20px; } .services__icon-wrap .lottie svg { width: 70px !important; height: 70px !important; } } @media screen and (max-width: 1599px) { .button { padding: 14px 23.6px; border-radius: 28px; } } @media screen and (max-width: 1279px) { .button { font-size: 14px; } } @media screen and (max-width: 767px) { .link--video { font-size: 15px; padding-left: 40px; } .link--video:before { width: 30px; height: 30px; } } @media screen and (max-width: 1599px) { .p-top__bread { margin-bottom: 40px; padding: 0 45px; } } @media screen and (max-width: 1279px) { .p-top__bread { padding: 0; margin-bottom: 30px; } .p-top__text { padding: 0; } .p-top__note { margin: 20px 0; } } @media screen and (max-width: 767px) { .p-top__text { margin: 20px auto; font-size: 18px; line-height: 24px; } .p-top__title { font-size: 55px; } .p-top__bread { margin-bottom: 25px; padding: 0; } .p-top__note { margin-top: 20px; } .p-top { padding-bottom: 20px; } .p-top__bread { padding: 0; } .p-top__title { font-size: 28px; line-height: 30px; } .p-top__note { font-size: 20px; line-height: 1; margin-top: 15px; margin-bottom: 20px; } .p-top__text { font-size: 18px; line-height: 24px; padding: 0; margin-top: 20px; } .p-top__content { position: relative; } .p-top__date { position: absolute; left: 0; bottom: -40px; } .p-top__link { text-align: left; } .p-top__bread { padding: 0; margin-bottom: 30px; } .p-top__text { padding: 0; } } @media screen and (max-width: 769px) { .p-top__text { margin: 20px auto; font-size: 18px; line-height: 24px; } } @media screen and (max-width: 1599px) { .dir__title { margin-bottom: 20px; } .dir__form-abc { margin: 50px 0 70px 0; } } @media screen and (max-width: 1365px) { .dir__form-abc { margin-bottom: 40px; } .dir__r-row:nth-last-child(n + 2) { margin-bottom: 70px; } .dir__r-col { margin-bottom: 50px; } } @media screen and (max-width: 1279px) { .dir__title { margin-bottom: 10px; } .dir__form-abc { margin: 40px 0 40px 0; } .dir__r-list { margin-top: 20px; } .dir__r-item:nth-last-child(n+2) { margin-bottom: 15px; } .dir__r-col { margin-bottom: 50px; } .dir__r-row:nth-last-child(n + 2) { margin-bottom: 50px; } } @media screen and (max-width: 767px) { .dir__r-col { margin-bottom: 30px; } .dir__form-abc { margin: 40px 0; } .dir__form-abc > .dir__all--reset { display: none; } .dir__abc-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .dir__abc { min-width: 100%; padding: 0; width: calc(100% - -11px); } .dir__abc:nth-last-child(n + 2) { margin-bottom: 15px; } .dir__abc-box { opacity: 0; visibility: hidden; z-index: 100; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 20px; background-color: #ffffff; width: 90%; max-width: 290px; -webkit-box-shadow: 0 0 20px 400px rgba(0, 0, 0, 0.06); box-shadow: 0 0 20px 400px rgba(0, 0, 0, 0.06); } .dir__abc-box--show { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .dir__input:checked + label { background-color: #F0F0F0; } .dir__label { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dir__letter:nth-child(n) { margin: 1px; } .dir__apply { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; color: var(--otl-gold); font-size: 18px; font-weight: 700; font-family: 'Akrobat'; position: relative; padding-left: 20px; border: none; outline: none; background: none; } .dir__apply:before { content: ''; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/check.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } .dir__all--reset { padding-left: 20px; margin-bottom: 0; } .dir__all--reset .dir__label { color: var(--otl-gold); width: auto; height: auto; } .dir__all--reset:after { display: none; } .dir__all--reset:before { content: ''; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background-image: url(/local/templates/main/tpl/assets/css/../images/static/cross.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; } .dir__all--mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; border: 1px solid var(--otl-gold); padding: 20px 30px; color: var(--otl-gold); font-size: 18px; line-height: 18px; background: none; border-radius: 60px; cursor: pointer; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; outline: none; font-family: 'Akrobat'; font-weight: 600; } .dir__all--mob:active { color: #ffffff; background: var(--otl-gold); outline: none; } .dir__all--mob:focus { outline: 0; } .dir__all--mob::after { display: none; } .dir__h-desc { font-size: 20px; line-height: 20px; } .dir__r-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dir__r-row:nth-last-child(n + 2) { margin-bottom: 20px; } .dir__r-col { width: 100%; } } @media screen and (max-width: 1599px) { .g-datail { padding: 0 214px 100px 214px; margin: 0; width: 100%; max-width: 100%; } } @media screen and (max-width: 1279px) { .g-datail { padding: 0 0 70px 125px; } .g-datail__title { font-size: 55px; } .g-datail__title:after { left: -120px; width: 80px; } .g-datail__cont { margin-top: 50px; } .g-datail__cont p { font-size: 20px; line-height: 30px; margin-bottom: 35px; } } @media screen and (max-width: 767px) { .g-datail { padding: 0 0 50px 0; } .g-datail__title { font-size: 28px; line-height: 1; padding-left: 55px; margin-top: 30px; } .g-datail__title:after { width: 35px; left: 0; } .g-datail__back { margin-left: 55px; font-size: 18px; } .g-datail__cont { margin-top: 30px; } .g-datail__cont p { margin-bottom: 30px; } } @media screen and (max-width: 1599px) { .news { padding-top: 30px; } .news__row { margin-right: -3%; } .news__row + .pagination { padding-top: 0; } } @media screen and (max-width: 767px) { .news { padding-top: 0; margin-top: -30px; } .news__row { display: block; margin-right: 0; margin-bottom: 60px; } .news__row + .pagination { padding-top: 0; } } @media screen and (max-width: 1599px) { .n-card { margin-bottom: 55px; width: 47%; margin-right: 3%; } .n-card--big { width: 100%; } .n-card--big .n-card__content { padding: 45px 60px; } .n-card__date { margin-bottom: 10px; } .n-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .n-card__more { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } @media screen and (max-width: 1279px) { .n-card { min-height: 300px; } .n-card--big .n-card__more { margin-left: auto; margin-right: 50px; } .n-card--big .n-card__content { padding: 30px 30px 30px 40px; } .n-card:hover .n-card__more:after { -webkit-transform: translateX(10px); transform: translateX(10px); } .n-card__content { padding: 30px 40px; } .n-card__date { font-size: 18px; line-height: 1; margin-bottom: 25px; } .n-card__title { font-size: 24px; line-height: 1; margin-bottom: 25px; } .n-card__text { font-size: 16px; line-height: 20px; max-height: 121px; } } @media screen and (max-width: 767px) { .n-card__image { display: none; } .n-card { width: 100%; margin-right: 0; margin-bottom: 20px; } .n-card--big .n-card__content { border: none; padding: 30px; } .n-card--big .n-card__more { margin-left: 0; } .n-card__content { padding: 30px; } .n-card__date { margin-bottom: 20px; } .n-card__text { margin-bottom: 25px; } } @media screen and (max-width: 767px) { .pagination { padding: 60px 0; } } @media screen and (max-width: 1279px) { .n-detail__main { margin-left: -50px; margin-right: -50px; width: calc(100% - -100px); height: auto; position: relative; } .n-detail__main:before { display: block; content: ""; width: 100%; padding-top: 55.55556%; } .n-detail__main > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .n-detail__content { padding-left: 70px; } .n-detail__content p { margin-bottom: 30px; } .n-detail__content .n-note { margin-left: -70px; } .n-detail__content blockquote { margin: 40px 0; margin-left: -120px; margin-right: -50px; } } @media screen and (max-width: 767px) { .n-detail { padding-top: 30px; } .n-detail__main { margin-left: -20px; margin-right: -20px; width: calc(100% - -40px); min-height: 0; margin-bottom: 40px; position: relative; } .n-detail__main:before { display: block; content: ""; width: 100%; padding-top: 73%; } .n-detail__main > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .n-detail__content { padding-left: 0; } .n-detail__content h3 { font-size: 24px; line-height: 1; margin-bottom: 25px; } .n-detail__content p { font-size: 14px; line-height: 22px; margin-bottom: 30px; } .n-detail__content h4 { font-size: 18px; line-height: 24px; margin: 30px 0; } .n-detail__content .n-note { margin: 30px 0; } .n-detail__content blockquote { margin-left: -20px; margin-right: -20px; padding: 50px 20px 50px 80px; font-size: 18px; line-height: 24px; } .n-detail__content blockquote:before { width: 40px; left: 20px; top: 64px; } } @media screen and (max-width: 1279px) { .s-slider__nav { padding-left: 65px; } .s-slider__nav:before { left: 0; } } @media screen and (max-width: 1599px) { .faq { padding: 0 50px 150px 50px; } .faq__main { width: 40%; } } @media screen and (max-width: 1279px) { .faq { padding-left: 0; padding-right: 0; padding-bottom: 100px; } .faq__inner { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .faq__main { text-align: center; margin-bottom: 25px; width: 100%; } .faq__title { margin-bottom: 30px; font-size: 55px; } .faq__item-title { font-size: 24px; } .faq__item-answer { line-height: 26px; } } @media screen and (max-width: 767px) { .faq__note { font-size: 20px; line-height: 1; } .faq__title { font-size: 28px; margin-bottom: 15px; line-height: 1; } } @media screen and (max-width: 1279px) { .burger-open__l-item { font-size: 48px !important; line-height: 55px !important; } .burger-open__l-item:nth-last-child(n + 2) { margin-right: 0 !important; } } @media screen and (max-width: 767px) { .burger-open { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .burger-open__list { font-size: 18px !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .burger-open__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .burger-open__l-item { width: 100%; font-size: 18px !important; line-height: 29px !important; } .burger-open__l-item:nth-last-child(n + 2) { margin-bottom: 20px; border-bottom: 1px solid rgba(56, 91, 146, 0.6); padding-bottom: 20px; } } @media screen and (max-width: 1599px) { .services__box { margin-bottom: 30px; padding: 30px; } .services__row { margin-bottom: -30px; } } @media screen and (max-width: 1279px) { .services:nth-child(n) { display: block; } .services__wrap { padding-top: 0; } .services__box { width: 215px; height: 215px; margin-bottom: 20px; padding: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services__box:nth-last-child(n) { margin-right: 20px; } .services__icon-wrap { min-height: auto; } .services__icon { max-width: 13vw; max-height: 12vw; } .services__box { width: 30%; height: 28vw; padding: 20px; } .services__box:nth-last-child(n) { margin-right: 3%; margin-bottom: 2.6vw; } .services__container { padding: 0; } .services__row { margin-right: -4%; margin-bottom: -2.6vw; } .services__wrap { padding-bottom: 0; } .services__title { font-size: 28px; line-height: 30px; padding-left: 60px; margin-bottom: 30px; } .services__title:before { width: 35px; top: 15px; -webkit-transform: none; transform: none; } .services__more { margin-top: 20px; font-size: 18px; line-height: 20px; } .services__section:nth-last-child(n + 2) { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .services__box { padding: 3vw; width: 45%; height: 41.4vw; } .services__box:nth-last-child(n) { margin-right: 5%; margin-bottom: 5%; } .services__row { margin-right: -5%; margin-bottom: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services__b-name { font-size: 15px; } .services__b-num { font-size: 15px; } .services__icon { max-width: 16vw; max-height: 15vw; } } @media screen and (max-width: 1279px) { .s-detail__img { width: auto; margin-left: -50px; margin-right: -50px; } } @media screen and (max-width: 767px) { .s-detail__img { margin-left: -20px; margin-right: -20px; width: calc(100% - -40px); } .s-detail__block--blue:before { display: none; } .s-detail__block--blue .s-announce__title { color: var(--otl-blue); } .s-detail__block--blue .s-announce__text { color: #808080; } .s-detail__block--blue .s-texts { padding: 40px 20px; margin-left: -20px; margin-right: -20px; background-color: var(--otl-blue); } } @media screen and (max-width: 1599px) { .c-menu { margin-bottom: 40px; } .c-menu--fixed.c-menu--hidden .c-menu__fly { -webkit-transform: translateY(111px); transform: translateY(111px); } } @media screen and (max-width: 1279px) { .c-menu { margin-left: -50px; margin-right: -50px; margin-bottom: 30px; } .c-menu--fixed.c-menu--hidden .c-menu__fly { -webkit-transform: translateY(106px); transform: translateY(106px); } .c-menu__link { padding: 20px 20px; text-align: center; } .c-menu__sub-link { padding: 15px 10px; font-size: 18px; text-align: center; } .c-menu__sub-link.link--gold { color: var(--otl-gold); } .c-menu__sub { top: 60px; } .c-menu__sub:after { bottom: 28px; } } @media screen and (max-width: 767px) { .c-menu { display: none; margin-bottom: 20px; } } @media screen and (max-width: 1279px) { .s-service { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .s-service__main { width: 100%; padding-right: 0; margin-bottom: 35px; } .s-service__text { width: 100%; padding-left: 125px; } .s-service__text p { line-height: 26px; } } @media screen and (max-width: 767px) { .s-services { margin-bottom: 0; } .s-service { margin-left: -20px; margin-right: -20px; padding: 50px 20px; } .s-service__title { padding-left: 55px; font-size: 24px; } .s-service__title:before { width: 35px; } .s-service__main { margin-bottom: 30px; } .s-service__text { padding-left: 55px; overflow: hidden; -webkit-transition: max-height .3s; transition: max-height .3s; } .s-service__text p { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .s-service__text p:last-child { margin-bottom: 0; } .s-service__text.is-cutted { max-height: 220px; } .s-service__more { padding-left: 55px; margin-top: 30px; } } @media screen and (max-width: 1599px) { .serv-slider__nav { width: 100%; margin: 0; } } @media screen and (max-width: 1279px) { .serv-slider { margin-top: 75px; } .serv-slider__title { margin-bottom: 20px; } .serv-slider__slide-name { text-align: center; } } @media screen and (max-width: 767px) { .serv-slider { margin: 40px 0; } .serv-slider__title { font-size: 28px; margin-bottom: 10px; -ms-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .serv-slider__slide-image-file { max-width: 60px; max-height: 50px; } .serv-slider__slide-image { min-height: 70px; } .serv-slider__slide-name { font-size: 15px; line-height: 1; padding: 0 15px; text-align: center; } .serv-slider__scene { padding: 0 20px; } } @media screen and (max-width: 1400px) { .s-announce { padding: 80px 0; } .s-announce__title { width: 600px; font-size: 58px; line-height: 65px; } .s-announce__text { padding-top: 15px; } } @media screen and (max-width: 1279px) { .s-announce { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 65px 0; } .s-announce__title { width: 100%; padding-right: 0; padding-bottom: 40px; font-size: 50px; line-height: 1; } .s-announce__content { padding-left: 130px; } .s-announce__text { padding-top: 0; font-size: 20px; line-height: 30px; } .s-announce__link { margin-top: 30px; } } @media screen and (max-width: 767px) { .s-announce { position: relative; padding: 0; margin: 50px 0; } .s-announce:before { background-color: #CCC; content: ''; width: 35px; top: 13px; left: 0; height: 1px; position: absolute; } .s-announce__title { margin-bottom: 25px; padding-bottom: 0; padding-left: 50px; font-size: 24px; } .s-announce__title:before { display: none; } .s-announce__content { padding-left: 50px; } .s-announce__text { font-size: 18px; line-height: 24px; } } @media screen and (max-width: 1599px) { .m-block__features { padding: 0 0 80px 130px; } .m-block__m-video { margin-left: auto; margin-right: auto; } .m-block__features-item { padding-right: 15px; } } @media screen and (max-width: 1365px) { .m-block { padding: 60px 50px; margin-bottom: 75px; } .m-block--wide { margin-bottom: 160px; } } @media screen and (max-width: 1279px) { .m-block { padding: 70px 50px; } } @media screen and (max-width: 1279px) and (min-width: 768px) { .m-block { margin-left: -40px; margin-right: -40px; } } @media screen and (max-width: 1279px) { .m-block .m-block__features { padding-bottom: 15px; } .m-block--wide { margin-bottom: 140px; } .m-block__row { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .m-block__title { width: 100%; margin-bottom: 40px; } .m-block__text { width: 100%; padding-left: 130px; padding-right: 0; padding-top: 0; } .m-block__features { margin-top: 55px; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; } .m-block__features-item { width: 50%; margin-bottom: 35px; font-size: 20px; line-height: 24px; } .m-block__m-video { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 767px) { .m-block--ilovedesigners { background-color: transparent; padding: 0; margin-bottom: 0; border-top: 1px solid #CCCCCC; } .m-block--ilovedesigners .m-block__title { font-size: 24px; font-weight: 600; color: var(--otl-blue); position: relative; display: inline-block; cursor: pointer; width: auto; max-width: 100%; margin-bottom: 0; padding: 25px 60px 25px 0; } .m-block--ilovedesigners .m-block__title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; right: 0px; margin-left: 30px; margin-bottom: -11px; background-color: #F2F2F2; background-position: center; background-repeat: no-repeat; background-size: 17px 10px; } .m-block--ilovedesigners .m-block__title:before { content: ''; position: absolute; width: 16px; height: 12px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-servs-arr.svg); background-position: center; background-repeat: no-repeat; z-index: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; left: auto; background-color: transparent; } .m-block--ilovedesigners .m-block__title.is-active:before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .m-block--ilovedesigners .m-block__title--big { font-size: 28px; } .m-block--ilovedesigners .m-block__text { padding-left: 0; color: #808080; font-size: 18px; line-height: 24px; } .m-block--wide { padding: 60px 0 20px 0; margin-bottom: 0; } .m-block--wide .d-title { padding-left: 70px; margin-bottom: 25px; } .m-block--wide .m-block__text { padding-left: 70px; font-size: 18px; line-height: 24px; } .m-block__features { margin-top: 30px; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .m-block__features-item { width: 100%; margin-bottom: 25px; font-size: 16px; line-height: 20px; } .m-block__features-item:last-child { margin-bottom: 0; } .m-block__m-video { margin-bottom: 0; margin-right: -20px; margin-left: -20px; margin-top: 40px; } .m-block__video-link:before { width: 60px; height: 60px; } } @media screen and (max-width: 1599px) { .c-form { padding: 90px 50px; } } @media screen and (max-width: 1365px) { .c-form { padding: 80px 50px; } .c-form__row { margin-top: 70px; } .c-form__title { margin-bottom: 20px; } } @media screen and (max-width: 1279px) { .c-form { padding: 70px 0; } .c-form__title { font-size: 36px; } .c-form__row { margin-top: 50px; } } @media screen and (max-width: 767px) { .c-form { padding: 50px 0; } .c-form__row { margin-top: 0; margin-bottom: 40px; } .c-form__col { width: 100vw; margin-left: -20px; margin-right: -20px; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 20px; padding-right: 20px; margin-right: 20px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-form__title { font-size: 24px; margin-bottom: 20px; } .c-form__note { font-size: 16px; line-height: 20px; } } @media screen and (max-width: 1279px) { .s-texts { padding: 60px 0 50px 0; } .s-texts__content { padding-right: 30px; } .s-texts__content p { line-height: 26px; } .s-texts__features { width: 250px; } .s-texts__feature { font-size: 16px; line-height: 20px; margin-bottom: 40px; } .s-texts__feature:before { left: 3px; top: 8px; } } @media screen and (max-width: 767px) { .s-texts { padding: 40px 0; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .s-texts__content { margin-bottom: 25px; padding-right: 0; overflow: hidden; -webkit-transition: max-height .5s; transition: max-height .5s; } .s-texts__content p { font-size: 14px; line-height: 22px; padding-right: 0; margin-bottom: 20px; } .s-texts__content.is-cutted { max-height: 220px; } .s-texts__features { width: 100%; } .s-texts__feature:last-child { margin-bottom: 0; } .s-texts__more { margin-bottom: 35px; } .s-texts__more:last-child { margin-bottom: 0; } } @media screen and (max-width: 1599px) { .popup__inner { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } .popup__close { top: 50px; right: 50px; } } @media screen and (max-width: 1279px) { .popup { padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup__inner { padding: 100px 0; } } @media screen and (max-width: 767px) { .popup { padding: 50px 0 30px 0; display: block; } .popup__close { width: 24px; height: 24px; top: 15px; right: 15px; } .popup__inner { padding: 0; min-height: calc(100vh - 145px); } } @media screen and (max-width: 1279px) { .s-card__content { padding: 25px; } .s-card__row { height: 280px; } .s-card__top { height: 240px; } .s-card__top-name { font-size: 28px; line-height: 28px; } .s-card__icon-file { max-height: 90px; max-width: 70px; margin-bottom: 0; } .s-card__content-text { line-height: 26px; } } @media screen and (max-width: 767px) { .s-card { margin-right: 0; width: 100%; overflow: hidden; } .s-card:nth-last-child(n + 2) { border-bottom: 1px solid rgba(204, 204, 204, 0.5); padding-bottom: 20px; } .s-card:hover .s-card__content { background-color: #ffffff; } .s-card__row { height: auto; -webkit-box-shadow: 0px 10px 10px 5px #ffffff; box-shadow: 0px 10px 10px 5px #ffffff; } .s-card__row-content { background-color: #ffffff; padding: 0 10px 0 0; width: 50%; } .s-card__row-image { width: 50%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: 120px; width: 160px; } .s-card__icon { display: none; } .s-card__content { padding: 20px 0; font-size: 14px; line-height: 22px; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; position: absolute; top: -9999px; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .s-card__content--show { position: relative; top: auto; -webkit-transform: translateY(0); transform: translateY(0); } .s-card__top { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 10; -webkit-box-shadow: 0px 10px 10px 5px #ffffff; box-shadow: 0px 10px 10px 5px #ffffff; background: #ffffff; } .s-card__top-name { color: #193463; font-size: 18px; line-height: 18px; width: auto; cursor: pointer; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 10px; padding-right: 10px; } .s-card__content-arrow { color: var(--otl-gold); width: auto; height: auto; background: none; position: relative; cursor: pointer; } .s-card__content-arrow:after { content: ''; display: inline-block; margin-left: 10px; width: 26px; height: 14px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/link-more.svg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; position: absolute; top: 30%; } .s-card__content-arrow--active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .s-card__content-text { margin-bottom: 0; } .s-card__top-content { padding: 0; height: 120px; width: 55%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 160px; } } @media screen and (max-width: 1279px) { .p-services { padding: 40px 0; } } @media screen and (max-width: 767px) { .p-services { padding: 30px 0; } .p-services__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0; } } @media screen and (max-width: 1599px) { .search__container { padding-bottom: 70px; } } @media screen and (max-width: 767px) { .search { display: block; } .search__container { padding-bottom: 0; } .search__input { padding: 20px 40px; font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'Akrobat'; font-weight: 600; } .search__input::-webkit-input-placeholder { font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'Akrobat'; font-weight: 600; } .search__input::-ms-input-placeholder { font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'Akrobat'; font-weight: 600; } .search__input::placeholder { font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'Akrobat'; font-weight: 600; } .search__list { padding: 0; } .search__result { margin-top: 40px; } .search__l-item { font-size: 18px; line-height: 24px; padding-left: 40px; margin-bottom: 40px; } .search__container--page .search__all { margin-bottom: 40px; } } @media screen and (max-width: 1279px) { .message__inner { padding: 100px; width: 90%; } } @media screen and (max-width: 767px) { .message__inner { padding: 50px 20px; margin: 50px auto; position: relative; -webkit-transform: translateX(0); transform: translateX(0); left: 0; top: 0; } } @media screen and (max-width: 1400px) { .welcome__content { padding: 120px 0; } } @media screen and (max-width: 1279px) { .welcome__svg { margin-left: -340px; margin-right: -340px; } .welcome__content { padding: 100px 80px; } .welcome__title { font-size: 55px; line-height: 1; } .welcome__watch { margin-top: 50px; } } @media screen and (max-width: 767px) { .welcome { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .welcome__content { position: relative; padding: 90px 20px 0 20px; } .welcome__svg { display: none; } .welcome__title { font-size: 28px; line-height: 1; margin-bottom: 25px; max-width: 150px; } .welcome__text { font-size: 15px; line-height: 1; max-width: 160px; } .welcome__watch { margin-top: 25px; } .welcome__content:before { content: ''; position: absolute; right: 12%; top: 0; height: 55px; background-repeat: no-repeat; background-position: center; background-size: cover; width: 425px; } .welcome__content:after { content: ''; position: absolute; width: 194px; height: 261px; top: 16px; left: 55%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/main/tpl/assets/css/../images/static/welcome-majak.svg); } } @media screen and (max-width: 1365px) { .i-servs__title { margin-bottom: 40px; } .i-servs__row { padding-bottom: 70px; } } @media screen and (max-width: 1279px) { .i-servs__i-card { padding-left: 0; padding-right: 0; } .i-servs__i-card:after { width: 35px; right: -17px; top: 75px; } .i-servs__row { padding-bottom: 50px; } } @media screen and (max-width: 767px) { .i-servs__title { display: block; font-size: 24px; line-height: 1; margin-bottom: 30px; padding-right: 55px; } .i-servs__title:after { right: 0; } .i-servs__title:before { right: 15px; } .i-servs__i-card { width: 50%; } .i-servs__i-card:nth-child(2n + 2):after { display: none; } .i-servs__section { border-bottom: 1px solid #CCCCCC; margin-bottom: 30px; } .i-servs__section:last-child { border: none; margin-bottom: 50px; } .i-servs__row { padding-bottom: 20px; } } @media screen and (max-width: 1365px) { .scheme { margin-top: 75px; margin-bottom: 50px; } .scheme__icon { margin-bottom: 40px; } .scheme__top { margin-bottom: 70px; } } @media screen and (max-width: 1279px) { .scheme__icon { margin-bottom: 20px; } .scheme__top-title { font-size: 50px; line-height: 1; margin-bottom: -80px; } .scheme__title { font-size: 50px; line-height: 1; margin-bottom: 25px; } .scheme__top { margin-bottom: 50px; } .scheme__col { padding: 0 5px; } } @media screen and (max-width: 767px) { .scheme { margin-top: 20px; } .scheme--index { display: none; } .scheme__icon { display: none; } .scheme__top { margin-bottom: 35px; } .scheme__top-title { font-size: 24px; line-height: 1; margin-bottom: -20px; margin-top: 15px; } .scheme__title { font-size: 24px; line-height: 1; margin-bottom: 15px; margin-top: 15px; } .scheme__top-text { font-size: 20px; line-height: 23px; color: #8C8C8C; } .scheme__col { width: 50%; } } @media screen and (max-width: 1599px) { .i-slider__next { height: 50px; } } @media screen and (max-width: 1365px) { .i-slider__content { padding: 80px 90px; } } @media screen and (max-width: 1279px) { .i-slider__row { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .i-slider__image { width: 100%; position: relative; } .i-slider__image:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .i-slider__image > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-slider__content { width: 100%; padding: 55px 45px 55px 75px; } .i-slider__title { font-size: 30px; } .i-slider__slide { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-slider__scene-title { width: 200px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 15px; } .i-slider__scene { margin-bottom: 10px; } .i-slider__next { height: 46px; } } @media screen and (max-width: 767px) { .i-slider { max-height: none; height: autos; } .i-slider__row { margin-left: -20px; margin-right: -20px; } .i-slider__content { padding: 20px 20px 60px 20px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .i-slider__title { font-size: 24px; margin-bottom: 20px; } .i-slider__dot { margin-right: 40px; } .i-slider__dot:after { width: 40px; } .i-slider__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .i-slider__dots { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 20px; } .i-slider__scene { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .i-slider__slide { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .i-slider__scene-title { margin-bottom: 15px; } .i-slider__scene-text { font-size: 18px; line-height: 24px; } .i-slider__next { margin-left: auto; margin-right: auto; margin-top: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .i-slider__final { position: absolute; left: 20px; bottom: 20px; } .i-slider__scratch { margin-right: 30px; font-size: 14px; } } @media screen and (max-width: 1365px) { .p-cards { padding: 100px 0 80px 0; } .p-card__item { width: calc(50% - 25px); margin-right: 50px; } .p-card__item:last-child { margin-right: 0; } } @media screen and (max-width: 1279px) { .p-cards { padding: 65px 0; } .p-card__item { width: calc(50% - 15px); margin-right: 30px; } .p-card__item-main { height: 30vw; } .p-card__name { font-size: 30px; top: calc(100% - 90px); left: 35px; } .p-card__item-date { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .p-cards { padding: 40px 0; } .p-card__item { display: none; margin-right: 0; width: 100%; } .p-card__item:nth-child(1) { display: block; } .p-card__item-main { height: 69vw; } .p-card__name { font-size: 24px; top: calc(100% - 70px); } .p-cards__link { margin-top: 25px; } } @media screen and (max-width: 1279px) { .w-stats { padding: 50px 80px; } .w-stats__value { font-size: 60px; margin-bottom: 15px; } .w-stats__value:after { margin-left: 20px; } .w-stats__item { width: auto; margin-right: 70px; } .w-stats__item:last-child { margin-right: 0; } .w-stats__text { font-size: 18px; line-height: 1; } .w-stats__row { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .w-stats { position: relative; padding: 70px 20px 60px 20px; } .w-stats:before { content: ''; position: absolute; top: 30px; left: 20px; background-repeat: no-repeat; background-size: cover; width: 390px; height: 60px; } .w-stats__value { font-size: 24px; line-height: 1; } .w-stats__value:after { width: 15px; margin-left: 10px; margin-bottom: -2px; } .w-stats__item { margin-right: 15px; } .w-stats__item:last-child { margin-right: 0; } .w-stats__text { font-size: 15px; } .w-stats__note { font-size: 14px; text-align: left; } } @media screen and (max-width: 1279px) { .i-card { padding-left: 0; padding-right: 0; } .i-card__image-file { max-width: 75px; } .i-card__image { height: 125px; width: 120px; margin: 0 auto 10px auto; margin-bottom: 10px; } .i-card__name { font-size: 18px; line-height: 1; } } @media screen and (max-width: 767px) { .i-card__image { height: 100px; width: 100px; } .i-servs__i-card .lottie svg { height: 100px !important; } } @media screen and (max-width: 1279px) { .i-map { min-height: 810px; } .i-map__content { padding-top: 70px; } .i-map__title { font-size: 50px; } .i-map__buttons { margin-bottom: 40px; } .i-map__checks__item { margin-right: 0; padding-right: 20px; } .i-map__checks { -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .i-map__checks-label:before { -webkit-transform: translateY(0); transform: translateY(0); top: 0; } } @media screen and (max-width: 767px) { .i-map { display: none; } } @media screen and (max-width: 1279px) { .pricing { margin: 115px 0 100px 0; padding: 70px; } .pricing:before { height: 110px; top: -77px; } .pricing__row { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .pricing__item { width: 100%; display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto; grid-template-areas: "title content" "bottom content" "bottom content"; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #CCCCCC; } .pricing__item:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .pricing__item-title { grid-area: title; margin-bottom: 15px; } .pricing__item-features { grid-area: content; margin-bottom: 0; } .pricing__item-bottom { grid-area: bottom; margin-top: 0; grid-row-start: 2; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .pricing__item-price { padding-left: 0; margin-bottom: 15px; color: #999; } .pricing__more-main { padding-right: 0; width: 100%; margin-bottom: 30px; } .pricing__more-inner { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .pricing__more-text { width: 100%; } .pricing__more-title { margin-bottom: 50px; } } @media screen and (max-width: 767px) { .pricing { margin-top: 0; padding-top: 0; padding-left: 0; padding-right: 0; margin-bottom: 0; padding-bottom: 45px; } .pricing:before { width: 90px; height: 75px; top: 30px; } .pricing__item { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 0; margin-bottom: 0; } .pricing__item-features { display: none; } .pricing__item-title { text-align: center; font-size: 24px; line-height: 1.2; margin-bottom: 10px; } .pricing__item-bottom { -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pricing__item-price { text-align: center; } .pricing__more { padding-top: 25px; } .pricing__more-title { font-size: 30px; line-height: 1.2; margin-bottom: 30px; } .pricing__more-inner { display: block; } .pricing__more-main { width: 100%; padding-right: 0; margin-bottom: 30px; font-size: 20px; line-height: 1.3; } .pricing__more-text { width: 100%; } .pricing__more-buttons { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pricing__more-btn { margin-bottom: 20px; } .pricing__more-btn:last-child { margin-bottom: 0; } } @media screen and (max-width: 1279px) { .i-partners__title { margin-bottom: 45px; } .i-partners__image { max-width: 80%; } .i-partners__slide { height: 27vw; } .i-partners__nav { margin-top: 40px; padding-right: 0; } } @media screen and (max-width: 767px) { .i-partners { padding: 30px 0; } .i-partners__slide { background-color: transparent; } .i-partners__nav { margin-top: 0; } .i-partners__title { margin-bottom: 0; } .i-projects__arr { width: 22px; height: 20px; margin-right: 15px; } } @media screen and (max-width: 1365px) { .docs--index { padding-top: 50px; } .docs__item-title { width: 500px; font-size: 58px; } .docs__item-row { padding-top: 0; } } @media screen and (max-width: 1279px) { .docs { margin-bottom: 30px; } .docs .d-slider__more { margin: 0 auto; } .docs__item-inner { padding-left: 0; padding-right: 0; padding-bottom: 0; } .docs__item-title { width: 100%; margin-right: 0; margin-bottom: 40px; } .docs__items-row { padding-left: 135px; } } @media screen and (max-width: 767px) { .docs__items-row { padding-left: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .doc__name { font-size: 15px; } .doc__image { margin-bottom: 7px; } .docs__item-title { margin-bottom: 20px; } .docs { margin-top: 20px; } .docs--index { margin-bottom: 10px; margin-top: 0; padding-top: 0; } .docs--index .docs__item-col { display: none; width: auto; } .docs--index .docs__item-col:nth-child(-n+3) { display: block; } .docs--index .docs__item-title { padding-left: 50px; font-size: 28px; line-height: 1; } .docs--index .docs__item-title:before { width: 35px; top: 15px; } .docs--index .docs__item-inner { padding-top: 0 !important; } .docs--custom { border-top: 1px solid #CCCCCC; } .docs--custom .docs__item-title { font-size: 24px; font-weight: 600; color: var(--otl-blue); position: relative; display: inline-block; cursor: pointer; width: auto; max-width: 100%; margin-bottom: 0; padding: 25px 60px 25px 0; } .docs--custom .docs__item-title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; right: 0px; margin-left: 30px; margin-bottom: -11px; background-color: #F2F2F2; background-position: center; background-repeat: no-repeat; background-size: 17px 10px; } .docs--custom .docs__item-title:before { content: ''; position: absolute; width: 16px; height: 12px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-servs-arr.svg); background-position: center; background-repeat: no-repeat; z-index: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; left: auto; background-color: transparent; } .docs--custom .docs__item-title.is-active:before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .docs--custom .docs__item-title--big { font-size: 28px; } .docs--custom .docs__item-inner { padding-top: 10px; } .docs--page { margin-top: 0; } .docs--page .docs__item-title { font-size: 24px; font-weight: 600; color: var(--otl-blue); position: relative; display: inline-block; cursor: pointer; width: auto; max-width: 100%; margin-bottom: 0; padding: 25px 60px 25px 0; line-height: 1; width: 100%; } .docs--page .docs__item-title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; right: 0px; margin-left: 30px; margin-bottom: -11px; background-color: #F2F2F2; background-position: center; background-repeat: no-repeat; background-size: 17px 10px; } .docs--page .docs__item-title:before { content: ''; position: absolute; width: 16px; height: 12px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-servs-arr.svg); background-position: center; background-repeat: no-repeat; z-index: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; left: auto; background-color: transparent; } .docs--page .docs__item-title.is-active:before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .docs--page .docs__item-title--big { font-size: 28px; } .docs--page .docs__item-inner { padding-top: 0; border-top: 1px solid #CCCCCC; } .docs--page .docs__item-col { width: 33.333%; } .docs--page .p-section__content { padding-bottom: 10px; } } @media screen and (max-width: 1365px) { .m-banner { padding: 75px; } } @media screen and (max-width: 1279px) { .m-banner { padding: 65px 40px; } .m-banner__txt-box { width: 230px; } .m-banner__num { font-size: 96px; } .m-banner__txt--big { font-weight: 600; } } @media screen and (max-width: 767px) { .m-banner { padding: 45px 35px; margin-bottom: 60px; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .m-banner__txt-box { width: 100%; } .m-banner__txt { font-size: 18px; left: 24px; margin-bottom: 15px; } .m-banner__txt--big { font-size: 24px; line-height: 1; margin-bottom: 20px; } .m-banner__num { font-size: 36px; margin-bottom: 30px; } } @media screen and (max-width: 767px) { .i-section { margin: 0; padding: 0; background-color: transparent; } } @media screen and (max-width: 1365px) { .s-article { margin-bottom: 80px; padding-left: 0; } .s-article__content { padding-right: 40px; padding-top: 25px; padding-bottom: 25px; width: 43%; } .s-article__media { width: 57%; min-width: 0; } .s-article__more { margin-top: 40px; } } @media screen and (max-width: 1279px) { .s-article { margin-top: 30px; } .s-article__content { width: 50%; padding-top: 0; } .s-article__media { width: calc(50% - -50px); margin-right: -50px; } .s-article__image { height: 305px; width: 100%; } .s-article__image:before { display: none; } .s-article__text { padding-right: 0; } .s-article__text p { font-size: 20px; line-height: 30px; } } @media screen and (max-width: 767px) { .s-article { margin-top: 35px; margin-bottom: 40px; } .s-article__row { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .s-article__content { width: 100%; padding-right: 0; padding-bottom: 35px; } .s-article__text p { font-size: 18px; line-height: 24px; } .s-article__text.is-cutted { max-height: 144px; } .s-article__more { font-size: 18px; margin-top: 20px; } .s-article__media { width: 100%; margin-left: 0; margin-right: 0; } .s-article__image { height: auto; position: relative; } .s-article__image:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .s-article__image > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .s-article__title { font-size: 24px; font-weight: 600; color: var(--otl-blue); position: relative; display: inline-block; cursor: pointer; width: auto; max-width: 100%; margin-bottom: 0; padding: 25px 60px 25px 0; } .s-article__title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; right: 0px; margin-left: 30px; margin-bottom: -11px; background-color: #F2F2F2; background-position: center; background-repeat: no-repeat; background-size: 17px 10px; } .s-article__title:before { content: ''; position: absolute; width: 16px; height: 12px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-servs-arr.svg); background-position: center; background-repeat: no-repeat; z-index: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; left: auto; background-color: transparent; } .s-article__title.is-active:before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .s-article__title--big { font-size: 28px; } } @media screen and (max-width: 767px) { .p-section__item { border-top: 1px solid #CCCCCC; } .p-section__item .s-article { margin-top: 0; margin-bottom: 0; padding-bottom: 0; } .p-section__title { font-size: 24px; font-weight: 600; color: var(--otl-blue); position: relative; display: inline-block; cursor: pointer; width: auto; max-width: 100%; margin-bottom: 0; padding: 25px 60px 25px 0; } .p-section__title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; right: 0px; margin-left: 30px; margin-bottom: -11px; background-color: #F2F2F2; background-position: center; background-repeat: no-repeat; background-size: 17px 10px; } .p-section__title:before { content: ''; position: absolute; width: 16px; height: 12px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/tpl/assets/css/../images/static/i-servs-arr.svg); background-position: center; background-repeat: no-repeat; z-index: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; left: auto; background-color: transparent; } .p-section__title.is-active:before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .p-section__title--big { font-size: 28px; } .p-section__content { width: 100%; padding-bottom: 30px; } .p-section__content--wide { width: auto; padding: 0 20px; margin-left: -20px; margin-right: -20px; } .p-section__content .s-announce { margin-top: 10px; } } @media screen and (max-width: 767px) { .s-item { margin-bottom: 35px; } .s-item__image { height: 70px; } .s-item__name { font-size: 15px; line-height: 1; } } @media screen and (max-width: 1279px) { .n-note { margin: 60px 0; } .n-note__title { line-height: 30px; margin-top: 0; margin-bottom: 30px; } .n-note__text--big { line-height: 24px; } .n-note__content { padding: 25px 15px 25px 45px; width: 45%; min-height: 280px; } .n-note__media { width: 55%; } } @media screen and (max-width: 767px) { .n-note { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .n-note--reverse .n-note__content { padding-left: 0; padding-right: 0; padding-bottom: 70px; padding-top: 0; } .n-note__media { width: 100%; } .n-note__content { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0; min-height: 0; } .n-note__title { font-size: 18px; line-height: 24px; } } @media screen and (max-width: 1599px) { .popup__inner { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } .popup__close { top: 50px; right: 50px; } } @media screen and (max-width: 1279px) { .popup { padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup__inner { padding: 100px 0; } } @media screen and (max-width: 767px) { .popup { padding: 50px 0 30px 0; display: block; } .popup__close { width: 24px; height: 24px; top: 15px; right: 15px; } .popup__inner { padding: 0; min-height: calc(100vh - 145px); } } @media screen and (max-width: 1279px) { .s-card__content { padding: 25px; } .s-card__row { height: 280px; } .s-card__top { height: 240px; } .s-card__top-name { font-size: 28px; line-height: 28px; } .s-card__icon-file { max-height: 90px; max-width: 70px; margin-bottom: 0; } .s-card__content-text { line-height: 26px; } } @media screen and (max-width: 767px) { .s-card { margin-right: 0; width: 100%; overflow: hidden; } .s-card:nth-last-child(n + 2) { border-bottom: 1px solid rgba(204, 204, 204, 0.5); padding-bottom: 20px; } .s-card:hover .s-card__content { background-color: #ffffff; } .s-card__row { height: auto; -webkit-box-shadow: 0px 10px 10px 5px #ffffff; box-shadow: 0px 10px 10px 5px #ffffff; } .s-card__row-content { background-color: #ffffff; padding: 0 10px 0 0; width: 50%; } .s-card__row-image { width: 50%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: 120px; width: 160px; } .s-card__icon { display: none; } .s-card__content { padding: 20px 0; font-size: 14px; line-height: 22px; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; position: absolute; top: -9999px; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .s-card__content--show { position: relative; top: auto; -webkit-transform: translateY(0); transform: translateY(0); } .s-card__top { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 10; -webkit-box-shadow: 0px 10px 10px 5px #ffffff; box-shadow: 0px 10px 10px 5px #ffffff; background: #ffffff; } .s-card__top-name { color: #193463; font-size: 18px; line-height: 18px; width: auto; cursor: pointer; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 10px; padding-right: 10px; } .s-card__content-arrow { color: var(--otl-gold); width: auto; height: auto; background: none; position: relative; cursor: pointer; } .s-card__content-arrow:after { content: ''; display: inline-block; margin-left: 10px; width: 26px; height: 14px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/tpl/assets/css/../images/static/link-more.svg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; position: absolute; top: 30%; } .s-card__content-arrow--active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .s-card__content-text { margin-bottom: 0; } .s-card__top-content { padding: 0; height: 120px; width: 55%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 160px; } } @media screen and (max-width: 1279px) { .price__t-title { margin-right: 20px; } .price__t-row { width: 100%; } .price__t-title { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-bottom: 10px; } .price__t-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .price__row:nth-last-child(n + 2) { margin-bottom: 50px; } .price__row--contacts { width: 100%; max-width: 430px; margin: 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .price__col { width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 20px; } .price__col:nth-child(n) { margin-bottom: 20px; } .price__col:last-child { margin-bottom: 0; } .price__c-title { min-width: 115px; } } @media screen and (max-width: 767px) { .price__t-title { font-size: 20px; margin-bottom: 20px; } .price__t-title:before { top: 0; } .price__row { -ms-flex-negative: 0; flex-shrink: 0; width: 100vw; margin: 0 -20px; padding: 0 20px; margin-right: 20px; } .price__t-col { width: 100%; margin-bottom: 35px; } .price__t-col:last-child { margin-bottom: 0; } .price__col { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .price__input { font-size: 16px; } .price__row { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .price__row:nth-last-child(n+2) { margin-bottom: 40px; } .price__col { width: 100%; margin-bottom: 25px; } .price__col:nth-child(n) { margin-bottom: 25px; } .price__col:last-child { margin-bottom: 0; } .price__b-col { width: 100%; margin-bottom: 40px; } .price__drop { min-height: 80px; padding: 20px 30px; } .price__drop .complete { margin-top: 0; } } @media screen and (max-width: 1279px) { .message__inner { padding: 100px; width: 90%; } } @media screen and (max-width: 767px) { .message__inner { padding: 50px 20px; margin: 50px auto; position: relative; -webkit-transform: translateX(0); transform: translateX(0); left: 0; top: 0; } } @media screen and (max-width: 1279px) { .s-faq { padding: 25px 50px; } } @media screen and (max-width: 767px) { .s-faq { margin-left: -20px; margin-right: -20px; padding: 20px; } .faq__item-title { font-size: 18px; line-height: 1; padding: 20px 25px 20px 0; } .faq__item-title:before, .faq__item-title:after { width: 15px; height: 15px; } .faq__item-answer { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 1279px) { .contacts__card { width: 350px; padding: 70px 30px 65px 80px; } .contacts__card-title { font-size: 55px; } .contacts__card-block { padding-left: 60px; margin-bottom: 30px; } .contacts__card-text { font-size: 16px; line-height: 20px; } .contacts__card-link { font-size: 20px; } .contacts__card-email { font-size: 16px; } .contacts__map:before { content: 'Чтобы переместить карту, проведите по ней двумя пальцами'; position: absolute; left: 420px; right: 20px; text-align: center; color: #fff; top: 70%; z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .map-pan-touched .contacts__map:before { opacity: 1; visibility: visible; } } @media screen and (max-width: 767px) { .contacts { padding-top: 300px; padding-bottom: 130px; } .contacts__card { padding: 50px 20px 50px 50px; width: 100%; } .contacts__card-title { font-size: 28px; margin-bottom: 30px; } .contacts__card-block:before { top: 12px; } .contacts__card-link, .contacts__card-email { line-height: 20px; } .contacts__card-soc { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__map:before { top: 200px; left: 0; right: 0; font-size: 14px; padding: 0 20px; } } @media screen and (max-width: 767px) { .s-images { margin-left: -20px; margin-right: -20px; } .s-images img { width: 100%; margin-right: 0; margin-bottom: 7px; } .s-images img:last-child { margin-bottom: 0; } .s-images--one img { min-height: 0; } } @media screen and (max-width: 1279px) { .form--main { padding: 0; } } @media screen and (max-width: 767px) { .form__wrap-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form__prev, .form__next { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 10px; padding: 20px 35px; } .form__prev--active, .form__next--active { visibility: visible; z-index: 1; position: relative; } .form__row--slider { margin-bottom: 30px; width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .form__btn, .form__prev, .form__next { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; -webkit-transition: opacity .3s, visibility .3s, color .3s, background-color .3s, border-color .3s, -webkit-transform .3s; transition: opacity .3s, visibility .3s, color .3s, background-color .3s, border-color .3s, -webkit-transform .3s; transition: opacity .3s, visibility .3s, transform .3s, color .3s, background-color .3s, border-color .3s; transition: opacity .3s, visibility .3s, transform .3s, color .3s, background-color .3s, border-color .3s, -webkit-transform .3s; } .form__btn, .form__prev { opacity: 0; visibility: hidden; } .form__prev--visible { opacity: 1; visibility: visible; -webkit-transform: translate(-122px, -50%); transform: translate(-122px, -50%); } .form__prev--moved { -webkit-transform: translate(-135px, -50%); transform: translate(-135px, -50%); } .form__next--visible { opacity: 1; visibility: visible; -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); } .form__next--hidden { opacity: 0; visibility: hidden; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .form__btn { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 20px 15px; white-space: nowrap; } .form__btn--visible { opacity: 1; visibility: visible; -webkit-transform: translate(-4px, -50%); transform: translate(-4px, -50%); } .form__title { margin-bottom: 15px; } .form__txt a { display: block; } .form__wrap-controls { position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px; margin-top: 0; } .form-bg--dark { padding: 45px 0; } .form__name { font-size: 24px; line-height: 1; margin-bottom: 15px; } .form__sub-name { display: none; font-size: 20px; } .form__header { margin-bottom: 20px; } .form__textarea { height: 80px; padding: 20px 30px; font-size: 14px; line-height: 20px; } .form__inner { overflow: hidden; } .form__succes { width: 90%; padding: 50px 20px; } .form__succes .popup__close { right: 20px; top: 20px; } .form__s-title { font-size: 30px; margin-bottom: 40px; } .form__s-desc { font-size: 20px; line-height: 1.3; } .form__col:nth-last-child(n + 2) { margin-bottom: 30px; } .form__txt { margin-bottom: 20px; } .form__row .form__btn { -webkit-transform: translate(0, 0); transform: translate(0, 0); position: relative; margin: 0; visibility: visible; opacity: 1; left: 0; top: 0; } .form__row .form__btn--visible { -webkit-transform: translateX(50%); transform: translateX(50%); } } @media screen and (max-width: 767px) { .f-steps { width: 100%; max-width: 180px; margin: 30px auto 70px auto; } .f-steps--grey .f-steps__line:before { background-color: #BFBFBF; } .f-steps--grey .f-steps__dot { background-color: #BFBFBF; } .f-steps--grey .f-steps__dot:after { color: #BFBFBF; } .f-steps__line { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; counter-reset: list 0; } .f-steps__line:before { content: ''; position: absolute; left: 0; right: 0; height: 1px; background-color: #24467C; } .f-steps__dot { position: relative; width: 10px; height: 10px; border-radius: 50%; background-color: var(--otl-blue); -webkit-transition: background-color .3s; transition: background-color .3s; } .f-steps__dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: var(--otl-gold); opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .f-steps__dot.is-active { background-color: var(--otl-gold); } .f-steps__dot.is-active:before { opacity: .6; } .f-steps__dot.is-active:after { color: var(--otl-gold); } .f-steps__dot:after { counter-increment: list; content: "Шаг " counter(list); color: #516E9B; font-size: 18px; -webkit-transition: color .3s; transition: color .3s; position: absolute; top: calc(100% - -10px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } } @media screen and (max-width: 1365px) { .n-found { padding-bottom: 100px; } } @media screen and (max-width: 1279px) { .n-found { padding-top: 100px; padding-bottom: 60px; } } @media screen and (max-width: 767px) { .n-found { padding-bottom: 100px; padding-top: 40px; } .n-found__404 { max-width: 250px; height: 130px; } .n-found__title { margin-top: 30px; } .n-found__back { margin-top: 0; } } @media screen and (max-width: 1365px) { .b-box { padding: 80px 50px 80px 160px; } .b-box__title { width: 100%; } } @media screen and (max-width: 1279px) { .b-box { padding: 80px 50px 60px 160px; } .b-box__title { width: calc(100% - -110px); margin-left: -110px; padding-left: 110px; font-size: 36px; line-height: 36px; margin-bottom: 60px; } .b-box__desc { font-size: 20px; line-height: 30px; } .b-box__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-box__col:nth-child(n) { width: 100%; } .b-box__col:first-child { margin-bottom: 30px; } .b-box__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .b-box__l-item { padding-left: 20px; padding-right: 20px; width: 50%; } } @media screen and (max-width: 767px) { .b-box { padding: 50px 20px 50px 80px; width: 100vw; margin: 0 -20px; } .b-box__title { width: calc(100% - -60px); margin-left: -60px; padding-left: 60px; font-size: 24px; line-height: 24px; margin-bottom: 20px; } .b-box__title::before { width: 40px; top: 15px; } .b-box__desc { font-size: 18px; line-height: 24px; } .b-box__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-box__l-item { width: 100%; font-size: 16px; line-height: 20px; margin-bottom: 15px; } } @media screen and (max-width: 1599px) { .d-slider { max-width: 600px; margin: 20px auto 0 auto; } } @media screen and (max-width: 1279px) { .d-slider { max-width: 100%; } .d-slider__nav { width: 100%; margin: 0; } .d-slider__scene { padding: 0; } } @media screen and (max-width: 1279px) { .d-slider { margin-bottom: 20px; } .d-slider__item { margin-bottom: 20px; } .d-slider__item:nth-child(n) { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .d-slider__more { margin-top: 20px; -ms-flex-item-align: center; align-self: center; } } @media screen and (max-width: 1599px) { .team { height: 50vw; } } @media screen and (max-width: 1279px) { .team__name { font-size: 32px; line-height: 32px; } .team__name:after { width: 60px; left: -80px; } .team__post { font-size: 17px; line-height: 17px; } .team #member_08 .team__n-wrap { left: 60%; top: 50%; } .team #member_07 .team__n-wrap { left: 25%; top: 50%; } .team #member_07 .team__name:after { left: auto; right: -70px; } .team #member_06 .team__n-wrap { left: 30%; top: 50%; } .team #member_06 .team__name:after { left: auto; right: -70px; } .team #member_04 .team__n-wrap { left: 40%; top: 50%; } .team #member_04 .team__name:after { left: auto; right: -70px; } .team #member_01 .team__n-wrap { left: 50%; top: 50%; } .team #member_01 .team__name:after { left: auto; right: -70px; } .team #member_05 .team__n-wrap { left: 45%; top: 50%; } .team #member_03 .team__n-wrap { left: 35%; top: 50%; } .team #member_02 .team__n-wrap { left: 30%; top: 45%; } } @media screen and (max-width: 767px) { .team-wrap { margin-bottom: -10px; } .team__icons { display: none; } .team__bottom { display: block; width: 100%; position: relative; height: 100px; } .team__bottom .team__n-wrap { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; -webkit-transform: none; transform: none; text-align: center; } .team__bottom .team__n-wrap--show { opacity: 1; } .team__bottom .team__post { font-size: 15px; } .team__bottom .team__name { font-size: 18px; line-height: 18px; } .team__bottom .team__name:after { display: none; } .team__b-wrap { position: relative; width: 100%; height: 100%; } .team__b-arrows { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .team__arrow { position: relative; } .team__arrow:after { content: ''; width: 150%; height: 150%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .team__arrow--next, .team__arrow--prev { width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; cursor: pointer; -webkit-transition: .1s linear; transition: .1s linear; position: relative; z-index: 2; } .team__arrow--next:active, .team__arrow--prev:active { -webkit-transform: scale(0.9); transform: scale(0.9); } .team__arrow--prev { background-image: url(/local/templates/main/tpl/assets/css/../images/static/s-slider-prev.svg); } .team__arrow--next { background-image: url(/local/templates/main/tpl/assets/css/../images/static/s-slider-next.svg); } } @media screen and (max-width: 1599px) { .n-map__content { padding: 80px 50px 50px 50px; } } @media screen and (max-width: 1279px) { .n-map__top-title { font-size: 60px; } .n-map__items-row:after { right: 46%; } } @media screen and (max-width: 767px) { .n-map { background-size: 1000px 800px; } .n-map__content { padding: 80px 10px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .n-map--opened .n-map__content { display: block; } .n-map__items-row:after { right: 51%; } .n-map__top-title { font-size: 32px; line-height: 1; margin-bottom: 20px; } .n-map__top-subtitle { font-size: 16px; line-height: 1; max-width: 170px; margin: 0 auto 110px auto; } .n-map__top { width: 100%; } .n-map__item { margin: 0 20px; } .n-map__item:after { right: -23px; } .n-map__item:first-child { margin-left: 10px; } .n-map__item:first-child .n-map__item-input:checked + .n-map__item-label { padding-left: 30px; padding-right: 15px; } .n-map__item:last-child { margin-right: 10px; } .n-map__item-label { padding-right: 45px; } .n-map__item-label:after { right: -10px; } .n-map__item-input:checked + .n-map__item-label { padding-left: 45px; } .n-map__item:last-child .n-map__item-input:checked + .n-map__item-label { padding-right: 45px; } .n-table__head .n-table__item { height: 60px; } .n-table__head .n-table__item:after { width: 30px; height: 30px; background-size: 7px 12px; margin-left: 0; display: block; margin-top: 5px; } .n-table__body .n-table__item { font-size: 16px; } .n-table__icon { width: 50px; height: 30px; } } @media screen and (max-width: 1599px) { .n-table { margin-top: 100px; } } @media screen and (max-width: 1279px) { .n-table { padding: 0; width: 100%; } .n-table__head .n-table__item { line-height: 1; } .n-table__head .n-table__item--time { padding-right: 20px; } .n-table__item--time { width: 160px; } .n-table__item--vehicle { width: 225px; } .n-table__item--placement { width: auto; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } } @media screen and (max-width: 767px) { .n-table { width: auto; margin-top: 80px; padding: 0; } .n-table__item--time { width: 60px; padding-right: 10px; } .n-table__item--vehicle { width: 100px; } .n-table__item--placement { width: auto; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 190px; } .n-table__head .n-table__item { font-size: 18px; line-height: 24px; } .n-table__all { font-size: 21px; padding-top: 30px; margin-top: 20px; } .n-table__all:after { width: 20px; height: 15px; } .n-table__list--opened { margin-bottom: 0; } .n-table__icon { width: 40px; height: 26px; } } @media screen and (max-width: 1279px) { .arrowup { display: none; } } @media screen and (max-width: 1599px) { .footer__row { padding: 85px 50px 55px 50px; } } @media screen and (max-width: 1279px) { .footer__col:first-child { margin-right: 50px; } .footer__row { padding: 60px 0 50px 0; } .footer__s-item:nth-last-child(n + 2) { margin-right: 18px; } .footer__l-wrap { margin-bottom: 50px; } .footer__c-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__c-row:last-child { margin-top: 30px; } .footer__c-row--m-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__c-row--m-row .footer__c-col { width: auto; } .footer__c-col { width: 100%; } .footer__c-box--m-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 20px; } } @media screen and (max-width: 767px) { .footer__logo { width: 95px; height: 40px; } .footer__s-item { -ms-flex-negative: 0; flex-shrink: 0; } .footer__txt { font-size: 16px; line-height: 20px; } .footer__s-item { width: 40px; height: 40px; } .footer__c-row--m-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__col { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer__col:first-child { margin-right: 10%; } .footer__col:nth-child(n) { width: auto; } .footer__l-wrap { margin-bottom: 0; } .footer__c-row:last-child { margin-top: 20px; } .footer__c-col { margin-bottom: 10px; } .footer__c-col:last-child { margin-top: 0; } .footer__row { padding: 50px 0; } .footer__c-box--m-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .footer .link--gold { width: auto; } } @media screen and (max-width: 1599px) { .header__icon:nth-last-child(n + 2) { margin-right: 28px; } .header__r-wrap { -ms-flex-negative: 0; flex-shrink: 0; } } @media screen and (max-width: 1279px) { .header__icon:nth-last-child(n + 2) { margin-right: 24px; } .header__i-box { margin-left: 20px; } .header__hamb { margin-right: 30px; } .header__logo { width: 95.8px; height: 39.8px; } .header .header__n-item:nth-child(n + 3) { display: none; } .header__n-item { font-size: 14px; line-height: 14px; } .header__n-item:nth-last-child(n + 2) { margin-right: 30px; } } @media screen and (max-width: 767px) { .header { position: fixed; } .header .header__n-item, .header .header__btn { display: none; } .header__i-box { margin-left: 0; } .header__row { padding: 15px 0; } .header__nav--hide { display: none; } .header__logo { width: 80px; height: 33px; } .header__hamb { -ms-flex-negative: 0; flex-shrink: 0; } .header__icon:nth-last-child(n + 2) { margin-right: 18px; } .header__btn { background: var(--otl-blue); border-color: var(--otl-blue); -webkit-box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); color: #fff; margin: 30px 0 0 0; } .header__btn:hover { background: var(--otl-blue); border-color: var(--otl-blue); -webkit-box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); box-shadow: 0 0 1px 0px var(--otl-blue) inset, 0 0 1px 0px var(--otl-blue); } .header__btn { font-size: 16px; margin-top: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .burger-open__l-item { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__n-item--strong { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__n-item--strong + .header__n-item--strong { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media screen and (max-width: 767px) { .dz-message__mobile { display: block; text-align: center; color: var(--otl-gold); } .dz-message__desktop { display: none; } .price__drop { border-color: var(--otl-gold); display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1279px) { .arrowup { display: none; } } /* End */ /* Start:/local/templates/main/tpl/assets/css/lib/owl.carousel.css?16145829993650*/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0, 0, 0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;margin:auto}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0 !important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/main/tpl/assets/css/lib/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/main/tpl/assets/css/lib/youtube.css?16145829992051*/ .YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.8);top:0;left:0;z-index:9999999999999}.YouTubePopUp-animation{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUp;animation-name:YouTubePopUp}@-webkit-keyframes YouTubePopUp{0%{opacity:0}100%{opacity:1}}@keyframes YouTubePopUp{0%{opacity:0}100%{opacity:1}}body.logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998}.YouTubePopUp-Content{max-width:100%;display:block;margin:0 auto;height:100%;position:relative}.YouTubePopUp-Content iframe{max-width:138.7vh !important;width:100% !important;display:block !important;height:78vh !important;border:none !important;position:absolute;top:50%;left:50%;margin:auto 0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.YouTubePopUp-Hide{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUpHide;animation-name:YouTubePopUpHide}@-webkit-keyframes YouTubePopUpHide{0%{opacity:1}100%{opacity:0}}@keyframes YouTubePopUpHide{0%{opacity:1}100%{opacity:0}}.YouTubePopUp-Close{position:absolute;top:30px;cursor:pointer;bottom:initial;right:30px;margin:auto 0;width:24px;height:24px;z-index:5;background-size:24px 24px;-webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px;color:#fff}.YouTubePopUp-Close:after{position:absolute;left:-2px;top:-16px;display:block;font-size:46px;font-weight:100;content:'+';-webkit-transform:rotate(45deg);transform:rotate(45deg)}.YouTubePopUp-Close:hover{opacity:0.5}@media all and (max-width: 768px) and (min-width: 10px){.YouTubePopUp-Content{max-width:90%}.YouTubePopUp-Close{left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media all and (max-width: 600px) and (min-width: 10px){.YouTubePopUp-Content iframe{height:320px !important}.YouTubePopUp-Close{top:20px;right:20px}} /* End */ /* Start:/local/templates/main/tpl/assets/css/lib/jquery.fancybox.css?161458299915088*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71);transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s ease, visibility 0s ease .25s;transition:opacity .25s ease, visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;-webkit-transition:opacity .25s ease 0s, visibility 0s ease 0s;transition:opacity .25s ease 0s, visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity, -webkit-transform;-webkit-transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity, -webkit-transform;-webkit-transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable='true']{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,0.6);border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px 25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:'';display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate 1s linear infinite;animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.25, 1);transition-timing-function:cubic-bezier(0, 0, 0.25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0.5, 0.5, 0.5);transform:scale3d(0.5, 0.5, 0.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);transform:scale3d(1, 1, 1) translate3d(0, 0, 0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg);transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}@media all and (max-height: 576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/template_styles.css?1726853793401*/ #system_loading { position: fixed; display: none; right: 10px; top: 10px; z-index: 99999; background: #0d0d0d; border: 1px solid #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0.8; padding: 10px 15px; line-height: 32px; font-size: 18px; color: #fff; text-indent: 5px; text-align: center; } /* End */ /* /local/templates/main/tpl/template/libs/swiper/css/swiper-bundle.min.css?173028870316470 */ /* /local/templates/main/tpl/template/css/module.css?179249474083024 */ /* /local/templates/main/tpl/assets/css/lib/dropzone.css?16145829996254 */ /* /local/templates/main/tpl/assets/css/main.css?1792494740158820 */ /* /local/templates/main/tpl/assets/css/media.css?1792494740107160 */ /* /local/templates/main/tpl/assets/css/lib/owl.carousel.css?16145829993650 */ /* /local/templates/main/tpl/assets/css/lib/youtube.css?16145829992051 */ /* /local/templates/main/tpl/assets/css/lib/jquery.fancybox.css?161458299915088 */ /* /local/templates/main/template_styles.css?1726853793401 */