/* Start:/local/templates/main/css/swiper-bundle.min.css?175075525918468*/ /** * Swiper 11.2.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 10, 2025 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-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-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/css/form-components.css?175075525923990*/ @charset "utf-8"; /*CSS3*/ /* Template developer: Elesin Alexander Skype: virusanja */ .fc-component { --fComponent-select-main-color: white; --fComponent-select-bg-color: white; --fComponent-select-padding-v: 5px; --fComponent-select-padding-h: 10px; --fComponent-font-size: 16px; --fComponent-line-height: 1.3; --fComponent-input-height: 50px; --fComponent-error-color: red; --fComponent-placeholder-color: grey; --fComponent-scroll-bar-width: 3px; --fComponent-scroll-bar-track-bg: grey; --fComponent-scroll-bar-thumb-bg: black; --fc-input-fs: var(--fComponent-font-size, inherit); --fc-input-v-padding: 5px; --fc-em-border: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } /*custom select*/ .fc-select { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: black; font-size: var(--fComponent-font-size); position: relative; background-color: var(--fComponent-select-bg-color); min-width: 50px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; min-height: var(--fComponent-input-height); z-index: 1; vertical-align: middle; } .fc-select-title { -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; border: none; padding: var(--fComponent-select-padding-v) var(--fComponent-select-padding-h); text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; line-height: 1; width: 100%; text-align: left; background-color: var(--fComponent-select-bg-color); position: relative; } .fc-select-title-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .fc-select.fc-ready .fc-select-title-wrapper { opacity: 1; } .fc-selected-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; visibility: hidden; opacity: 0; } .fc-select.fc-ready .fc-selected-text { -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .fc-select-title-placeholder { position: absolute; top: auto; bottom: auto; left: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--fComponent-select-bg-color); visibility: visible; padding-left: var(--fComponent-select-padding-h); padding-right: var(--fComponent-select-padding-h); } .fc-select.fc-ready .fc-select-title-placeholder { -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .fc-select.selected .fc-select-title-placeholder { opacity: 0; visibility: hidden; } .fc-select.selected .fc-selected-text { opacity: 1; visibility: visible; } .fc-selected-text span { display: inline; } .fc-selected-text span:not(:first-child):before { content: ', '; } .fc-select-title:after { content: '\25BC'; -ms-flex-negative: 0; flex-shrink: 0; line-height: 1; -ms-flex-item-align: center; align-self: center; -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .fc-select.open .fc-select-title:after { -webkit-transform: scale(1, -1) translateZ(0); transform: scale(1, -1) translateZ(0); } .fc-select-drop-down { border: none; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; position: absolute; overflow: hidden; top: 100%; left: 0; right: 0; margin-top: -1px; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -webkit-transform-origin: center top; transform-origin: center top; visibility: hidden; opacity: 0; -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, transform 300ms; transition: opacity 300ms, visibility 300ms, transform 300ms, -webkit-transform 300ms; background-color: var(--fComponent-select-bg-color); z-index: -1; } .fc-select-scroll { max-height: 200px; overflow: hidden; overflow-y: auto; } .fc-select-list button { text-decoration: none; display: block; padding: var(--fComponent-select-padding-v) var(--fComponent-select-padding-h); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; border: none; width: 100%; text-align: left; background-color: transparent; } .fc-select-list button:hover { background-color: #eaeaea; } .fc-select-list > li.selected button { background-color: #d8d8d8; } .fc-select.open .fc-select-drop-down { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } .fc-select-drop-down .scrollbar-thumb { border-radius: 0 !important; } .fc-select-drop-down .scrollbar-track-y { width: var(--fComponent-scroll-bar-width) !important; background-color: var(--fComponent-scroll-bar-track-bg) !important; right: 0 !important; border-right: 0 solid white; } .fc-select-drop-down .scrollbar-thumb { width: var(--fComponent-scroll-bar-width) !important; background-color: var(--fComponent-scroll-bar-thumb-bg) !important; } /*textarea scroll */ .fc-textarea .text-autosize-container::-webkit-scrollbar, .fc-component textarea::-webkit-scrollbar { width: var(--fComponent-scroll-bar-width); /* width: 20px;*/ cursor: pointer; } .fc-textarea .text-autosize-container, .fc-component textarea { scrollbar-width: thin; scrollbar-color: var(--fComponent-scroll-bar-thumb-bg) var(--fComponent-scroll-bar-track-bg); } .fc-textarea .text-autosize-container::-webkit-scrollbar-track, .fc-component textarea::-webkit-scrollbar-track { background: var(--fComponent-scroll-bar-track-bg); cursor: pointer; } .fc-textarea .text-autosize-container::-webkit-scrollbar-thumb, .fc-component textarea::-webkit-scrollbar-thumb { background-color: var(--fComponent-scroll-bar-thumb-bg); border-radius: 0; border: 0 solid var(--fComponent-scroll-bar-track-bg); cursor: pointer; } /*tabs*/ .fc-tabs { --tab-arrow-size: 40px; --tab-items-offset: 10px; --tab-dc: 104px; } .fc-tabs ul.fc-tabs-title { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; margin-left: calc(-1 * (var(--tab-items-offset) / 2)); margin-right: calc(-1 * (var(--tab-items-offset) / 2)); } .fc-tabs ul.fc-tabs-title > li { padding-left: calc(var(--tab-items-offset) / 2); padding-right: calc(var(--tab-items-offset) / 2); } .fc-tabs-content { -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; position: relative; overflow: hidden; } .fc-tabs-content-inner { position: relative; } .fc-tab-box { width: 100%; display: block; } .fc-tabs-content-inner-js.animate>.fc-tab-box { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .fc-tabs-content-inner-js.animate>.fc-tab-box.current { opacity: 0; } .fc-ajax-loader { height: 2px; width: 100%; background-image: linear-gradient(to left, transparent 30%, blue 50%, transparent 70%); background-repeat: repeat-x; background-size: 200% 100%; background-position: 0% 0%; animation: fc-wave 1s linear infinite; margin: 10px 0; opacity: 0; transition: opacity 300ms; } @keyframes fc-wave { 0% { background-position: 200% 0%; } 100% { background-position: 0% 0%; } } .fc-tabs.load .fc-ajax-loader { opacity: 1; transition: opacity 200ms 500ms; } /*tab slider*/ .fc-tabs-title-slider-wrp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; margin-left: calc(-1 * var(--tab-items-offset)); padding-left: var(--tab-items-offset); } .fc-tabs-title-slider-wrp:after { content: ' '; position: absolute; top: 0; bottom: 0; right: 0; width: calc(var(--tab-arrow-size) + (var(--tab-items-offset) / 2) + var(--tab-dc)); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(white)); background-image: linear-gradient(to right, transparent 0, white var(--tab-dc)); z-index: 1; pointer-events: none; display: none; -webkit-transition: opacity 100ms, visibility 100ms; transition: opacity 100ms, visibility 100ms; } .fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-wrp:after { opacity: 0; visibility: hidden; } .fc-tabs-title-slider-wrp:before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; width: var(--tab-items-offset); z-index: 2; background-image: -webkit-gradient(linear, left top, right top, from(white), to(transparent)); background-image: linear-gradient(to right, white 0%, transparent 100%); } .fc-tabs-title-slider { margin-left: calc(-1 * (var(--tab-items-offset) / 2)); margin-right: calc(-1 * (var(--tab-items-offset) / 2)); overflow: visible; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .fc-tabs-title-slider .swiper-slide { width: auto; padding-left: calc(var(--tab-items-offset) / 2); padding-right: calc(var(--tab-items-offset) / 2); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .fc-tabs-title-slider-arr { position: relative; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2; margin-left: var(--tab-items-offset); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .fc-tabs-title-slider-button-next, .fc-tabs-title-slider-button-prev { width: var(--tab-arrow-size); height: var(--tab-arrow-size); 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; background-color: white; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; border-radius: 50%; border: none; padding: 0; font-size: 20px; -webkit-transition: background-color 300ms, color 300ms, opacity 300ms, visibility 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, opacity 300ms, visibility 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, box-shadow 300ms, opacity 300ms, visibility 300ms; transition: background-color 300ms, color 300ms, box-shadow 300ms, opacity 300ms, visibility 300ms, -webkit-box-shadow 300ms; } .fc-tabs-title-slider-button-prev { position: absolute; top: 50%; left: 0; opacity: 0; visibility: hidden; margin-top: calc(-1 * (var(--tab-arrow-size) / 2)); } .fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-button-prev { opacity: 1; visibility: visible; } .fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-button-next { opacity: 0; visibility: hidden; } .fc-tabs-title-slider-button-next:not(.swiper-button-disabled):hover, .fc-tabs-title-slider-button-prev:not(.swiper-button-disabled):hover { background-color: black; color: white; -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; } .fc-tabs-title-slider-wrp.over .fc-tabs-title-slider-arr { display: -webkit-box; display: -ms-flexbox; display: flex; } .fc-tabs-title-slider-wrp.over:after { display: block; } .fc-tabs-title-slider-wrp.end:after { opacity: 0; visibility: hidden; } .fc-tabs-title-slider .swiper-slide a, ul.fc-tabs-title a { text-decoration: none; color: currentColor; display: block; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; padding: 10px; } .fc-tabs-title-slider .swiper-slide.active a, ul.fc-tabs-title > li.active a { background-color: lightgray; } /*//tab slider*/ /*input*/ .fc-input { display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--fComponent-input-height); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-family: Arial; font-size: var(--fc-input-fs); color: #636363; background-color: white; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; padding: var(--fc-em-border); } .fc-select.fc-placeholder-shift .fc-select-title-placeholder, .fc-in-paceholder { position: absolute; color: var(--fComponent-placeholder-color); top: 0; bottom: 0; left: var(--fComponent-select-padding-h); right: var(--fComponent-select-padding-h); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-transition: opacity 100ms; transition: opacity 100ms; z-index: 1; line-height: 1; } .fc-component.fc-ready .fc-in-paceholder { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .fc-in-paceholder > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fc-component.active .fc-in-paceholder { opacity: 0; } .fc-textarea .text-autosize-container, .fc-textarea textarea, .fc-input input { border: none; font-style: normal; line-height: 1; color: #000000; padding: var(--fc-input-v-padding) calc(var(--fComponent-select-padding-h) - var(--fc-em-border)); background-color: transparent; opacity: 0; height: auto; min-height: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .fc-textarea.fc-ready textarea, .fc-input.fc-ready input { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .fc-input input:auto-fill { background-color: red; } .fc-input input:-webkit-autofill, .fc-input input:-webkit-autofill:hover, .fc-input input:-webkit-autofill:focus { -webkit-text-fill-color: #00aae6; -webkit-box-shadow: 0 0 0px 40rem #ffff inset; } .fc-textarea.active textarea, .fc-input.active input { opacity: 1; } /*bottom-active-line*/ .fc-input.fc-bottom-active-line { -webkit-box-shadow: 0 2px 0 0 grey; box-shadow: 0 2px 0 0 grey; } .fc-input.fc-bottom-active-line:after { content: ' '; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: black; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; z-index: 1; } .fc-input.fc-bottom-active-line.active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .fc-input.fc-bottom-active-line:before { content: ' '; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: var(--fComponent-error-color); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; z-index: 2; } /*fc-placeholder-shift*/ .fc-select.fc-placeholder-shift .fc-selected-text, .fc-input.fc-placeholder-shift textarea, .fc-input.fc-placeholder-shift input { padding-top: 0; padding-bottom: 0; margin: var(--fc-em-border); margin-top: calc(0.9em + var(--fc-input-v-padding)); } .fc-textarea.fc-placeholder-shift { padding-top: calc((var(--fComponent-input-height) / 2.1) - var(--fc-em-border)); min-height: var(--fComponent-input-height); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .fc-textarea.fc-placeholder-shift[data-fs-type="textarea-autoheight"] textarea, .fc-textarea.fc-placeholder-shift[data-fs-type="textarea-autoheight"] .text-autosize-container, .fc-textarea .text-autosize-container, .fc-input.fc-placeholder-shift textarea { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; min-height: calc((var(--fComponent-input-height) / 1.9) - var(--fc-em-border)); padding-top: calc((((var(--fComponent-input-height) / 1.9) - var(--fc-em-border)) / 2) - ((1em * var(--fComponent-line-height)) / 2)); padding-bottom: calc((((var(--fComponent-input-height) / 1.9) - var(--fc-em-border)) / 2) - ((1em * var(--fComponent-line-height)) / 2)); } .fc-component.fc-placeholder-shift .fc-in-paceholder { top: calc((var(--fComponent-input-height) / 2) - 0.5em); bottom: auto; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: matrix3d(0.999, 0, 0.00, 0, 0, 0.999, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0.00, 0, 0, 0.999, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transition: opacity 100ms; transition: opacity 100ms; opacity: 0; } .fc-component.fc-ready.fc-placeholder-shift .fc-in-paceholder { -webkit-transition: opacity 100ms, -webkit-transform 300ms; transition: opacity 100ms, -webkit-transform 300ms; transition: transform 300ms, opacity 100ms; transition: transform 300ms, opacity 100ms, -webkit-transform 300ms; opacity: 1; } .fc-select.fc-placeholder-shift .fc-select-title-placeholder { bottom: auto; } .fc-component.fc-placeholder-shift.selected .fc-in-paceholder, .fc-component.fc-placeholder-shift.active .fc-in-paceholder { visibility: visible; opacity: 1; -webkit-transform: matrix3d(0.93, 0, 0.00, 0, 0, 0.93, 0.00, 0, 0, 0, 1, 0, 0, -10, 0, 1); transform: matrix3d(0.93, 0, 0.00, 0, 0, 0.93, 0.00, 0, 0, 0, 1, 0, 0, -10, 0, 1); } /*fc-placeholder-end*/ .fc-input.fc-placeholder-end { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .fc-input.fc-placeholder-end input { height: auto; } .fc-pl-active { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: calc(var(--fComponent-select-padding-h) - 1px); padding-top: var(--fc-input-v-padding); padding-bottom: var(--fc-input-v-padding); -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; max-width: 45%; text-align: right; pointer-events: none; opacity: 0; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .fc-input.fc-ready .fc-pl-active { opacity: 1; } .fc-pl-active u { text-decoration: none; -webkit-transform: translateY(calc((var(--fComponent-input-height) + 1em) / 2)); transform: translateY(calc((var(--fComponent-input-height) + 1em) / 2)); position: relative; opacity: 0; } .fc-input.fc-ready .fc-pl-active u { -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; } .fc-input.active .fc-pl-active u { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .fc-pl-active b, .fc-in-paceholder b { color: red; } .fc-no-horizontal-padding .text-autosize-container, .fc-no-horizontal-padding textarea, .fc-no-horizontal-padding input { padding-left: 0; padding-right: 0; } .fc-no-horizontal-padding.fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container { padding-left: var(--fc-em-border); padding-right: var(--fc-em-border); } .fc-no-horizontal-padding input + .fc-pl-active { padding-right: 0; padding-left: var(--fComponent-select-padding-h); } .fc-no-horizontal-padding .fc-in-paceholder { left: 0; } /*//input*/ /*textarea height*/ .fc-textarea { --fc-textarea-line-height: var(--fComponent-line-height, 1); position: relative; display: block; height: auto; /* overflow: hidden;*/ } .fc-textarea.fc-placeholder-shift .fc-in-paceholder {} .fc-textarea .text-autosize-container, .fc-textarea textarea { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; overflow-y: auto; resize: vertical; display: block; width: 100%; min-height: calc(var(--fComponent-input-height) - (var(--fc-em-border) * 2)); padding-top: calc((var(--fComponent-input-height) / 2) - ((1em * var(--fc-textarea-line-height)) / 2) - var(--fc-em-border)); padding-bottom: calc((var(--fComponent-input-height) / 2) - ((1em * var(--fc-textarea-line-height)) / 2) - var(--fc-em-border)); line-height: var(--fc-textarea-line-height); } .fc-textarea textarea, .fc-input.fc-placeholder-shift textarea { min-height: 200px; } .fc-textarea:not(.fc-placeholder-shift) .fc-in-paceholder { bottom: auto; height: var(--fComponent-input-height); } .fc-textarea .text-autosize-container { width: 100%; height: auto; position: absolute; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; background-color: white; overflow: hidden; overflow-y: auto; resize: none; z-index: -1; left: 0; pointer-events: none; opacity: 0; visibility: hidden; top: 0; padding-left: var(--fComponent-select-padding-h); padding-right: var(--fComponent-select-padding-h); } .fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container, .fc-textarea[data-fs-type="textarea-autoheight"] textarea { min-height: calc(var(--fComponent-input-height) - (var(--fc-em-border) * 2)); resize: none; overflow: hidden; -webkit-transition: height 100ms; transition: height 100ms; } .fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container { overflow-y: auto; } .fc-textarea[data-fs-type="textarea-autoheight"] textarea, .fc-textarea[data-fs-type="textarea-autoheight"] .text-autosize-container { max-height: 200px; } /*//textarea height*/ .fc-select .fc-in-paceholder {} .fc-select .fc-select-title-wrapper { position: static; } /*errors*/ .fc-input.parsley-error:not(.fc-bottom-active-line) { -webkit-box-shadow: inset 0 0 0 1px var(--fComponent-error-color); box-shadow: inset 0 0 0 1px var(--fComponent-error-color); } .fc-input.fc-bottom-active-line.parsley-error:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /*disabled*/ .fs-disabled { opacity: 0.3; } .fc-component.fs-disabled > .fc-select-title { cursor: default; } /* End */ /* Start:/local/templates/main/css/dropzone.css?175075525913176*/ /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { 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-message .dz-button { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } .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: 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; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-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); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-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); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-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); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-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; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-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; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-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; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-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: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-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; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-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: 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/css/jquery.fancybox.min.css?175075525912795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/main.css?175075525988558*/ @charset "utf-8"; /*CSS3*/ /* Developer company: LLC "Akona" */ :root { /*site ratio*/ --r: 20rem; /*header size*/ --header-height: var(--js-header-height, 0px); /*margins*/ --m1: calc(var(--r) * 20/20); --m2: calc(var(--r) * 30/20); --m3: calc(var(--r) * 40/20); --m4: calc(var(--r) * 50/20); --m5: calc(var(--r) * 60/20); --m-df: calc(var(--r) * 120/20); --m-sm: calc(var(--r) * 60/20); /*site-paddings*/ --content-offset-top: 33rem; --content-offset-bottom: 120rem; --site-padding: 20px; /*typography*/ --lh: 1.4; --fs: 20rem; --fs14: calc(var(--fs) * 14/20); --fs16: calc(var(--fs) * 16/20); --fs18: calc(var(--fs) * 18/20); --fs20: calc(var(--fs) * 20/20); --fs22: calc(var(--fs) * 22/20); --fs24: calc(var(--fs) * 24/20); --hb: 20px; --h1: calc(var(--hb) * 28/20); --h2: calc(var(--hb) * 22/20); --h3: calc(var(--hb) * 24/20); --h4: calc(var(--hb) * 22/20); --h5: calc(var(--hb) * 22/20); --h6: calc(var(--hb) * 22/20); /*inputs*/ --input-height: 51rem; --btn-height: 47rem; /*other*/ --site-container: 1400rem; --main-color: #2d79ad; --box-offset: 20rem; --list-left-offset: calc(24.7% + (var(--box-offset) / 2)); } @font-face { font-family: "Unbounded"; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Unbounded-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Unbounded-Light.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Unbounded-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Unbounded"; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Unbounded-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Unbounded-Medium.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Unbounded-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Unbounded"; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Unbounded-Regular.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Unbounded-Regular.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Unbounded-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: icomoon; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/main/css/../fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ch:before { content: "\e910"; } .icon-tel:before { content: "\e900"; } .icon-search:before { content: "\e901"; } .icon-arr-md-b:before { content: "\e902"; } .icon-arr-md-t:before { content: "\e903"; } .icon-arr-md-r:before { content: "\e904"; } .icon-arr-md-l:before { content: "\e905"; } .icon-arr-min-b:before { content: "\e906"; } .icon-arr-min-t:before { content: "\e907"; } .icon-arr-min-r:before { content: "\e908"; } .icon-arr-min-l:before { content: "\e909"; } .icon-clip:before { content: "\e90a"; } .icon-colok:before { content: "\e90b"; } .icon-email:before { content: "\e90c"; } .icon-eye:before { content: "\e90d"; } .icon-star:before { content: "\e90e"; } .icon-upload:before { content: "\e90f"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 1px; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: textfield; -moz-appearance: textfield; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; border-radius: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type='password'] { font-family: Verdana; letter-spacing: 0.125em; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; min-width: 0; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } ::-moz-selection { background-color: #585858; color: white; } ::webkit-selection { background-color: #585858; color: white; } ::-moz-selection { background-color: #585858; color: white; } ::selection { background-color: #585858; color: white; } a { text-decoration: underline; color: var(--main-color); } a:hover { text-decoration: none; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: calc(var(--site-container) + (var(--site-padding) * 2)); margin: 0 auto; padding: 0 var(--site-padding); max-width: 100%; } .container > *:last-child { margin-bottom: 0; } .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; min-height: var(--btn-height); text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: var(--fs16); border-radius: 10px; background-color: var(--main-color); color: white; padding: 5rem 23rem; font-weight: 400; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .btn:hover { text-decoration: none; background-color: #196599; } .btn.light-btn { background-color: #f3f9fd; color: var(--main-color); } .btn.light-btn:hover { background-color: #dfecf5; } .btn.btn-white { background-color: white; color: var(--main-color); } .btn.btn-white:hover { background-color: #f3f9fd; color: #196599; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } ul.custom { display: block; margin: 0; padding: 0; } ul.custom > li { display: block; list-style: none; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; margin: auto; padding: auto; } html body input[type="checkbox"], html body input[type="radio"] { width: auto; height: auto; padding: 0; } body { background: white; font-family: "Unbounded", sans-serif; min-width: 320px; font-size: var(--fs16); line-height: var(--lh); font-weight: 300; text-align: justify; color: #585858; } .site-wrapper { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: var(--content-offset-top); padding-bottom: var(--content-offset-bottom); } body.compensate-for-scrollbar { overflow: hidden; overflow-y: visible; } body.compensate-for-scrollbar { margin-right: 0px; } .cover { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .cover:after { content: ' '; padding: 20% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .cover > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } html body .m0 { margin-bottom: 0; } html body .m0-top { margin-top: 0; } html body .p0 { padding-bottom: 0; } html body .p0-top { padding-top: 0; } html body .m1 { margin-bottom: var(--m1); } html body .m1-top { margin-top: var(--m1); } html body .p1 { padding-bottom: var(--m1); } html body .p1-top { padding-top: var(--m1); } html body .m2 { margin-bottom: var(--m2); } html body .m2-top { margin-top: var(--m2); } html body .p2 { padding-bottom: var(--m2); } html body .p2-top { padding-top: var(--m2); } html body .m3 { margin-bottom: var(--m3); } html body .m3-top { margin-top: var(--m3); } html body .p3 { padding-bottom: var(--m3); } html body .p3-top { padding-top: var(--m3); } html body .m4 { margin-bottom: var(--m4); } html body .m4-top { margin-top: var(--m4); } html body .p4 { padding-bottom: var(--m4); } html body .p4-top { padding-top: var(--m4); } html body .m5 { margin-bottom: var(--m5); } html body .m5-top { margin-top: var(--m5); } html body .p5 { padding-bottom: var(--m5); } html body .p5-top { padding-top: var(--m5); } html body .m-df { margin-bottom: var(--m-df); } html body .m-df-top { margin-top: var(--m-df); } html body .p-df { padding-bottom: var(--m-df); } html body .p-df-top { padding-top: var(--m-df); } html body .m-sm { margin-bottom: var(--m-sm); } html body .m-sm-top { margin-top: var(--m-sm); } html body .p-sm { padding-bottom: var(--m-sm); } html body .p-sm-top { padding-top: var(--m-sm); } p { margin: 0 0 9.9rem 0; padding: 0; } h1, h2, h3, h4, h5, h6, .heading, .heading2, .heading3, .heading4, .heading5, .heading6 { margin: 0 0 30rem 0; padding: 0; font-weight: 400; line-height: 1.2; text-transform: uppercase; text-align: left; color: black; } h1, .heading { font-size: var(--h1); margin-bottom: 19rem; } h2, .heading2 { font-size: var(--h2); } h3, .heading3 { font-size: var(--h3); } h4, .heading4 { font-size: var(--h4); } h5, .heading5 { font-size: var(--h5); } h6, .heading6 { font-size: var(--h6); } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .heading strong, .heading2 strong, .heading3 strong, .heading4 strong, .heading5 strong, .heading6 strong { color: var(--main-color); font-weight: inherit; } ol:not(.custom) { margin: 0; padding: 0; list-style: none; counter-reset: count; } ol:not(.custom) > li { margin: 0; padding: 0; display: block; } ol:not(.custom) > li:not(:first-child) { margin-top: 22rem; } ol:not(.custom) > li:before { content: counters(count, '.') ' '; counter-increment: count; margin-right: 5rem; } ol:not(.custom) ol:not(.custom) { color: #585858; font-weight: 300; padding-top: 4rem; } ol:not(.custom) ol:not(.custom) > li { margin-top: 10rem; } ol:not(.custom) ol:not(.custom) ol:not(.custom) { padding-top: 0; } ul:not(.custom) { margin: 0; padding: 0; } ul:not(.custom) > li { margin: 0; padding: 0; list-style: none; display: block; position: relative; padding-left: 15rem; } ul:not(.custom) > li:before { content: ' '; width: 4px; height: 4px; position: absolute; top: 0.5em; background-color: currentColor; border-radius: 50%; left: 0; } ol:not(.custom) ul:not(.custom) { margin-top: 10rem; margin-left: 57rem; } .header { text-align: left; padding-top: 20rem; padding-bottom: 20rem; position: relative; z-index: 120; background-color: white; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.49); z-index: 119; display: none; } .header .overlay { position: absolute; z-index: 2; } .main-header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mh-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 23.2%; } .mh-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mh-ed-text-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15rem; } .mh-ed-text-wrapper > * { -ms-flex-negative: 0; flex-shrink: 0; } .mh-col-l, .mh-col-c { margin-right: 32rem; } .mh-col-r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo { width: 218rem; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; position: relative; } .logo:after { content: ' '; padding: 13.08% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .logo > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left center; object-position: left center; } .logo img { display: block; } .logo:hover { text-decoration: none; } .gradient { color: var(--main-color); background: -webkit-gradient(linear, left top, left bottom, from(#348ec6), to(#1a426e)); background: linear-gradient(180deg, #348ec6 0%, #1a426e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .mh-ed-text { font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .mh-ed-text i { font-size: 1.1em; line-height: 1; margin-right: 0.45em; } .mh-ed-text span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } ul.social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -8rem; -ms-flex-negative: 0; flex-shrink: 0; } ul.social-list > li { margin-left: 8rem; margin-top: 8rem; } .social-link { 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; position: relative; background-color: lightgray; width: 44rem; border-radius: 8px; color: white; background-image: url('/local/templates/main/css/../img/svg/social-bg.svg'); background-repeat: no-repeat; background-size: 100% 61%; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .social-link svg { max-width: 65%; } .social-link:after { content: ' '; padding: 50% 0; width: 0px; -ms-flex-negative: 0; flex-shrink: 0; } .social-link.wt { background-color: #529447; } .social-link.wt:hover { background-color: #66a85b; } .social-link.tlg { background-color: #4f8eba; } .social-link.tlg:hover { background-color: #63a2ce; } .contacts-links { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -33rem; margin-top: -10rem; } .contact-link { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: black; margin-left: 33rem; margin-top: 10rem; } .contact-link:hover { text-decoration: none; } .contact-link i { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.85em; line-height: 1; color: var(--main-color); } .contact-link span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .contact-link i.icon-tel:before { font-size: 1.25em; margin-right: -0.2em; } .nav-header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 27rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .au-info > *:not(:last-child) { margin-bottom: 13rem; } .au-name { font-weight: 400; color: black; } .au-reg-num { color: #585858; font-weight: 300; font-size: var(--fs14); } .nav-header-inner .mh-col-c { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 1.79%; } .nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .nav-btn, .h-search-btn { -ms-flex-negative: 0; flex-shrink: 0; min-width: var(--btn-height); min-height: var(--btn-height); } ul.nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } ul.nav-list > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; margin-right: 8px; position: relative; z-index: 2; } .nav-btn, .h-search-btn, .nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: var(--btn-height); text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; padding: 5px 10rem; text-decoration: none; color: black; background-color: #f3f9fd; } .h-search-btn:hover, .nav-item:hover { text-decoration: none; } .nav-item { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-color)), color-stop(50.1%, #f3f9fd)); background-image: linear-gradient(to right, var(--main-color) 50%, #f3f9fd 50.1%); background-size: 200% 100%; background-repeat: no-repeat; background-position: 101% 0; -webkit-transition: background-position 300ms, color 300ms, background-color 300ms; transition: background-position 300ms, color 300ms, background-color 300ms; } ul.nav-list > li.subnav-open .nav-item, .nav-item:hover { background-position: 0% 0; color: white; } .nav-item .icon-arr-min-b { font-size: 0.5em; margin-left: 0.6em; position: relative; bottom: -0.15em; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } ul.nav-list > li.subnav-open .nav-item .icon-arr-min-b { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .nav-btn, .h-search-btn { font-size: 1.2em; color: var(--main-color); -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } body.search-open .h-search-btn { background-color: var(--main-color); color: white; } .nav-btn:hover, body.search-open .h-search-btn:hover, .h-search-btn:hover { background-color: #dfecf5; color: var(--main-color); } .main-header, .nav-header { background-color: white; } .search-header { padding-top: 18rem; visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; -webkit-transition: visibility 300ms, opacity 300ms, -webkit-transform 300ms; transition: visibility 300ms, opacity 300ms, -webkit-transform 300ms; transition: visibility 300ms, transform 300ms, opacity 300ms; transition: visibility 300ms, transform 300ms, opacity 300ms, -webkit-transform 300ms; } body.search-open .search-header { visibility: visible; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: 1; } .h-search { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .h-search input:not(.btn) { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d4e0e9; border-radius: 8px; padding: 5px 16rem; min-height: var(--btn-height); font-family: "Unbounded"; font-weight: 300; font-size: var(--fs16); line-height: 1; color: #000; background-color: white; -webkit-transition: border-color 300ms; transition: border-color 300ms; } .h-search input.parsley-error { border-color: red; } .h-search input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #929292; } .h-search input::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #929292; } .h-search input:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #929292; } .h-search input:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #929292; } .h-search input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .h-search input:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .h-search input:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .h-search input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .h-search .btn { margin-left: 12rem; } .subnav { position: absolute; top: 100%; left: 0; width: 382rem; padding-top: 12rem; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; overflow: hidden; } .subnav ul { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } ul.nav-list > li.subnav-open .subnav { opacity: 1; visibility: visible; } ul.nav-list > li.subnav-open .subnav ul { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .subnav ul { background-color: white; border-radius: 12px; padding: 20rem; width: 100%; } .subnav ul > li:not(:first-child) { margin-top: 20rem; } .subnav ul > li a { display: block; line-height: 1.2; text-decoration: none; color: black; -webkit-transition: color 300ms; transition: color 300ms; } .subnav ul > li a:hover { text-decoration: none; color: var(--main-color); } ul.breadcrumb { margin: 0 0 48rem 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; } .breadcrumb > li { display: block; } .breadcrumb > li > span, .breadcrumb > li > a { display: block; font-family: "Unbounded"; font-weight: 300; font-size: var(--fs16); line-height: 1.2; text-decoration: none; color: black; } .breadcrumb > li > a { padding-right: 16rem; position: relative; color: black; text-decoration: underline; } .breadcrumb > li > a:hover { text-decoration: underline; } .breadcrumb > li > a:after { content: '/'; position: absolute; text-decoration: none; right: 5rem; font-size: 0.9em; top: 0.15em; } .breadcrumb > li > span { text-decoration: none; opacity: 0.8; cursor: default; } .banner { background-color: #286A9C; color: #dfecf5; border-radius: 20px; padding: 40rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-image: -webkit-gradient(linear, left top, left bottom, from(#348ec6), to(#1a426e)); background-image: linear-gradient(180deg, #348ec6 0%, #1a426e 100%); position: relative; overflow: hidden; } .banner .breadcrumb > li > span, .banner .breadcrumb > li > a { color: inherit; } .bn-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 95%; } .bn-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .bn-bottom > * { margin-top: 40rem; } .banner > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: right center; object-position: right center; } .banner > *:not(img) { position: relative; z-index: 2; } .banner > * > *:last-child { margin-bottom: 0; } .banner .heading { padding-left: 0.6em; position: relative; } .banner .heading:before { content: ' '; position: absolute; left: 0; top: 0.5em; width: 7px; height: 7px; background-color: currentColor; border-radius: 50%; } .banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6, .banner .heading, .banner .heading2, .banner .heading3, .banner .heading4, .banner .heading5, .banner .heading6 { color: white; } .banner a, .banner.type-2 h1, .banner.type-2 h2, .banner.type-2 h3, .banner.type-2 h4, .banner.type-2 h5, .banner.type-2 h6, .banner.type-2 .heading, .banner.type-2 .heading2, .banner.type-2 .heading3, .banner.type-2 .heading4, .banner.type-2 .heading5, .banner.type-2 .heading6 { color: #dfecf5; } .banner h1 strong, .banner h2 strong, .banner h3 strong, .banner h4 strong, .banner h5 strong, .banner h6 strong, .banner .heading strong, .banner .heading2 strong, .banner .heading3 strong, .banner .heading4 strong, .banner .heading5 strong, .banner .heading6 strong { font-weight: 500; color: inherit; color: white; } .bn-text { max-width: 830rem; line-height: 1.2; } .bn-text > *:last-child { margin-bottom: 0; } .banner.type-2 { min-height: 420rem; } .df-section { margin-bottom: var(--m-df); } .df-section > *:last-child { margin-bottom: 0; } .footer { background-color: #f3f9fd; padding-top: 40rem; padding-bottom: 100rem; text-align: left; position: relative; } .footer:after { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 263rem; background-image: url('/local/templates/main/css/../img/footer-bg.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover; } .footer-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; } .f-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 33.8%; } .f-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .f-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 32.3%; } .f-col-l, .f-col-c { padding-right: 20rem; } .f-col-c, .f-col-r { padding-top: 9rem; } .f-col-r .f-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-col-r .f-main > * { width: calc(50% - 10rem); -ms-flex-negative: 0; flex-shrink: 0; } ul.f-nav-list a { font-weight: 400; display: block; } ul.f-nav-list a.colored { font-weight: 300; } ul.f-nav-list a:not(.colored) { text-decoration: none; color: black; -webkit-transition: color 300ms; transition: color 300ms; } ul.f-nav-list a:not(.colored):hover { text-decoration: none; } ul.f-nav-list { margin-top: -28rem; } ul.f-nav-list > li { display: block; margin-top: 28rem; } ul.f-nav-list ul { margin-top: 19rem; max-width: 390px; } ul.f-nav-list ul > li { margin-top: 18rem; } .policy, ul.f-nav-list ul a { font-weight: 300; line-height: 1.11; display: block; color: #585858; } .policy:hover, ul.f-nav-list ul a:not(.colored):hover, ul.f-nav-list a:not(.colored):hover { color: var(--main-color); text-decoration: none; } .f-bottom > * { margin-top: 20rem; } .policy { text-decoration: none; } .f-col-l, .f-col-c, .f-col-r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .f-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .f-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .footer .logo { margin-bottom: 31rem; } .footer .au-info { margin-bottom: 26rem; } .footer .contacts-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer .contact-link:not(:last-child) { margin-bottom: 5rem; } .modal { width: 926rem; max-width: 100%; overflow: visible; padding: 60rem; border-radius: 20px; } .fancybox-bg { background-color: black; } .fancybox-is-open .fancybox-bg { opacity: 0.2; } .modal .fancybox-close-small { display: none; } .f-main-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .f-form-img { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; margin-right: calc(var(--box-offset) / 2); padding-right: calc(var(--box-offset) / 2); } .f-form { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .f-btn-wrp { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .f-btn-wrp .btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .f-form.f-btn-wrp, .f-item:not(:first-child) { margin-top: 12rem; } .f-form-img-inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 20px; overflow: hidden; background-color: lightgray; } .f-form-img-inner:after { content: ' '; padding: 24% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .f-form-img-inner > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .fc-component { --fComponent-select-main-color: white; --fComponent-select-bg-color: white; --fComponent-select-padding-v: 5px; --fComponent-select-padding-h: 18rem; --fComponent-font-size: var(--fs16); --fComponent-line-height: 1.3; --fComponent-input-height: var(--input-height); --fComponent-error-color: red; --fComponent-placeholder-color: #585858; --fComponent-scroll-bar-width: 8px; --fComponent-scroll-bar-track-bg: #f3f9fd; --fComponent-scroll-bar-thumb-bg: #5794bd; --fc-input-fs: var(--fComponent-font-size, inherit); --fc-input-v-padding: 5px; --fc-em-border: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } .fc-input { -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; background-color: #f3f9fd; border-radius: 8px; font-family: "Unbounded"; font-weight: 300; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .fc-textarea textarea, .fc-input.fc-placeholder-shift textarea { min-height: 120px; resize: none; } .fc-select-title { -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; background-color: #f3f9fd; border-radius: 8px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .fc-select-drop-down { background-color: #f3f9fd; -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; margin-top: 12rem; } .fc-input:hover, .fc-select-title:hover { background-color: #dfecf5; } .fc-select-scroll { max-height: 350rem; padding-right: calc(var(--fComponent-scroll-bar-width) + 6px); } .fc-select-drop-down { padding: var(--fComponent-select-padding-h) var(--fComponent-select-padding-h); -webkit-box-shadow: 2px 2px 12px 0 rgba(155, 155, 155, 0.25); box-shadow: 2px 2px 12px 0 rgba(155, 155, 155, 0.25); background: #fff; overflow: hidden; border-radius: 12px; } .fc-select-list button { padding: calc(var(--fComponent-select-padding-h) / 2) 0; line-height: 1.21; -webkit-transition: color 300ms; transition: color 300ms; } ul.fc-select-list { margin-top: calc(-1 * var(--fComponent-select-padding-h) / 2); margin-bottom: calc(-1 * var(--fComponent-select-padding-h) / 2); } .fc-select-list > li.selected button { background-color: transparent; } .fc-select-drop-down .scrollbar-track-y { border-radius: 20px; } .fc-select-drop-down .scrollbar-thumb { border-radius: 20px !important; position: relative; background-color: var(--fComponent-scroll-bar-track-bg) !important; } .fc-select-drop-down .scrollbar-thumb:before { content: ' '; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background-color: var(--fComponent-scroll-bar-thumb-bg); border-radius: 20px; } .fc-select-scroll {} .fc-select-list button:hover { background-color: transparent; color: var(--main-color); } .fc-select-title:after { content: '\e906'; font-family: icomoon; font-size: 8rem; margin-left: 10rem; } .file-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; font-family: "Unbounded"; font-weight: 300; color: black; position: relative; padding-top: 2rem; padding-bottom: 2rem; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .file-btn > i { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 3rem; font-size: 20px; width: 26rem; 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; color: var(--main-color); } .file-btn-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .file-btn-name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -webkit-transition: color 300ms; transition: color 300ms; } .file-btn-main > i { -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; line-height: 1; margin-top: -1px; margin-bottom: -4px; color: var(--main-color); } .file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } .file-btn:hover .file-btn-name { color: var(--main-color); } .dz-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 29rem; font-size: var(--fs14); color: #929292; margin-top: 9rem; line-height: 1; } .dz-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doc-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: color 300ms; transition: color 300ms; } .dz-remove { width: 20px; height: 20px; 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; line-height: 1; background-color: white; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-decoration: none; font-size: 23px; font-weight: 700; font-family: 'Times New Roman'; border-radius: 50%; margin-left: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .dz-remove:hover { text-decoration: none; } .dz-progress { line-height: 1; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15rem; } .file-wrp.file-loaded .default-preview { display: none; } .default-preview .dz-remove { visibility: hidden; } .file.dz-max-files-reached { display: none; } .doc-error { color: red; display: none; } .dz-preview.dz-error .doc-error { display: block; } .dz-preview.dz-error .doc-name { display: none; } .upload-img-wrp.parsley-error .default-preview .doc-name { color: red; } .cr { display: inline-block; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; color: #585858; padding-top: 5rem; padding-bottom: 5rem; text-align: left; } .cr a { display: inline-block; } .cr input { position: absolute; width: 20px; height: 20px; top: 0; left: 0; z-index: -1; visibility: hidden; } .cr-ps { display: -webkit-box; display: -ms-flexbox; display: flex; } .cr-icon { border: 1px solid #d4e0e9; border-radius: 4px; width: 20px; height: 20px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 14rem; -webkit-transition: border-color 300ms, background-color 300ms; transition: border-color 300ms, background-color 300ms; } .cr-icon:before { content: ' '; position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; background-color: var(--main-color); opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .cr input[type="radio"] + .cr-ps .cr-icon, .cr input[type="radio"] + .cr-ps .cr-icon:before { border-radius: 50%; } .cr input[type="checkbox"] + .cr-ps .cr-icon {} .cr input[type="checkbox"] + .cr-ps .cr-icon:before { content: '\e910'; font-family: icomoon; font-style: normal; top: 0; right: 0; bottom: 0; left: 0; font-size: 9px; padding-top: 1px; padding-left: 1px; line-height: 1; background-color: transparent; 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; color: white; } .cr:hover .cr-icon { border-color: var(--main-color); } .cr-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .cr input[type="checkbox"]:checked + .cr-ps .cr-icon { background-color: var(--main-color); border-color: var(--main-color); } .cr input:checked + .cr-ps .cr-icon:before { opacity: 1; } .cr.parsley-error .cr-icon { border-color: red; } .modal .f-form.f-btn-wrp, .modal .f-item:not(:first-child) { margin-top: 16rem; } .m-heading-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .m-heading-wrp > *:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .modal .modal-close { margin: 0; padding: 0; line-height: 0.5; font-size: 45px; font-weight: 300; background-color: transparent; border: none; font-family: 'Times New Roman'; -webkit-transition: color 300ms; transition: color 300ms; margin-left: 15rem; } .modal .modal-close:hover { color: var(--main-color); } #send-resume-tnx.modal, #order-service-tnx.modal { width: 690rem; } #send-resume-tnx.modal, #order-service-tnx.modal { padding: 40rem; } #send-resume-tnx.modal p, #order-service-tnx.modal p { line-height: 1.2; text-wrap: balance; } .modal-btn-wrp { margin-top: 40rem; } ol.list-items { counter-reset: count var(--start-at, 0); list-style: none; padding: 0; margin: 0; border-top: 1px solid #d4e0e9; } ol.list-items > li { list-style: none; counter-increment: count; border-bottom: 1px solid #d4e0e9; } .list-item { line-height: 1.2; text-align: left; position: relative; } .list-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 24rem; padding-bottom: 24rem; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .list-item-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .list-item-inner:before { content: "/"counter(count, decimal-leading-zero); font-family: "Unbounded"; font-weight: 500; font-size: 26rem; line-height: 1.45; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #dfecf5; -ms-flex-negative: 0; flex-shrink: 0; width: var(--list-left-offset); -ms-flex-item-align: start; align-self: flex-start; min-height: var(--btn-height); -webkit-transition: color 300ms; transition: color 300ms; } .list-item.type-1 .list-item-inner:before, .list-item.type-2 .list-item-inner:before { width: calc(var(--list-left-offset) / 1.5); } .accordion-hidden-inner { padding-left: calc(var(--list-left-offset) / 1.5); } .list-item:not(.type-1):hover .list-item-inner:before, .list-item.type-1 .list-item-inner:hover:before { color: var(--main-color); } .list-item-col:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .list-item-col:not(:first-child) { -ms-flex-negative: 0; flex-shrink: 0; } .list-item-col { padding-right: 20rem; padding-top: 4rem; padding-bottom: 4rem; min-height: var(--btn-height); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } html body .list-item .list-item-col-inner > *:last-child, html body .list-item .list-item-col > *:last-child, html body .list-item .list-item-last > *:last-child { margin-bottom: 0; } .list-item-last { -ms-flex-negative: 0; flex-shrink: 0; } .list-item.type-1 .list-item-last { -ms-flex-item-align: start; align-self: flex-start; } .list-item.type-1 .list-item-col:nth-child(2) { width: 47.1%; color: black; } .list-item.type-1 .list-item-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fancybox-navigation .fancybox-button div, .circle-btn { width: calc(var(--btn-height) - 1px); height: calc(var(--btn-height) - 1px); text-decoration: none; text-align: center; 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; background-color: #f3f9fd; line-height: 1; border-radius: 50%; color: var(--main-color); position: relative; border: none; padding: 0; font-size: 18rem; -webkit-transition: background-color 300ms, color 300ms, opacity 300ms; transition: background-color 300ms, color 300ms, opacity 300ms; } .toggle-btn:before, .toggle-btn:after { content: ' '; position: absolute; background-color: currentColor; border-radius: 10px; } .toggle-btn:before { height: 20rem; width: 2px; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .toggle-btn:after { height: 2px; width: 20rem; } .fancybox-navigation .fancybox-button:hover div, .circle-btn:not(.toggle-btn):not(.swiper-button-disabled):hover, .list-item:not(.type-1):hover .toggle-btn, .list-item.type-1 .list-item-inner:hover .toggle-btn { background-color: var(--main-color); color: white; } .circle-btn.swiper-button-disabled { cursor: not-allowed; opacity: 0.3; } .circle-btn.swiper-button-lock { display: none; } .heading-ot .circle-btn.swiper-button-lock { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; } .carousel-slider-wrp .df-arrow-wr { display: none; } .list-item-heading { font-size: inherit; text-transform: none; text-wrap: balance; } .accordion-hidden-inner { max-width: 83.1%; line-height: 1.2; color: #585858; padding-bottom: 24rem; text-align: justify; } .accordion-hidden-inner > *:last-child { margin-bottom: 0; } .accordion-head-js { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .accordion-container-js.open .toggle-btn:before { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .list-item.type-2 {} .list-item.type-2 .list-item-col:nth-child(2) { width: 54.3%; } .list-item.type-2 .list-item-heading { max-width: 430px; } .list-item.type-2 .list-item-last { -ms-flex-item-align: center; align-self: center; } .tech-reg { max-width: 450px; -webkit-transition: color 300ms; transition: color 300ms; } .list-item:hover .tech-reg { color: var(--main-color); } .list-item:hover .btn.light-btn { background-color: #dfecf5; } .list-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .list-item-col-inner { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .list-item.type-3 .list-item-last { -ms-flex-item-align: center; align-self: center; } .list-item.type-3 .list-item-heading { margin-bottom: 8rem; } .list-item.type-3 .list-item-inner:before { font-size: 36rem; line-height: 1; } .list-item.type-3 .list-item-inner { padding-top: 20rem; padding-bottom: 20rem; } .list-item.type-3 .list-item-col { padding-top: 0; padding-bottom: 0; } .list-item.type-3 .list-item-col:first-child .list-item-col-inner { max-width: 629rem; text-align: justify; } .rs-image { --base-width: 65; --base-height: 65; max-width: 100%; max-height: 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; position: relative; overflow: hidden; width: 100%; height: 100%; } .rs-image:after { content: ' '; padding: 50% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .rs-image .rs-image-inner { -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% / (var(--base-width) / var(--width))); height: calc(100% / (var(--base-height) / var(--height))); max-width: 100%; max-height: 100%; position: absolute; 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; } .rs-image-inner img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .list-item-icon { width: 65rem; } .list-item.type-3 .rs-image-inner img { -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .list-item.type-3:hover .rs-image-inner img { -webkit-transform: scale(1.15); transform: scale(1.15); } .df-arrow-wr { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -16rem; } .df-arrow-wr > * { margin-left: 16rem; margin-top: var(--box-offset); } .df-arrow-wr.arrow-in-heading > * { margin-top: 0; } .heading-wr { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--m2); } .small-heading { -ms-flex-negative: 0; flex-shrink: 0; width: var(--list-left-offset); font-weight: 300; font-size: 14px; padding-left: 1em; line-height: 1.2; color: var(--main-color); position: relative; } .small-heading:before { content: ' '; position: absolute; top: calc((0.5em * 1.2) / 2); left: 0; width: 6rem; height: 6rem; border-radius: 50%; background-color: currentColor; } .heading-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .heading-ot { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20rem; -ms-flex-item-align: end; align-self: flex-end; } .heading-content-inner { line-height: 1.21; color: #585858; } .heading-content-inner p { max-width: 75.3%; } .heading-content-inner h1, .heading-content-inner h2 { margin-bottom: var(--m1); } .heading-content-inner > *:last-child { margin-bottom: 0; } .carousel-slider { margin-left: calc(-1 * var(--box-offset) / 2); margin-right: calc(-1 * var(--box-offset) / 2); padding-top: 1px; padding-bottom: 1px; } .carousel-slider .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 25%; padding-left: calc(var(--box-offset) / 2); padding-right: calc(var(--box-offset) / 2); } .carousel-slider .swiper-slide { height: auto; } .cl-item { 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-shadow: inset 0 0 0 1px #d4e0e9; box-shadow: inset 0 0 0 1px #d4e0e9; border-radius: 20px; padding: var(--box-offset); color: #585858; position: relative; -webkit-transition: color 300ms; transition: color 300ms; } .cl-item:hover { color: black; } .cl-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .cl-item > *:last-child { margin-bottom: 0; } .cl-inner-top { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 17rem; } .cl-inner-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 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: end; -ms-flex-pack: end; justify-content: flex-end; } .cl-inner-main > *:last-child { margin-bottom: 0; } .cl-heading { font-weight: 300; font-size: var(--fs14); line-height: 1.2; color: inherit; text-transform: none; } .cl-image.rs-image { --base-width: 295; --base-height: 90; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0.7; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .cl-item:hover .cl-image.rs-image { opacity: 1; } .cl-image.rs-image:after { content: ' '; padding: 15.256% 0; } .cl-image.rs-image .rs-image-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } ul.qu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * var(--box-offset) / 2); margin-right: calc(-1 * var(--box-offset) / 2); margin-top: calc(-1 * var(--box-offset)); } ul.qu-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 33.3333%; padding-left: calc(var(--box-offset) / 2); padding-right: calc(var(--box-offset) / 2); margin-top: var(--box-offset); } .qu-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; font-weight: 300; line-height: 1.2; color: #000; } .qu-ico { -ms-flex-negative: 0; flex-shrink: 0; width: 128rem; min-height: 108rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#348ec6), to(#1a426e)); background-image: linear-gradient(180deg, #348ec6 0%, #1a426e 100%); border-radius: 20px 0 0 20px; padding: 10rem 30rem 10rem 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .qu-ico-inner { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .bg-ico > img, .qu-ico-inner > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; } .qu-ico-inner > img { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .qu-box:hover .qu-ico-inner > img { -webkit-transform: scale(1.15) translateZ(0); transform: scale(1.15) translateZ(0); } .bg-ico { opacity: 0.26; width: 100%; height: 100%; margin-left: 39%; position: relative; -webkit-transform: scale(1.7); transform: scale(1.7); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.2))); -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%); mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.2))); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%); } .qu-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; background-color: #f3f9fd; border-radius: 20px; margin-left: -20px; padding: var(--box-offset) calc(var(--box-offset) * 1.5); 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: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; } .qu-main > *:last-child { margin-bottom: 0; } .qu-main > * { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul.srv-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * var(--box-offset) / 2); margin-right: calc(-1 * var(--box-offset) / 2); margin-top: calc(-1 * var(--box-offset)); } ul.srv-list > li { width: 25%; -ms-flex-negative: 0; flex-shrink: 0; padding-left: calc(var(--box-offset) / 2); padding-right: calc(var(--box-offset) / 2); margin-top: var(--box-offset); } .srv-box { background-color: #f3f9fd; color: black; height: 100%; overflow: hidden; border-radius: 20px; padding: var(--box-offset); min-height: 210rem; 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; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; text-align: left; -webkit-transition: color 300ms; transition: color 300ms; } .srv-box:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: -webkit-gradient(linear, left top, left bottom, from(#348ec6), to(#1a426e)); background: linear-gradient(180deg, #348ec6 0%, #1a426e 100%); opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .srv-box:hover:before { opacity: 1; visibility: visible; } .srv-box:hover { color: white; } .srv-inner-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; position: relative; z-index: 2; } .srv-heading { font-weight: 400; font-size: var(--fs16); line-height: 1.2; color: inherit; text-transform: none; } .srv-inner-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-top: var(--box-offset); position: relative; z-index: 2; } .srv-inner-main > *:last-child, .srv-inner-bottom > *:last-child { margin-bottom: 0; } .srv-link { color: var(--main-color); font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms; transition: color 300ms; } .srv-box:hover .srv-link { color: inherit; } .srv-link i { font-size: 0.65em; margin-left: 0.5em; margin-top: 0.2em; overflow: hidden; position: relative; } .srv-link i:before { position: relative; display: block; } .srv-box:hover .srv-link i:before { -webkit-animation: link-arrow 600ms ease; animation: link-arrow 600ms ease; } @-webkit-keyframes link-arrow { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes link-arrow { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .srv-icon { position: absolute; right: var(--box-offset); top: var(--box-offset); bottom: var(--box-offset); z-index: 1; -webkit-transform: translateX(50%); transform: translateX(50%); width: 100%; opacity: 0.2; } .srv-icon > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; } .srv-main-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; } ul.nw-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * var(--box-offset) / 2); margin-right: calc(-1 * var(--box-offset) / 2); margin-top: calc(-1 * var(--box-offset)); } ul.nw-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 25%; padding-left: calc(var(--box-offset) / 2); padding-right: calc(var(--box-offset) / 2); margin-top: var(--box-offset); } .nw-box { --nw-box-right-offset: 98rem; background-color: #f3f9fd; padding: var(--box-offset); border-radius: 20px; overflow: hidden; 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; position: relative; color: black; -webkit-transition: color 300ms; transition: color 300ms; } .nw-box:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: -webkit-gradient(linear, left top, left bottom, from(#348ec6), to(#1a426e)); background: linear-gradient(180deg, #348ec6 0%, #1a426e 100%); opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .nw-box:hover:before { visibility: visible; opacity: 1; } .nw-box:hover { color: white; } .nw-box .nw-box-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; text-indent: -9999px; } .nw-box > * { position: relative; z-index: 2; } .nw-img { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-bottom: 48rem; height: 140rem; position: relative; width: 100%; overflow: hidden; border-radius: 8px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: width 300ms; transition: width 300ms; } .nw-img-inner { width: 100%; height: 100%; position: relative; -webkit-transform: translateX(calc(-1 * var(--nw-box-right-offset))); transform: translateX(calc(-1 * var(--nw-box-right-offset))); overflow: hidden; border-radius: 8px; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .nw-img-inner > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; max-width: none; -webkit-transform: translateX(calc(var(--nw-box-right-offset) / 2)); transform: translateX(calc(var(--nw-box-right-offset) / 2)); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .nw-box:hover .nw-img-inner > img, .nw-box:hover .nw-img-inner { -webkit-transform: translateX(0); transform: translateX(0); } .nw-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .nw-main > *:last-child { margin-bottom: 0; } .nw-main time { display: block; color: #929292; line-height: 1.2; margin-bottom: 12rem; -webkit-transition: color 300ms; transition: color 300ms; } .nw-box:hover .nw-main time { color: inherit; } .nw-heading { font-weight: 400; font-size: var(--fs16); line-height: 1.2; color: inherit; text-transform: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(3em * 1.2); } ul.nw-list > li:nth-child(14n + 1), ul.nw-list > li:nth-child(14n + 10) { width: 50%; } ul.nw-list > li:nth-child(14n + 1) .nw-main, ul.nw-list > li:nth-child(14n + 10) .nw-main { padding-right: var(--nw-box-right-offset); } ul.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: var(--btn-height); margin-top: 60rem; margin-left: -4rem; margin-right: -4rem; text-align: left; color: black; } ul.pagination > li { padding-left: 6rem; padding-right: 6rem; } .pg-item { text-decoration: none; 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; text-align: center; height: 100%; background-color: #f3f9fd; min-width: calc(var(--btn-height) * 1.06); border-radius: 8px; color: inherit; font-weight: 300; font-size: var(--fs16); -webkit-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } .pg-item.pg-arrow { margin-left: -4rem; margin-right: -4rem; background-color: transparent; color: var(--main-color); } .pg-item.pg-arrow:hover, .pg-item:hover { text-decoration: none; background-color: #dfecf5; } ul.pagination > li.active .pg-item { background-color: var(--main-color); color: white; } ul.pagination > li.disabled .pg-item { background-color: transparent; color: #d4e0e9; cursor: not-allowed; } .infobar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16rem; margin-top: -16rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 23rem; } .infobar > * { margin-left: 16rem; margin-top: 16rem; } .read-time, .views { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .read-time span, .views span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .read-time i, .views i { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.3em; } .views i { font-size: 0.9em; } .gl-slider-wrp { overflow: hidden; margin-bottom: 40rem; position: relative; } .gl-slider { margin-left: calc(-1 * var(--box-offset) / 2); margin-right: calc(-1 * var(--box-offset) / 2); } .gl-slider .swiper-slide { padding-left: calc(var(--box-offset) / 2); padding-right: calc(var(--box-offset) / 2); } .gl-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; text-decoration: none; overflow: hidden; border-radius: 20px; } .gl-item:hover { text-decoration: none; } .gl-item:after { content: ' '; padding: 21.47% 0; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; } .gl-item > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .title { margin-top: 16rem; color: #929292; text-align: left; } @media screen and (min-width: 480px) { .gl-slider-wrp .df-arrow-wr { position: absolute; top: 50%; z-index: 4; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0; margin-left: 0; width: 100%; padding-left: 30rem; padding-right: 30rem; } .gl-slider-wrp .df-arrow-wr > * { margin: 0; } } html body .fancybox-container .fancybox-close-small { color: var(--main-color); opacity: 1; background-color: white; right: 0; border-radius: 50%; margin-top: 0px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } html body .fancybox-container .fancybox-close-small:hover { color: red; } .fancybox-navigation .fancybox-button { 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; background-color: transparent; } .fancybox-navigation .fancybox-button div { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; padding: 10rem; } .fancybox-container.last-slide .fancybox-button--arrow_right, .fancybox-container.first-slide .fancybox-button--arrow_left { opacity: 0.5; cursor: not-allowed; } .fancybox-container.last-slide .fancybox-button--arrow_right div, .fancybox-container.first-slide .fancybox-button--arrow_left div { background-color: white; color: var(--main-color); } .nw-pagination { margin-left: -20rem; margin-top: 40rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nw-pagination > * { margin-left: 20rem; } .nw-link { text-decoration: none; font-weight: 300; font-size: var(--fs16); line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nw-link:hover { text-decoration: none; } .nw-link span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .nw-link i { font-size: 0.6em; margin-top: 0.2em; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; position: relative; } .nw-link i:before { position: relative; display: block; } .nw-link.nw-prev i { margin-right: 1em; } .nw-link.nw-next i { margin-left: 1em; } .nw-link.nw-prev:hover i:before { -webkit-animation: nw-link-arrow-prev 600ms ease; animation: nw-link-arrow-prev 600ms ease; } @-webkit-keyframes nw-link-arrow-prev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes nw-link-arrow-prev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .nw-link.nw-next:hover i:before { -webkit-animation: nw-link-arrow-next 600ms ease; animation: nw-link-arrow-next 600ms ease; } @-webkit-keyframes nw-link-arrow-next { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes nw-link-arrow-next { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .nw-link.nw-next { text-align: right; } .search-info { text-align: left; color: #585858; margin-bottom: var(--m3); } ul.serach-results { text-align: left; line-height: 1.15; } ul.serach-results > li:first-child { border-top: 1px solid #d4e0e9; } ul.serach-results > li { border-bottom: 1px solid #d4e0e9; padding-top: 24rem; padding-bottom: 24rem; } .serach-result { text-decoration: none; color: inherit; } .serach-result:hover { text-decoration: none; } .serach-result > *:last-child { margin-bottom: 0; } .search-heading { font-weight: 400; font-size: var(--fs16); line-height: 1.2; color: #000; margin-bottom: 16rem; display: block; -webkit-transition: color 300ms; transition: color 300ms; } .serach-result:hover .search-heading { color: var(--main-color); } .search-text { display: block; } .serach-result strong { font-weight: inherit; color: var(--main-color); } .tg-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20rem; margin-top: -20rem; } .tg-item { min-height: 35rem; background-color: #3D7AA7; margin-left: 20rem; margin-top: 20rem; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; 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; padding: 10rem 18rem; border-radius: 100px; max-width: calc(100% - 20rem); line-height: 1; color: white; } .tg-item.dotted:before, .tg-item.dotted:after { content: ' '; width: 6px; height: 6px; background-color: currentColor; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .tg-item.dotted:before { margin-right: 14rem; } .tg-item.dotted:after { margin-left: 14rem; } .tg-item span { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } @supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) { .breadcrumb > li > a:hover, a { text-decoration: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: -webkit-text-decoration-color 300ms; transition: -webkit-text-decoration-color 300ms; transition: text-decoration-color 300ms; transition: text-decoration-color 300ms, -webkit-text-decoration-color 300ms; text-underline-offset: 0.3em; text-decoration-thickness: 1px; } .breadcrumb > li > a, a:hover { text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-underline-offset: 0.3em; text-decoration-thickness: 1px; } } @media screen and (max-width: 1349px) { html { font-size: 0.9px; } :root { --fs: 19rem; } .qu-ico-inner { -webkit-transform: scale(0.9); transform: scale(0.9); } .nw-img { margin-bottom: 35rem; } } @media screen and (max-width: 1199px) { html { font-size: 0.8px; } :root { --fs: 18rem; --hb: 18px; --content-offset-top: 25rem; --content-offset-bottom: 90rem; } .footer { padding-bottom: 70rem; } .modal-btn-wrp { margin-top: 30rem; } #send-resume-tnx.modal p, #order-service-tnx.modal p { line-height: inherit; } .cl-heading { font-size: var(--fs16); } .carousel-slider .swiper-slide { width: 33.3333%; } .qu-ico-inner { -webkit-transform: scale(0.8); transform: scale(0.8); } .srv-box { min-height: 180rem; } .nw-box { --nw-box-right-offset: 80rem; } .gl-slider-wrp .df-arrow-wr { padding-left: 20rem; padding-right: 20rem; } .tg-item span { bottom: -0.1em; } } @media screen and (max-width: 991px) { :root { --h1: calc(var(--hb)* 26 / 20); --content-offset-top: 0rem; --site-padding: 15px; --list-left-offset: calc(160rem + (var(--box-offset) / 2)); } .banner .heading:before { top: 0.4em; } .banner { padding: 24rem; } .banner.type-2 { min-height: 380rem; } ul.breadcrumb { margin-bottom: 30rem; } .nav-header-inner .mh-col-c { padding-right: 0; } .mh-col-l, .mh-col-c { margin-right: 15rem; } .au-info > *:not(:last-child) { margin-bottom: 0rem; } .btn { padding-left: 15px; padding-right: 15px; } ul.nav-list > li { margin-right: 4px; } .header .contacts-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -2px; margin-left: -15rem; } .header .contact-link { margin-top: 2px; margin-left: 15rem; } .mh-col-c { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ul.nav-list > li { width: auto; } .f-col-l { width: 26.8%; } .modal { width: 886rem; padding: 45rem; } .modal .modal-close { font-size: 40px; } .small-heading { display: none; } ul.qu-list > li { width: 50%; } ul.srv-list > li { width: 33.3333%; } ul.nw-list > li { width: 33.3333%; } ul.nw-list > li:nth-child(14n + 1), ul.nw-list > li:nth-child(14n + 10) { width: 66.6666%; } } @media screen and (min-width: 768px) { .nav .nav-top, .nav-btn { display: none; } } @media screen and (max-width: 767px) { :root { --site-padding: 15px; --list-left-offset: calc(90rem + (var(--box-offset) / 2)); } .list-item.type-1 .list-item-inner:before, .list-item.type-2 .list-item-inner:before { width: calc(var(--list-left-offset) / 1.3); } .accordion-hidden-inner { padding-left: calc(var(--list-left-offset) / 1.3); } .list-item-icon { width: 50rem; } .nav { position: fixed; top: 0; right: 100%; bottom: 0; background-color: white; width: 270px; padding: 20rem var(--site-padding); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 200; padding-bottom: 0; visibility: hidden; -webkit-transition: visibility 600ms, -webkit-transform 600ms; transition: visibility 600ms, -webkit-transform 600ms; transition: transform 600ms, visibility 600ms; transition: transform 600ms, visibility 600ms, -webkit-transform 600ms; } body.nav-open .nav { visibility: visible; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .nav-top { margin-bottom: 20rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .nt-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .nav-top .nav-btn { margin-left: 20rem; margin-right: 0; } ul.nav-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 1%; overflow-y: scroll; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: calc(-1 * var(--site-padding)); padding-right: calc(var(--site-padding) - 3px); padding-bottom: 20rem; } ul.nav-list::-webkit-scrollbar { width: 3px; } ul.nav-list::-webkit-scrollbar-track { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } ul.nav-list::-webkit-scrollbar-thumb { background-color: var(--main-color); outline: none; } ul.nav-list > li { margin-right: 0; margin-top: 12rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul.nav-list > li:first-child { margin-top: 0; } .nav-item:hover, ul.nav-list > li.subnav-open .nav-item, .nav-item:active { background-position: 101% 0; color: black; background-image: none; } ul.nav-list > li.subnav-open .nav-item { background-color: var(--main-color); color: white; } .bn-main { width: 100%; } .header .mh-ed-text { width: 100%; text-align: center; display: block; } .header .mh-ed-text i { margin-right: 2px; } .mh-col-l { width: auto; -ms-flex-negative: 0; flex-shrink: 0; } .nav-btn { --nav-btn-size: 1px; --nav-btn-animation-duration: 300ms; margin-right: 0; position: relative; z-index: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-right: 8px; padding-top: 10px; padding-bottom: 10px; } .nav-btn > span { width: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-btn > span:before, .nav-btn > span > i { -ms-flex-negative: 0; flex-shrink: 0; height: var(--nav-btn-size); width: 100%; background-color: currentColor; } .nav-btn > span > i { position: absolute; z-index: 2; -webkit-transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration); transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration); transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration); transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration); } .nav-btn > span:before { content: ' '; z-index: 1; visibility: visible; -webkit-transition: visibility var(--nav-btn-animation-duration) var(--nav-btn-animation-duration); transition: visibility var(--nav-btn-animation-duration) var(--nav-btn-animation-duration); } .nav-btn > span > i:first-child { top: 0; } .nav-btn > span > i:last-child { bottom: 0; } /*active*/ .nav-btn.active > span:before { -webkit-transition: visibility var(--nav-btn-animation-duration); transition: visibility var(--nav-btn-animation-duration); } .nav-btn.active > span:before { visibility: hidden; } .nav-btn.active > span > i { -webkit-transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration); transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration); transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration); transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration); } .nav-btn.active > span > i:first-child { top: calc(50% - var(--nav-btn-size) / 2); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-btn.active > span > i:last-child { bottom: calc(50% - var(--nav-btn-size) / 2); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } ul.nav-list .subnav { display: block; position: relative; top: auto; left: auto; width: 100%; padding-top: 0; z-index: auto; opacity: 1; visibility: visible; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; overflow: hidden; display: none; } ul.nav-list .subnav ul { -webkit-transform: none; transform: none; padding: 20rem 0; text-align: center; } .mh-col-r .btn { width: 100%; } .nav-header-inner .mh-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .footer-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .f-col-l { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 40rem; } .f-col-l .f-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-negative: 1; flex-shrink: 1; } .f-col-l .f-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: auto; } .f-col-r { width: 41%; } ol:not(.custom) ul:not(.custom) { margin-top: 5rem; margin-left: 26rem; } .accordion-hidden-inner { max-width: 100%; } .carousel-slider .swiper-slide { width: 50%; } .heading-content-inner p { max-width: 100%; } .qu-main { padding: var(--box-offset); } ul.srv-list > li { width: 50%; } ul.nw-list > li { width: 50%; } ul.nw-list > li:nth-child(14n + 1), ul.nw-list > li:nth-child(14n + 10) { width: 100%; } .nw-img-inner > img, .nw-img-inner { -webkit-transform: none; transform: none; } } @media screen and (max-width: 629px) { :root { --hb: 15px; } ul.social-list { margin-left: 6rem; } .mh-ed-text-wrapper { display: none; } .main-header-inner .mh-col-c { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: auto; margin-right: 0; } .main-header .mh-col-l { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .nav-header-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10rem; } .nav-header-inner .mh-col-l { width: 1%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 15rem; } .nav-header-inner .mh-col-c { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: auto; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; margin-bottom: 15rem; } .nav-header-inner .mh-col-r { width: 100%; } .f-col-c { width: 100%; padding-right: 0; margin-bottom: 20rem; } .f-col-r { width: 100%; } .f-col-r .f-bottom { margin-top: 19rem; } .f-col-r .f-main > * { width: 100%; } ul.f-nav-list { margin-top: -20rem; } ul.f-nav-list > li { margin-top: 20rem; } ul.f-nav-list + ul { margin-top: 0rem; } .f-main-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .f-form-img { width: 100%; margin-right: 0; padding-right: 0; margin-bottom: var(--box-offset); } .f-form-img-inner { border-radius: 10px; } .f-form { width: 100%; } .fc-select-scroll { max-height: 260rem; } #send-resume-tnx.modal, #order-service-tnx.modal, .modal { padding: 30rem; } .modal .modal-close { font-size: 36px; } #send-resume-tnx.modal, #order-service-tnx.modal { width: 560rem; } .list-item-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-item.type-2 .list-item-col:nth-child(2), .list-item.type-1 .list-item-col:nth-child(2), .list-item-col:not(:first-child) { min-height: 0; } .list-item.type-2 .list-item-col:nth-child(2), .list-item.type-1 .list-item-col:nth-child(2), .list-item-col:not(:first-child), .list-item-col:first-child, .list-item-col { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .carousel-slider .swiper-slide { width: 335rem; max-width: 100%; } .heading-ot { display: none; } .carousel-slider-wrp .df-arrow-wr { display: -webkit-box; display: -ms-flexbox; display: flex; } ul.qu-list > li { width: 100%; } ul.nw-list > li:nth-child(14n + 1) .nw-main, ul.nw-list > li:nth-child(14n + 10) .nw-main { padding-right: 0; } .nw-box { padding: 15rem; } ul.pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } html body .fancybox-container .fancybox-close-small { top: 5px; right: 5px; bottom: auto; width: 40rem; height: 40rem; padding: 5rem; } .gl-slider-wrp .df-arrow-wr { padding-left: 15rem; padding-right: 15rem; } } @media screen and (max-width: 479px) { :root { --hb: 14px; --h1: calc(var(--hb) * 24 / 20); --list-left-offset: calc(60rem + (var(--box-offset) / 2)); --m-df: calc(var(--r) * 100 / 20); } .banner { padding: 25rem 15rem; } h1, h2, h3, h4, h5, h6, .heading, .heading2, .heading3, .heading4, .heading5, .heading6 { margin: 0 0 25rem 0; } .banner .heading:before { top: 0.5em; width: 5px; height: 5px; } .main-header-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-header-inner .mh-col-c { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 12rem; padding-bottom: 5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header .contacts-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-link i { margin-right: 0.6em; } .header { padding-top: 10rem; padding-bottom: 15rem; } .search-header { padding-top: 15rem; } .main-header .mh-col-l { margin-right: 0; } .mh-ed-text-wrapper { display: block; width: 100%; padding-right: 0; margin-bottom: 15rem; } .header .contacts-links { margin-left: -10rem; } .header .contact-link { margin-left: 10rem; } .h-search input:not(.btn) { padding: 5px 10rem; } .bn-bottom > * { margin-top: 30rem; } .f-col-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .f-col-l .f-main { width: 100%; } .footer { padding-bottom: 40rem; } .banner .heading:before { top: 0.45em; } #send-resume-tnx.modal, #order-service-tnx.modal, .modal { padding: 15rem; padding-top: 30rem; border-radius: 15px; } .modal .modal-close { font-size: 32px; font-weight: 700; } .list-item.type-1 .list-item-inner:before, .list-item.type-2 .list-item-inner:before { width: var(--list-left-offset) } .accordion-hidden-inner { padding-left: var(--list-left-offset); } .list-item.type-3 .list-item-inner:before { font-size: 26rem; } .accordion-hidden-inner { padding-left: 0; } .list-item-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-item:not(.type-1):not(.type-3) .list-item-last { width: 100%; padding-left: var(--list-left-offset); margin-top: 15rem; } .list-item:not(.type-1):not(.type-3) .list-item-col { padding-right: 0; } .list-item.type-3 .list-item-last { -ms-flex-item-align: start; align-self: flex-start; } .list-item-icon { width: var(--btn-height); } .toggle-btn.circle-btn { width: 30rem; height: 30rem; } .toggle-btn:before { height: 15rem; } .toggle-btn:after { width: 15rem; } .list-item-col { padding-right: 15rem; } .qu-ico { width: 110rem; border-radius: 15px 0 0 15px; } .qu-main { border-radius: 15px; } ul.srv-list > li { width: 100%; } .srv-box { border-radius: 15px; } ul.nw-list > li { width: 100%; } .nw-box, .banner { border-radius: 15px; } .nw-main time { margin-bottom: 10rem; } .nw-img { margin-bottom: 30rem; } ul.pagination { margin-top: 40rem; } .gl-slider-wrp .df-arrow-wr { padding-left: 0; padding-right: 0; } .gl-item { border-radius: 15px; } .search-heading { margin-bottom: 10rem; } } /* End */ /* Start:/local/templates/main/css/custom.css?1783490160525*/ .bx-core-adm-dialog button, .bx-core-adm-dialog input, .bx-core-adm-dialog optgroup, .bx-core-adm-dialog select, .bx-core-adm-dialog textarea { -webkit-appearance: auto !important; } .cs-invbl { display: none; } .cs-invbl_imp { display: none!important; } .cs-err { color: red; } .search-heading b { font-weight: inherit; } .serach-result .search-text b { font-weight: inherit; color: var(--main-color); } .copyright { z-index: 2; position: relative; margin-top: 40px; } /* End */ /* Start:/bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/style.css?1753184957989*/ .bx_breadcrumbs{ margin-bottom:15px; padding-top:0px } .bx_breadcrumbs ul{ margin:0; padding:0 } .bx_breadcrumbs ul li{ display:inline-block; line-height:20px } .bx_breadcrumbs ul li a{ display:block; padding:0 15px; background:url(/bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/images/breadcrumbs_arrow.png) no-repeat center right; color:#555; text-decoration:none; font-size:11px; opacity:.5 } .bx_breadcrumbs ul li:first-child a{padding-left:0} .bx_breadcrumbs ul li:last-child a{background:none} .bx_breadcrumbs ul li a:hover{ text-decoration:underline; line-height:20px; opacity:1 } .bx_breadcrumbs ul li span{ display:block; padding:0 15px; color:#aaa; text-decoration:none; font-size:11px } .bx_breadcrumbs, .bx_breadcrumbs ul li{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } /* End */ /* Start:/bitrix/components/awz/cookies.sett/templates/.default/style.css?17828020627950*/ .awz_cookies_sett__message {display: block;position: fixed;z-index: 1049; width:60%;max-width:580px; right:auto;left:auto;bottom:auto;top:auto; font-size:0.8em;line-height:1.3em;border-radius:10px; } .awz_cookies_sett__message_bottom_right, .awz_cookies_sett__message_ { right:10px;bottom:10px; } .awz_cookies_sett__message_bottom_left { left:10px;bottom:10px; } .awz_cookies_sett__message_top_left { left:10px;top:10px; } .awz_cookies_sett__message_top_right { right:10px;top:10px; } .awz_cookies_sett__message_bottom_center, .awz_cookies_sett__message_top_center { left:50%; margin-left:-290px; } @media (max-width: 1102px) { .awz_cookies_sett__message_bottom_center, .awz_cookies_sett__message_top_center { left:20%; margin-left:0; } } .awz_cookies_sett__message_bottom_center {bottom:10px;} .awz_cookies_sett__message_top_center {top:10px;} .awz_cookies_sett__admin .awz_cookies_sett__message {position: static;width:100%; max-width:580px; font-size: 1em;line-height:1.3em;margin:0; } .awz_cookies_sett__container {display:block;padding:0.8em 1.5em;} .awz_cookies_sett__btn {padding:0.4em 0.8em;margin:0.3em;display:inline-block; border-radius:5px;text-decoration: none;} .awz_cookies_sett__btn {cursor: pointer;} .awz_cookies_sett__btn:hover {cursor: pointer;} .awz_cookies_sett__row { display: flex; align-content: center; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; } .awz_cookies_sett__col {width:100%;} .awz_cookies_sett__col__right {text-align: center;width:auto;} .awz_cookies_sett__agr_link {text-decoration: underline;} .awz_cookies_sett__detail {padding:1em 2em;font-size:1.1em;line-height:1.3em;} .awz_cookies_sett__detail-row {display:block;clear:both;overflow:hidden; padding-top:0.5rem;margin-top:0.5rem; } .awz_cookies_sett__detail-alert {color:red;margin-bottom:1em;font-weight:bold;} .awz_cookies_sett__detail-checkbox-text {display:block;position:relative;margin-bottom:0.5em;} .awz_cookies_sett__detail-title {font-weight:bold;padding:3px 0;display:block;} .awz_cookies_sett__save, .awz_cookies_sett__save:hover {background:red;color:#ffffff;padding:0.6em 1.5em;text-decoration:none; display:inline-block; margin-top:1em; border:none; outline: none; border-radius: 10px; } .awz_cookies_sett__detail-checkbox-wrapper-42 {display:block;float:left;margin-right:5px;} .awz_cookies_sett__detail-checkbox-wrapper-42 .dsbl {opacity:0.35;} .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"] { display: none; visibility: hidden; } .awz_cookies_sett__detail-checkbox-wrapper-42 label { display: inline-block; float:left; margin-top:1px; } .awz_cookies_sett__detail-checkbox-wrapper-42 .cbx { position: relative; top: 1px; width: 17px; height: 17px; border:1px solid #000000; border-radius: 3px; vertical-align: middle; transition: background 0.1s ease; cursor: pointer; } .awz_cookies_sett__detail-checkbox-wrapper-42 .cbx:after { content: ''; position: absolute; top: 1px; left: 5px; width: 5px; height: 11px; opacity: 0; transform: rotate(45deg) scale(0); border-right: 2px solid #000; border-bottom: 2px solid #000; transition: all 0.3s ease; transition-delay: 0.15s; } .awz_cookies_sett__detail-checkbox-wrapper-42 .lbl { margin-left: 5px; vertical-align: middle; cursor: pointer; } .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx { border-color: #000000; animation: awz-autform2-checkbox-jelly-42 0.6s ease; } .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx:after { opacity: 1; transform: rotate(45deg) scale(1); } .awz_cookies_sett__detail-checkbox-wrapper-42 .cntr { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; } @-moz-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @-webkit-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @-o-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } .awz_cookies_sett__switch { position: relative; display: inline-block; width: 40px; height: 20px; min-width: 40px; } .awz_cookies_sett__switch input { opacity: 0; width: 0; height: 0; } .awz_cookies_sett__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .awz_cookies_sett__slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; border-radius: 50%; } input:checked+.awz_cookies_sett__slider { background-color: red; } input:checked+.awz_cookies_sett__slider:before { transform: translateX(20px); } .awz_cookies_sett__detail-checkbox-top { display: flex; justify-content: space-between; align-items: center } .awz_cookies_sett__bg1 {background: #171241;} .awz_cookies_sett__bg2 {background: #ffffff;} .awz_cookies_sett__bg2:hover {background: #ffe40e;} .awz_cookies_sett__bg3 {background: #f1d600;} .awz_cookies_sett__bg3:hover {background: #ffe40e;} .awz_cookies_sett__color1 {color:#171241;} .awz_cookies_sett__color2 {color:#ffffff;} a.awz_cookies_sett__color2:hover {color:#ffe40e;} #popup-window-content-awz_cmp_cookies {max-height:100%;} @media (max-width: 767.98px) { .awz_cookies_sett__message{ width:100%; max-width: 768px; border-radius:0px; text-align: center; } .awz_cookies_sett__message_bottom_right, .awz_cookies_sett__message_{right:0;bottom:0;} .awz_cookies_sett__message_bottom_left, .awz_cookies_sett__message_bottom_center {left:0;bottom:0;} .awz_cookies_sett__message_top_left, .awz_cookies_sett__message_top_center {left:0;top:0;} .awz_cookies_sett__message_top_right {right:0;top:0;} .awz_cookies_sett__message br {display:none;} .awz_cookies_sett__row {flex-direction: column;} .awz_cookies_sett__col__right {padding-top:0.3em;} } /* End */ /* Start:/local/templates/main/template_styles.css?17840414284061*/ /* О КОМПАНИИ */ .about-wrap { display: flex; gap: 20px; flex-wrap: wrap; } .about-img { flex-basis: 40%; flex-shrink: 0; max-width: 520px; } .about-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .about-info { flex-basis: 60%; display: flex; flex-direction: column; } .about-info .small-heading { margin-bottom: 5px; } .about-info ul.qu-list>li { padding-left: 10px; padding-right: 10px; margin-top: 0; } .about-info .qu-ico { width: 80rem; min-height: 80rem; } .about-info .qu-main { font-size: 11px; padding: 10px 15px; } .about-info .qu-list.custom { margin-top: 30px; } /* ПРОЕКТЫ */ .pr-list.custom { display: flex; gap: 30px; flex-wrap: wrap; } .pr-list.custom li { width: calc(33.33% - 20px); min-height: 300px; border-radius: 20px; overflow: hidden; } .pr-box-link { width: 100%; height: 100%; display: flex; background: rgba(0, 0, 0, 0.3); align-items: flex-end; transition: all .3s; } .pr-box-link:hover { background: rgba(0, 0, 0, 0.4); transition: all .3s; } .arrow-all { font-size: 22px; } .pr-heading { color: #fff; font-size: 20px; padding: 0 20px; } .pr-content { display: flex; gap: 30px; flex-wrap: wrap; } .pr-content .gl-slider-wrp { width: calc(40% - 15px); flex-shrink: 0; height: 420px; } .pr-detail { width: calc(60% - 15px); display: flex; flex-direction: column; } .pr-content .gl-item::after { padding: 28.47% 0 !important; } .pr-buttons { margin-top: 30px; display: flex; gap: 20px; } .btn.btn-white.bordered { border: 1px solid var(--main-color); } .pr-params { margin-top: 30px; } .pr-params ul li { color: #000; } .pr-params ul li span { color: var(--main-color); } .pr-section { margin-bottom: 40px; } /* FAQ */ .accordion-head-js.faq-item-title { padding: 20px; background: #F3F9FD; margin-bottom: 10px; border-radius: 8px; } .faq-items .heading3.list-item-heading { margin-bottom: 0; } .accordion-hidden-js.faq-item-text { display: none; padding: 20px; } .faq-item-title { position: relative; } .faq-item-title::after { content: ''; display: flex; width: 22px; height: 22px; background: url('/local/templates/main/img/chew.svg') center center / contain no-repeat; position: absolute; right: 15px; top: calc(50% - 11px); transition: all .3s; } .faq-item.open .faq-item-title::after { transform: rotate(180deg); transition: all .3s; } /* MAP */ .map-wrap { display: flex; flex-wrap: wrap; gap: 30px; } .map-frame { width: 50%; border-radius: 20px; overflow: hidden; flex-shrink: 0; height: 250px; } .map-contacts { padding: 20px 10px; } .map-info-title { margin-bottom: 10px; } .map-info-text { margin-bottom: 20px; } .hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } /* @MEDIA */ @media (max-width :767px) { .about-img { flex-basis: 100%; } .about-info { flex-basis: 100%; } .about-info .qu-list.custom li { margin-bottom: 10px; } .about-info .small-heading { display: block; font-size: 13px; width: auto; margin-bottom: 8px; } .pr-list.custom li { width: calc(50% - 15px); min-height: 250px; } .map-frame, .map-contacts { width: 100%; } } @media (max-width :476px) { .pr-list.custom li { width: 100%; } } /* End */ /* /local/templates/main/css/swiper-bundle.min.css?175075525918468 */ /* /local/templates/main/css/form-components.css?175075525923990 */ /* /local/templates/main/css/dropzone.css?175075525913176 */ /* /local/templates/main/css/jquery.fancybox.min.css?175075525912795 */ /* /local/templates/main/css/main.css?175075525988558 */ /* /local/templates/main/css/custom.css?1783490160525 */ /* /bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/style.css?1753184957989 */ /* /bitrix/components/awz/cookies.sett/templates/.default/style.css?17828020627950 */ /* /local/templates/main/template_styles.css?17840414284061 */