/* ========================================================================== * Font related functions * ========================================================================== */ /** * Calculate line-height ratio from font-size and line-height in px value */ /** * Mixin for setting font-size in REM through a Sass Map with all available sizes USAGE: .myClass { @include font-size(x-large); } */ /** * A simple function for accessing the font families from our mapping USAGE: span { @include font-family(primary); } */ /** * Font mixin for setting font-size, font-weight, and line-height USAGE: .myClass { @include font(x-large, 34, 500); } .myClass { @include font(medium, $weight: 300); } */ /* Media query mixin for writing Mobile First * ========================================== */ /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :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; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -webkit-scroll-snap-type: none; -ms-scroll-snap-type: none; 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: ''; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-box-ordinal-group: 10000; -ms-flex-order: 9999; 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 { -webkit-margin-start: var(--swiper-centered-offset-before); -moz-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); 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); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 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; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Slide styles end */ .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; -o-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: .45s; -o-transition-duration: .45s; transition-duration: .45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: .55s; -o-transition-duration: .55s; transition-duration: .55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: .55s; -o-transition-delay: .55s; transition-delay: .55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: .65s; -o-transition-duration: .65s; transition-duration: .65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: .65s; -o-transition-delay: .65s; transition-delay: .65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: .75s; -o-transition-duration: .75s; transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: .85s; -o-transition-duration: .85s; transition-duration: .85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: .85s; -o-transition-delay: .85s; transition-delay: .85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: .9s; -o-transition-duration: .9s; transition-duration: .9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: .95s; -o-transition-duration: .95s; transition-duration: .95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; -o-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; -o-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; -o-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; -o-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; -o-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; -o-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; -o-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; -o-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; -o-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; -o-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; -o-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; -o-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; -o-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; -o-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; -o-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; -o-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; -o-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; -o-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; -o-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; -o-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; -o-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; -o-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; -o-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; -o-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; -o-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; -o-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; -o-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; -o-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; -o-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; -o-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; -o-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; -o-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; -o-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; -o-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; -o-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; -o-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; -o-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; -o-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; -o-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; -o-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; -o-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; -o-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; -o-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; -o-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; -o-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; -o-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; -o-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; -o-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; -o-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; -o-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; -o-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; -o-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; -o-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; -o-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /* ========================================================================== Config settings ========================================================================== */ @font-face { font-family: 'Bw Gradual'; src: url("../fonts/bwgradual/BwGradual-Regular.eot"); src: url("../fonts/bwgradual/BwGradual-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bwgradual/BwGradual-Regular.woff2") format("woff2"), url("../fonts/bwgradual/BwGradual-Regular.woff") format("woff"), url("../fonts/bwgradual/BwGradual-Regular.ttf") format("truetype"), url("../fonts/bwgradual/BwGradual-Regular.svg#BwGradual-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkissBlock'; src: url("../fonts/narkisregular/NarkissBlock-Regular.eot"); src: url("../fonts/narkisregular/NarkissBlock-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/narkisregular/NarkissBlock-Regular.woff2") format("woff2"), url("../fonts/narkisregular/NarkissBlock-Regular.woff") format("woff"), url("../fonts/narkisregular/NarkissBlock-Regular.ttf") format("truetype"), url("../fonts/narkisregular/NarkissBlock-Regular.svg#NarkissBlock-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkissBlock'; src: url("../fonts/narkisregular/NarkissBlock-Regular_1.eot"); src: url("../fonts/narkisregular/NarkissBlock-Regular_1.eot?#iefix") format("embedded-opentype"), url("../fonts/narkisregular/NarkissBlock-Regular_1.woff2") format("woff2"), url("../fonts/narkisregular/NarkissBlock-Regular_1.woff") format("woff"), url("../fonts/narkisregular/NarkissBlock-Regular_1.ttf") format("truetype"), url("../fonts/narkisregular/NarkissBlock-Regular_1.svg#NarkissBlock-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkissBlock'; src: url("../fonts/narkisblock/NarkissBlock-Heavy.eot"); src: url("../fonts/narkisblock/NarkissBlock-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/narkisblock/NarkissBlock-Heavy.woff2") format("woff2"), url("../fonts/narkisblock/NarkissBlock-Heavy.woff") format("woff"), url("../fonts/narkisblock/NarkissBlock-Heavy.ttf") format("truetype"), url("../fonts/narkisblock/NarkissBlock-Heavy.svg#NarkissBlock-Heavy") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkissBlock'; src: url("../fonts/narkisblock/NarkissBlock-Heavy_1.eot"); src: url("../fonts/narkisblock/NarkissBlock-Heavy_1.eot?#iefix") format("embedded-opentype"), url("../fonts/narkisblock/NarkissBlock-Heavy_1.woff2") format("woff2"), url("../fonts/narkisblock/NarkissBlock-Heavy_1.woff") format("woff"), url("../fonts/narkisblock/NarkissBlock-Heavy_1.ttf") format("truetype"), url("../fonts/narkisblock/NarkissBlock-Heavy_1.svg#NarkissBlock-Heavy") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } /** ===================================================================================== * Defines the typographic baseline. * We define every size in pixels, the underlying system converts the * respective units to the responsive REM value. ===================================================================================== */ /** * Our base font-size and line-height */ /** * Here we assign short names for the font families */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration: none; color: #000; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } html, body { width: 100%; min-height: 100vh; } html.is-hideScroll, body.is-hideScroll { width: 100%; min-height: unset; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { overflow-x: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 100vh; margin: 0; padding: 0; padding-top: 50px; background-color: #fff; line-height: 1.5; font-size: 16; font-family: "NarkissBlock", serif; color: #000; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body > .body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } body > .body--start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } button, input, optgroup, select, textarea { font-size: 100%; margin: 0; } button, input { overflow: visible; } button[disabled] { opacity: 0.55; cursor: not-allowed; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; } p, h1, h2, h3, h4, h5, h6, hr { margin: 0; padding: 0; } ul { margin: 0; padding: 0; } ul li { list-style: none; } a { outline: none; text-decoration: none; } a:hover, a:focus { text-decoration: none; } input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } picture { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; top: 0; left: 0; width: 100%; height: 100%; } .c-grid { width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .mfp-container { padding: 50px; } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .container { width: 100%; max-width: 780px; padding: 0 20px; margin: 0 auto; } .container-fluid { width: 100%; padding: 0 20px; } [dir="rtl"] [data-title] { text-align: right; } [data-title][data-title-size="large"] { font-size: 2rem; line-height: 1.125; font-weight: 500; font-family: "Bw Gradual", sans-serif; } [data-title][data-title-size="medium"] { font-size: 1.4375rem; line-height: 1.30435; font-weight: 300; font-family: "NarkissBlock", serif; letter-spacing: 0.375px; } [data-title][data-title-size="small"] { font-size: 1.5rem; line-height: 1.33333; font-weight: 300; font-family: "NarkissBlock", serif; letter-spacing: 0.36px; } [data-title][data-title-center] { text-align: center; } [data-title][data-text-lang="en"] { font-family: "Bw Gradual", sans-serif; font-size: 2rem; line-height: 1.25; font-weight: 500; font-weight: 500 !important; letter-spacing: 1.92px !important; } [data-title][data-text-lang="he"] { font-family: "NarkissBlock", serif; } [data-text] { font-size: 1rem; line-height: 1.5; font-weight: 400; font-family: "NarkissBlock", serif; } [dir="rtl"] [data-text] { text-align: right; } .btn { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0; padding-bottom: 1px; overflow: hidden; position: relative; font-size: 1.125rem; line-height: 1.22222; font-weight: 700; color: #000; } .btn::after { position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; background-color: #000; } .btn:hover::after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .btn:hover .btn__text { -webkit-transform: translateY(calc(-100% - 12px)); -ms-transform: translateY(calc(-100% - 12px)); transform: translateY(calc(-100% - 12px)); } .btn__text { display: inline-block; position: relative; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .btn__text::after { position: absolute; content: attr(data-btn-title); top: calc(100% + 12px); left: 0; } .btn--light { font-weight: 400; } .media_logo img { max-height: 34px; } .credit { background-color: #000; padding: 10px 0; } .credit .wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; font-size: 13px; color: #fff; } .credit .wrap a { color: #fff; } @-webkit-keyframes animateArrow { 0% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } } @keyframes animateArrow { 0% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .typed-text { position: relative; text-align: left; } .typed-text * { font-size: inherit; line-height: inherit; color: inherit; text-align: inherit; font-weight: inherit; } .typed-text .hidden { opacity: 0; pointer-events: none; } .typed-text .typed { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .show-next { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; pointer-events: none; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .show-next.show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; pointer-events: all; } .fade-up { overflow: hidden; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .fade-up > * { -webkit-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; -o-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); } .fade-up.in-view > * { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .fade-up--slow { -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .stop-scrolling { height: 100%; overflow: hidden; } .footer { padding: 30px 0; background-color: #000; } .footer .container-fluid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .footer__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__item:first-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } [dir="rtl"] .footer__item:first-child { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .footer__item > * { color: #fff; } .footer__detalies { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .ltr .footer__detalies-item:first-child { border-left: none; } .footer__detalies-item { border-left: 1px solid #fff; padding: 7px 7px 10px; font-size: 0.75rem; line-height: 1.33333; font-weight: 400; font-family: "NarkissBlock", serif; color: #fff; text-align: center; } [dir="rtl"] .footer__detalies-item:last-child { border-left: none; } .footer__detalies-item a { position: relative; color: inherit; font-size: inherit; line-height: inherit; display: inline-block; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .footer__detalies-item a::after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .footer__detalies-item a:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .footer__nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .footer__nav [dir="rtl"] { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .footer__nav li { line-height: 1; } .footer__nav li:last-child::after { display: none; } .footer__nav li::after { content: " / "; } .footer__nav-link { position: relative; display: inline-block; font-size: 1rem; line-height: 1.5; font-weight: 400; color: #fff; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .footer__nav-link::after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .footer__nav-link:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .footer__nav-link.active { font-weight: 700; } .header { background-color: #fff; height: 50px; position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background-color: #fff; } .header > .container-fluid { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [dir="rtl"] .header > .container-fluid { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header__logo { display: inline-block; cursor: pointer; height: 21px; } .header__logo_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ltr .header__logo_wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header__logo img { height: 100%; width: auto; } .header__toggle { display: block; position: relative; width: 32px; height: 18px; border: none; outline: none; background-color: transparent; cursor: pointer; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .header__toggle_wrap { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header__toggle span { position: absolute; width: 100%; height: 2px; background-color: #000; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; left: 0; } .header__toggle span:first-child { top: 0; } .header__toggle span:nth-child(2) { top: 8px; } .header__toggle span:last-child { bottom: 0; } .header__toggle.open span:nth-child(2) { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); opacity: 0; } .header__toggle.open span:first-child { top: 50%; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } .header__toggle.open span:last-child { bottom: 50%; -webkit-transform: rotate(45deg) translateY(50%); -ms-transform: rotate(45deg) translateY(50%); transform: rotate(45deg) translateY(50%); } .header__lang { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; list-style: none; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .ltr .header__lang { direction: rtl; } .header__lang li { line-height: 1; position: relative; } .header__lang li + li { -webkit-padding-start: 24px; -moz-padding-start: 24px; padding-inline-start: 24px; } .header__lang li + li::before { position: absolute; content: '/'; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ltr .header__lang li + li::before { right: 9px; left: auto; } [dir="rtl"] .header__lang li + li::before { left: unset; right: 9px; } .header__lang a { display: inline-block; cursor: pointer; text-transform: uppercase; } .header__lang a.active { text-decoration: underline; } .section { background-color: #fff; position: relative; padding: 60px 0; } .section + .section:not(.section--full-padding) { padding-top: 0; } .section--black { background-color: #000; } .section--black * { color: #fff; } .section__text { z-index: 2; } .section__text .container, .section__text .container-fluid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 36px; } .section__about-team .container-fluid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } .section__about-team .gallery__item { gap: 18px; } .section__about-team .gallery__item-text { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu { position: fixed; z-index: 10; top: 50px; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 18px 0 36px; opacity: 0; pointer-events: none; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .menu .container-fluid { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu .header__lang { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: auto; } .menu__nav { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-y: auto; padding-bottom: 40px; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .menu__nav::-webkit-scrollbar { display: none; } .menu__nav-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .menu__nav-item { line-height: 1; position: relative; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; overflow: hidden; } .menu__nav-item::after { position: absolute; content: ''; height: 1px; width: 100%; bottom: 0; left: 0; background-color: #000; } .menu__nav-item--submenu::after { display: none; } .menu__nav-link { display: block; -webkit-transition: -webkit-transform cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: -webkit-transform cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: transform cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: transform cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: transform cubic-bezier(0.54, 0.41, 0.5, 0.89), -webkit-transform cubic-bezier(0.54, 0.41, 0.5, 0.89); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); font-size: 4.0625rem; line-height: 1.2; font-weight: 400; font-family: "Bw Gradual", sans-serif; color: #000; } [dir="rtl"] .menu__nav-link { font-family: "NarkissBlock", serif; } .menu__nav-link--submenu { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 12px; } .menu__nav-link--submenu::after { position: absolute; content: ''; height: 1px; width: 100%; bottom: 0; left: 0; background-color: #000; } .menu__submenu { display: none; padding-top: 32px; } .menu__submenu-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; } .menu__submenu-item { line-height: 1; } .menu__submenu-link { letter-spacing: 0.36px; position: relative; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .menu__submenu-link::after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #000; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .menu__submenu-link:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .menu__submenu-toggle { overflow: hidden; cursor: pointer; display: block; width: 20px; height: 20px; margin-bottom: 15px; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } [dir="rtl"] .menu__submenu-toggle { margin-bottom: 23px; } .menu__submenu-toggle img { -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: -webkit-transform 0.3s cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: transform 0.3s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: transform 0.3s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: transform 0.3s cubic-bezier(0.54, 0.41, 0.5, 0.89), -webkit-transform 0.3s cubic-bezier(0.54, 0.41, 0.5, 0.89); display: block; max-width: 100%; } .menu__nav-link--submenu:hover .menu__submenu-toggle { -webkit-transform: translate(-3px, 3px); -ms-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } .menu__submenu-toggle.open { rotate: 90deg; } .ltr .menu__submenu-toggle.open { rotate: -90deg; } .menu__footer .footer__detalies { border-color: #000; } .menu__footer .footer__detalies-item { overflow: hidden; border-color: #000; color: #000; } .menu__footer .footer__detalies-item a::after { background-color: #000; } .menu__footer .footer__detalies-item * { -webkit-transition: all cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: all cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: all cubic-bezier(0.54, 0.41, 0.5, 0.89); opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .menu.menu-open { opacity: 1; pointer-events: all; } .menu.menu-open .menu__nav-link { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .menu.menu-open .menu__submenu-toggle img { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .ltr .menu.menu-open .menu__submenu-toggle img { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .menu.menu-open .menu__footer .footer__detalies-item * { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .hero { height: calc(100vh - 50px); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: center; overflow: hidden; z-index: 1; padding-bottom: 155px; } .hero [data-title] { text-align: center; color: #fff; margin-bottom: 44px; } .hero__img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .hero__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero__subtitle { margin-bottom: 18px; } .hero__subtitle * { color: #fff; text-align: center; font-size: 1.125rem; line-height: 1.11111; font-weight: 700; } .hero__slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 1; } .hero__slider.slider-1 img { -webkit-animation: inherit !important; animation: inherit !important; } .hero__slider::after { pointer-events: none; position: absolute; content: ''; height: 60%; width: 100%; bottom: 0; left: 0; z-index: 1; background: -webkit-gradient(linear, left bottom, left top, color-stop(9.04%, rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.58) 9.04%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.58) 9.04%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 9.04%, rgba(0, 0, 0, 0) 100%); } .hero__slider-nav { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; padding: 0; background-color: transparent; border: none; top: 0; padding: 0 30px; height: 100%; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 3; } .hero__slider-nav.swiper-button-prev { right: 0; } .hero__slider-nav.swiper-button-next { left: 0; } .hero__slider .swiper { height: 100%; } .hero__slider .swiper-slide { height: 100%; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hero__slider .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-animation: zoom 45s infinite alternate; animation: zoom 45s infinite alternate; } .hero__content { position: relative; z-index: 2; } .hero__content-icon { position: relative; padding: 0; background-color: transparent; border: none; margin: 0 auto; width: 20px; height: 40px; cursor: pointer; margin-bottom: -20px; } .hero__content-icon img { pointer-events: none; position: absolute; left: 0; top: 0; display: block; max-width: 100%; height: auto; -webkit-animation: animateArrow 2s infinite ease-in-out; animation: animateArrow 2s infinite ease-in-out; } .hero__content-icon img:nth-of-type(2) { -webkit-animation-delay: .3s; animation-delay: .3s; } .hero__content-icon img:nth-of-type(3) { -webkit-animation-delay: .6s; animation-delay: .6s; } @-webkit-keyframes zoom { 0% { -webkit-transform: scale(1); transform: scale(1); /* Initial scale */ } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); /* Final scale (adjust as needed) */ } } @keyframes zoom { 0% { -webkit-transform: scale(1); transform: scale(1); /* Initial scale */ } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); /* Final scale (adjust as needed) */ } } .scroll-gallery { background-color: #fff; position: relative; z-index: 2; padding-bottom: 100px; } .scroll-gallery .swiper { height: 296px; } .scroll-gallery .swiper-slide { width: auto; } .scroll-gallery .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .scroll-gallery__item { padding: 0 7px; height: 100%; overflow: hidden; } .scroll-gallery__item img { display: block; width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; } .two-cols__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 24px; } .two-cols__text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .two-cols__text-img img, .two-cols__text-map img { display: block; width: 100%; height: auto; } .two-cols__text-map { position: relative; height: 464px; -webkit-filter: grayscale(100); filter: grayscale(100); } .two-cols__text-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .two-cols__media { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .two-cols__media img { display: block; max-width: 100%; margin: 0 auto; } .two-cols__media-title { margin: 0 auto; } .two-cols__media-plan { margin-top: 60px; margin-bottom: 30px; } .two-cols__media .btn { margin-top: 18px; } .two-cols__table { margin-top: 26px; } .two-cols__table table { width: 100%; table-layout: fixed; border-collapse: collapse; } .two-cols__table table tr { border-top: 1px solid #fff; } .two-cols__table table td { padding: 5px 0; height: 44px; vertical-align: middle; text-align: right; width: 20%; font-size: inherit; line-height: inherit; font-weight: inherit; } .ltr .two-cols__table table td { text-align: left; } .two-cols__table table td.addons { width: 40%; } .two-cols__table table td a { margin-top: 8px; -webkit-margin-start: auto; -moz-margin-start: auto; margin-inline-start: auto; display: inline-block; font-size: inherit; line-height: inherit; font-weight: inherit; } .two-cols__table table td a::after { background-color: #fff; } .two-cols__table table td img { -webkit-margin-start: 7px; -moz-margin-start: 7px; margin-inline-start: 7px; margin-bottom: 6px; } .ltr .two-cols__table table td img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .two-cols__table table td:first-child { text-align: right; } .ltr .two-cols__table table td:first-child { text-align: left; } .two-cols__table table td:last-child { text-align: left; vertical-align: middle; } .ltr .two-cols__table table td:last-child { text-align: right; } .two-cols__list li { position: relative; font-size: 0.875rem; line-height: 1.42857; font-weight: 400; letter-spacing: 0.42px; -webkit-padding-start: 26px; -moz-padding-start: 26px; padding-inline-start: 26px; } .two-cols__list li::after { position: absolute; content: ''; width: 3px; height: 3px; border-radius: 100%; background-color: #000; top: 8px; } [dir="rtl"] .two-cols__list li::after { right: 13px; } .ltr .two-cols__list li::after { left: 13px; } .two-cols__list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .two-cols__list-wrap, .two-cols__list-col { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .two-cols__list-wrap { padding-top: 48px; border-top: 2px solid #000; } .two-cols__list-wrap + [data-title] { margin-top: 24px; } .two-cols__list-title { font-size: 1.125rem; line-height: 1.22222; font-weight: 700; } .one_col { margin-top: 60px; } .one_col.desktop_only { display: block; } .one_col.mobile_only { display: none; } .project-slider { overflow: hidden; position: relative; } .project-slider .container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .project-slider .swiper { position: relative; overflow: visible; } .project-slider .swiper-slide { width: 100%; } .project-slider .swiper-slide-prev .project-slider__item { margin-left: 0; } .project-slider .swiper-slide-next .project-slider__item { margin-right: 0; } .project-slider .hero__slider-nav { width: 20%; opacity: 0; } .project-slider .hero__slider-nav:hover { opacity: 1; } .project-slider .hero__slider-nav.swiper-button-prev { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ltr .project-slider .hero__slider-nav.swiper-button-prev { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project-slider .hero__slider-nav.swiper-button-next { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ltr .project-slider .hero__slider-nav.swiper-button-next { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .project-slider .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; left: 0; bottom: 0; padding: 4px 20px; background-color: #fff; z-index: 2; } .ltr .project-slider .swiper-pagination { left: unset; right: 0; } .ltr .project-slider .swiper-pagination::after { left: unset; right: 100%; background: -webkit-gradient(linear, left top, right top, from(transparent), to(#fff)); background: -webkit-linear-gradient(left, transparent 0%, #fff 100%); background: -o-linear-gradient(left, transparent 0%, #fff 100%); background: linear-gradient(90deg, transparent 0%, #fff 100%); } .project-slider .swiper-pagination-bullet { width: 11px; height: 11px; border: 1px solid #000; background-color: transparent; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .project-slider .swiper-pagination-bullet-active { background-color: #000; } .project-slider .swiper-pagination::after { position: absolute; content: ''; height: 100%; width: 30px; background: -webkit-gradient(linear, right top, left top, from(transparent), to(#fff)); background: -webkit-linear-gradient(right, transparent 0%, #fff 100%); background: -o-linear-gradient(right, transparent 0%, #fff 100%); background: linear-gradient(270deg, transparent 0%, #fff 100%); left: 100%; top: 0; } .project-slider__item { position: relative; max-width: 100%; margin-left: auto; margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 7px; -webkit-transition: all 0.8s cubic-bezier(0.54, 0.41, 0.5, 0.89), opacity 0.5s; -o-transition: all 0.8s cubic-bezier(0.54, 0.41, 0.5, 0.89), opacity 0.5s; transition: all 0.8s cubic-bezier(0.54, 0.41, 0.5, 0.89), opacity 0.5s; } .project-slider__item.aos-animate .project-slider__img { width: 100%; } .project-slider__item.aos-animate .project-slider__img img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .project-slider__position { display: none; position: absolute; right: -30px; top: 0; font-size: 1rem; line-height: 1.5625; font-weight: 400; font-family: "NarkissBlock", serif; color: #000; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .project-slider__img { overflow: hidden; display: block; height: 194px; width: 97%; -webkit-margin-end: auto; -moz-margin-end: auto; margin-inline-end: auto; -webkit-transition: all 0.8s cubic-bezier(0.54, 0.41, 0.5, 0.89), opacity 0.5s; -o-transition: all 0.8s cubic-bezier(0.54, 0.41, 0.5, 0.89), opacity 0.5s; transition: all 0.8s cubic-bezier(0.54, 0.41, 0.5, 0.89), opacity 0.5s; } .project-slider__img:hover { opacity: 0.7; } .project-slider__img [dir="rtl"] { -webkit-margin-start: auto; -moz-margin-start: auto; margin-inline-start: auto; } .project-slider__img img { -webkit-transition: all 1s cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: all 1s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: all 1s cubic-bezier(0.54, 0.41, 0.5, 0.89); display: block; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transform: translateX(5%); -ms-transform: translateX(5%); transform: translateX(5%); } .project-slider__heading { margin-bottom: 24px; } .project-slider__heading img { display: block; max-width: 100%; margin: 0 auto; } .project-slider p { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-margin-end: auto; -moz-margin-end: auto; margin-inline-end: auto; } .project-hero { position: fixed; z-index: -1; left: 0; right: 0; bottom: 0; top: 50px; } .project-hero + * { margin-top: calc(100vh - 50px); } .project-hero__container { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .project-hero__img { position: relative; -webkit-transition: all .3s ease-in .1s; -o-transition: all .3s ease-in .1s; transition: all .3s ease-in .1s; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .project-hero__img:has(.in-view) { background-color: #000; } .project-hero__img-container { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; overflow: hidden; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; -o-transition: all 0.2s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; transition: all 0.2s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; } .project-hero__img-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; -o-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.2s; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .project-hero__img-container.in-view { opacity: 1; } .project-hero__img-container.in-view img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .project-hero__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px 20px 60px; gap: 12px; } .project-hero__content-heading img { display: block; max-width: 100%; margin: 0 auto; height: 54px; } .project-hero__content-heading .fade-up > * { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .project-hero__content-footer { position: relative; margin-top: 55px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #000; border-bottom: 1px solid #000; } .project-hero__content-footer li { text-align: center; } .project-hero__content-footer li p { padding: 6px 0; } .project-hero__content-footer li > * { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .project-hero__content-footer li:first-child > * { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .project-hero__content-footer li:last-child > * { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } .gallery > .container-fluid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; } .gallery__row { gap: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery__row.gallery__row--revers { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .gallery__row--team .gallery__item-img { cursor: auto; } .gallery__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .gallery__item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery__item-text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .gallery__item-text * { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .gallery__item-img { cursor: pointer; overflow: hidden; } .gallery__item-img img { -webkit-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.3s; -o-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.3s; transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.3s; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); display: block; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .gallery__item.aos-animate .gallery__item-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gallery-popup { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; padding: 40px 0 24px; gap: 12px; align-items: center; -webkit-backface-visibility: hidden; } .gallery-popup__wrap { opacity: 0; pointer-events: none; -webkit-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89); overflow: hidden auto; z-index: 10; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; -webkit-backface-visibility: hidden; } .gallery-popup__wrap.open { opacity: 1; pointer-events: all; } .gallery-popup .swiper { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .gallery-popup .swiper-slide { width: 100%; } .gallery-popup .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .gallery-popup .swiper-pagination-bullet { width: 11px; height: 11px; border: 1px solid #000; background-color: transparent; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .gallery-popup .swiper-pagination-bullet-active { background-color: #000; } .gallery-popup .gallery__item { height: 100%; padding: 0 20px; } .gallery-popup .gallery__item-img { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-popup .gallery__item-img img { display: block; max-width: 100%; -o-object-fit: cover; object-fit: cover; height: auto; max-height: 100%; } .gallery-popup .gallery__item :hover { opacity: 1; } .gallery-popup .gallery__item-text { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-popup__close { position: absolute; top: 10px; right: 10px; cursor: pointer; padding: 0; background-color: transparent; border: none; width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-popup__close img { display: block; max-width: 100%; } .gallery-popup__nav { position: absolute; top: calc(50% - 36px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 0; background-color: transparent; border: none; z-index: 3; } .gallery-popup__nav.swiper-button-prev { right: 10px; } .gallery-popup__nav.swiper-button-next { left: 10px; } .team { background-color: #000; } .team * { color: #fff; } .team__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 36px; } .team__cards { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .team__cards-item { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -moz-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } [dir="rtl"] .team__cards-item { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .team__cards-img { overflow: hidden; width: 100%; } .team__cards-img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team__cards-info { min-width: 116px; position: absolute; bottom: 10px; left: 20px; z-index: 2; } .team__cards-info * { letter-spacing: 0.42px; font-size: 0.875rem; line-height: 1.42857; font-weight: 400; } .team__info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .team__popup { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team__popup-wrap { opacity: 0; pointer-events: none; -webkit-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89); overflow: hidden auto; z-index: 10; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; -webkit-backface-visibility: hidden; } .team__popup-wrap.open { opacity: 1; pointer-events: all; } .team__popup-container { padding: 55px 0; } .team__popup-close { position: absolute; top: 18px; right: 18px; cursor: pointer; padding: 0; background-color: transparent; border: none; width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team__popup-close img { display: block; max-width: 100%; } .team__popup-img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .team__popup-img img { display: block; height: 100%; width: auto; -o-object-fit: contain; object-fit: contain; } .team__popup-bio { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .team__popup-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .team__popup-info p:first-of-type { display: none; } .related-projects .container-fluid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 42px; } .related-projects__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .related-projects__item { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -moz-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .related-projects__img { overflow: hidden; -webkit-transition: opacity 0.5s cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: opacity 0.5s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: opacity 0.5s cubic-bezier(0.54, 0.41, 0.5, 0.89); cursor: pointer; } .related-projects__img:hover { opacity: 0.7; } .related-projects__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .all-progects { padding: 0 0 60px; } .all-progects .container-fluid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 58px; } .all-progects__cols { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 58px; } .all-progects__cols-item { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -moz-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 58px; } .all-progects__card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .all-progects__card-img { display: block; cursor: pointer; overflow: hidden; -webkit-transition: opacity 0.5s cubic-bezier(0.54, 0.41, 0.5, 0.89); -o-transition: opacity 0.5s cubic-bezier(0.54, 0.41, 0.5, 0.89); transition: opacity 0.5s cubic-bezier(0.54, 0.41, 0.5, 0.89); } .all-progects__card-img:hover { opacity: 0.7; } .all-progects__card-img img { -webkit-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.3s; -o-transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.3s; transition: all 0.4s cubic-bezier(0.54, 0.41, 0.5, 0.89) 0.3s; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); display: block; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .all-progects__card-link a { display: block; cursor: pointer; } .all-progects__card.aos-animate .all-progects__card-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .form__control { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #000; border-bottom: 1px solid #000; } .form input, .form textarea, .form label { font-size: 1rem; line-height: 1.5; font-weight: 400; font-family: "NarkissBlock", serif; color: #000; padding: 9px 23px; } .form input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: none; background-color: transparent; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .form input[type="submit"] { cursor: pointer; padding: 9px 26px; border: 1px solid #000; color: white; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #000; -webkit-margin-start: auto; -moz-margin-start: auto; margin-inline-start: auto; } .form input[type="submit"]:hover { background-color: transparent; color: #000; } .form label { border-left: 1px solid #000; width: 100px; text-align: center; } .ltr .form label { border-right: 1px solid #000; border-left: none; } .form textarea { resize: vertical; border: 1px solid #000; min-height: 217px; } .form textarea::-webkit-input-placeholder { color: #000; } .form textarea::-moz-placeholder { color: #000; } .form textarea::-ms-input-placeholder { color: #000; } .form textarea::placeholder { color: #000; } @media (min-width: 767px) { .marginfromtop { margin-top: -8px; } } @media screen and (min-width: 768px) { .container { max-width: 780px; } [data-title][data-title-size="large"] { font-size: 3.25rem; line-height: 1; font-weight: 500; } [data-title][data-title-size="medium"] { font-size: 2rem; line-height: 1.375; font-weight: 300; letter-spacing: 0.48px; } .footer { padding: 42px 0; } .footer .container-fluid { gap: 36px; } .footer__item:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } [dir="rtl"] .footer__item:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer__detalies-item { font-size: 0.875rem; line-height: 1; font-weight: 400; padding: 6px 20px; } .section__text--wide .typed-text { margin: 0 auto; width: calc(100% * (1 / 10) * 8); } .menu .header__lang { display: none; } .menu__nav-link { font-size: 5.9375rem; line-height: 1.2; font-weight: 400; } [dir="rtl"] .menu__submenu-toggle { margin-bottom: 28px; } .menu__submenu-toggle { width: 24px; height: 24px; margin-bottom: 20px; } .hero { padding-bottom: 42px; } .hero [data-title] { margin-bottom: 18px; } .hero__slider::after { height: 222px; } .hero__slider-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .scroll-gallery .swiper { pointer-events: none; } .two-cols__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .two-cols__wrap--fluid { margin: 0 auto; width: calc(100% * (1 / 10) * 8); } .two-cols__text { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% * (1 / 12) * 8); } .two-cols__wrap--smaller .two-cols__text { width: calc(100% * (1 / 10) * 6); } .two-cols__wrap--smaller .two-cols__text-wrap { max-width: calc(100% * (1 / 6) * 5); } .two-cols__wrap--fluid .two-cols__text { width: calc(100% * (1 / 8) * 5); } .two-cols__media img { margin: 0; -webkit-margin-end: auto; -moz-margin-end: auto; margin-inline-end: auto; } .two-cols__media-plan { margin-top: 45px; margin-bottom: 0; } .two-cols__table { margin-top: 36px; } .two-cols__list-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 36px; } .project-slider { padding-top: 60px; } .project-slider .hero__slider-nav { height: 300px; } .project-slider .swiper-pagination { display: none; } .project-slider__item { gap: 14px; } .project-slider__position { display: block; } .project-slider__img { height: 300px; } .project-slider__heading { display: none; } .project-slider__heading img { margin: 0; -webkit-margin-end: auto; -moz-margin-end: auto; margin-inline-end: auto; } .project-slider p { -webkit-margin-end: 0; -moz-margin-end: 0; margin-inline-end: 0; -webkit-margin-start: auto; -moz-margin-start: auto; margin-inline-start: auto; } .project-hero__container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .project-hero__img { width: calc(100% * (1 / 12) * 7); } .project-hero__content { gap: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0px 54px 35px; } .project-hero__content-heading { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .project-hero__content-footer { margin-top: 0; } .gallery__row { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .galley_row--equally .gallery__item { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -moz-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .galley_row--66 .gallery__item:first-child { max-width: calc(100% * (1 / 8) * 5); } .galley_row--66 .gallery__item:first-child { max-width: calc(100% * (1 / 8) * 3); } .gallery-popup .swiper { max-width: calc(100% * (1 / 12) * 10); } .gallery-popup__nav.swiper-button-prev { right: 30px; } .gallery-popup__nav.swiper-button-prev:hover { right: 25px; } .gallery-popup__nav.swiper-button-next { left: 30px; } .gallery-popup__nav.swiper-button-next:hover { left: 25px; } .team__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 0; } .team__cards { -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: calc(100% * (1 / 12) * 7); } .team__cards-item:hover::after { background-color: transparent; } .team__cards-item::after { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: rgba(0, 0, 0, 0.4); z-index: 1; } .team__cards-img { height: 100%; } .team__info { padding: 42px 0; -webkit-padding-end: 36px; -moz-padding-end: 36px; padding-inline-end: 36px; width: calc(100% * (1 / 12) * 4); } .team__popup-container { margin: 0 auto; width: calc(100% * (1 / 12) * 10); } .team__popup-img { width: 330px; max-height: 475px; } .team__popup-bio { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 60px; } .team__popup-info { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .related-projects .container-fluid { gap: 32px; } .related-projects__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } [dir="rtl"] .related-projects__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .all-progects { padding: 33px 0 66px; } .all-progects .container-fluid { gap: 60px; } .all-progects__cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 112px; } .all-progects__cols-item { gap: 60px; } .all-progects__card { gap: 20px; } .form { gap: 30px; } } @media screen and (min-width: 992px) { body { padding-top: 52px; } .container-fluid { padding: 0 42px; } .footer__detalies-item { padding: 6px 36px; min-width: 130px; } .footer__detalies-item--wide { text-align: unset; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header { height: 52px; } .section__about-team .gallery__row { gap: 18px; margin: 0 auto; width: calc(100% * (1 / 10) * 8); } .menu { top: 52px; } .hero { height: calc(100vh - 52px); } .scroll-gallery .swiper { height: 390px; } .scroll-gallery__item { padding: 0 12px; } .two-cols__text-img, .two-cols__text-map { margin-top: 36px; } .project-slider .swiper-slide { width: calc(780px + 72px); } .project-slider .hero__slider-nav { height: 405px; } .project-slider__img { height: 405px; } .project-slider__img img { width: auto; } .project-hero + * { margin-top: calc(100vh - 52px); } .project-hero { top: 52px; } .gallery > .container-fluid { gap: 36px; } .gallery__row { gap: 20px; } .gallery-popup .gallery__item { padding: 0 42px; } } @media screen and (min-width: 1200px) { .container { max-width: 890px; } .container-fluid { padding: 0 130px; } .section { padding: 80px 0; } .section__about-team .gallery__row { width: 100%; } .hero [data-title] { margin-bottom: 32px; } .hero__slider::after { height: 367px; } .scroll-gallery .swiper { height: 450px; } .two-cols__list-wrap { padding-top: 40px; } .project-slider .swiper-slide { width: calc(890px + 82px); } .project-slider .hero__slider-nav { height: 466px; } .project-slider__img { height: 466px; } .project-hero__content { padding: 0px 32px 40px; } .project-hero__content { padding: 0px 28px 40px; } .project-hero__content-footer { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .gallery__row { gap: 18px; } .gallery-popup .gallery__item { padding: 0 130px; } .team__info { -webkit-padding-end: 45px; -moz-padding-end: 45px; padding-inline-end: 45px; } .team__popup-bio { margin-top: 42px; gap: 80px; } .all-progects__card { gap: 24px; } } @media screen and (min-width: 1440px) { .container { max-width: 954px; } .container-fluid { padding: 0 144px; } .section { padding: 106px 0; } .section--more-space { padding: 106px 0 134px; } .section__about-team .container-fluid { gap: 86px; } .scroll-gallery .swiper { height: 484px; } .project-slider .swiper-slide { width: calc(954px + 138px); } .project-slider .hero__slider-nav { height: 500px; } .project-slider__img { height: 500px; } .gallery > .container-fluid { gap: 42px; } .gallery-popup .gallery__item { padding: 0 144px; } .team__wrap { margin: 0 auto; } .team__cards { width: calc(100% * (1 / 10) * 6); } .team__info { padding: 70px 0; -webkit-padding-end: 106px; -moz-padding-end: 106px; padding-inline-end: 106px; width: calc(100% * (1 / 10) * 3); } .team__info { padding: 85px 0; -webkit-padding-end: 43px; -moz-padding-end: 43px; padding-inline-end: 43px; } .team__popup-container { margin: 0 auto; width: calc(100% * (1 / 12) * 8); } .team__popup-bio { gap: 106px; } .all-progects { padding: 75px 0 85px; } } @media screen and (min-width: 1900px) { .container { max-width: 1240px; } .container-fluid { padding: 0 170px; } .section--more-space { padding: 106px 0 175px; } .section__about-team .container-fluid { gap: 60px; } .section__about-team .gallery__row { width: calc(100% * (1 / 10) * 8); } .scroll-gallery .swiper { height: 594px; } .scroll-gallery__item { padding: 0 9px; } .two-cols--form .two-cols__wrap > * { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -moz-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .two-cols__list-wrap { gap: 40px; } .project-slider .swiper-slide { width: calc(1240px + 186px); } .project-slider .hero__slider-nav { height: 665px; } .project-slider__img { height: 665px; } .gallery-popup .gallery__item { padding: 0 170px; } .team__wrap { width: 100%; margin: 0 auto; } .all-progects { padding: 82px 0 126px; } .all-progects .container-fluid { gap: 82px; } .all-progects__cols { gap: 160px; } .all-progects__cols-item { gap: 82px; } } @media screen and (max-width: 1199px) { .project-hero__content-footer li:first-child { position: absolute; top: -24px; left: 50%; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } } @media screen and (max-width: 991px) { .footer__detalies-item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .footer__detalies-item--heading { display: none; } } @media (max-width: 991px) { .one_col { margin-top: 36px; } } @media screen and (max-width: 767px) { .mfp-container { padding: 0 10px; } .ltr .footer__detalies-item:first-child { -webkit-padding-end: 0; -moz-padding-end: 0; padding-inline-end: 0; } .ltr .footer__detalies-item:last-child { -webkit-padding-start: 0; -moz-padding-start: 0; padding-inline-start: 0; } .footer__detalies-item:first-child { -webkit-padding-start: 0; -moz-padding-start: 0; padding-inline-start: 0; } .footer__detalies-item:last-child { -webkit-padding-end: 0; -moz-padding-end: 0; padding-inline-end: 0; } .header > .container-fluid .header__lang { display: none; } .section__project-slider { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .section__project-slider .two-cols__media { display: none; } .hero--img { height: 468px; } .two-cols__text-img, .two-cols__text-map { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .two-cols__text > p { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .two-cols__text-wrap { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .two-cols__text > .btn { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 auto; } .two-cols__text [data-title] { text-align: center; } .two-cols__text:has(.two-cols__list) { gap: 30px; } .two-cols__media-title { -webkit-margin-end: auto; -moz-margin-end: auto; margin-inline-end: auto; text-align: center !important; } .two-cols__media .btn { margin: 18px auto 0; } .project-slider { margin-bottom: 24px; } .project-hero__img { height: 430px; } .project-hero__content-footer li { font-size: 0.875rem; line-height: 1.42857; font-weight: 400; letter-spacing: 0.42px; } .team { padding: 42px 0; } .team__popup-img img { -o-object-fit: cover; object-fit: cover; max-width: none; width: 100%; height: 100%; } } @media (max-width: 767px) { [data-title][data-text-lang="en"] { font-size: 1.4375rem; line-height: 1.43478; font-weight: 500; } .ltr .footer__detalies-item:nth-child(2) { border-left: none; } .ltr .footer__logo { margin-top: 10px; } .header__toggle_wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ltr .header__toggle_wrap { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header__lang { padding: 15px 0 30px; } .header__lang a { font-size: 24px; font-weight: 300; line-height: 32px; letter-spacing: 0.36px; } .scroll-gallery { padding-bottom: 60px; } .scroll-gallery .swiper-slide { min-width: 230px; } .two-cols__text.project-plans-text { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .two-cols__table table td.addons { width: 30%; } .one_col.desktop_only { display: none; } .one_col.mobile_only { display: block; margin: 0; } .project-hero + * { overflow: hidden; } .project-hero__content-heading img { height: 34px; } .gallery-popup .swiper-button-next, .gallery-popup .swiper-button-prev { display: none; } .gallery-popup .gallery__item-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .gallery-popup .gallery__item-text { min-height: 24px; } } @media screen { html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,-webkit-transform; -webkit-transition-property: opacity,-webkit-transform; -o-transition-property: opacity,transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } html:not(.no-js) [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } html:not(.no-js) [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } html:not(.no-js) [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } html:not(.no-js) [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } html:not(.no-js) [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } html:not(.no-js) [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } html:not(.no-js) [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } html:not(.no-js) [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,-webkit-transform; -webkit-transition-property: opacity,-webkit-transform; -o-transition-property: opacity,transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } html:not(.no-js) [data-aos=zoom-in] { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } html:not(.no-js) [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-out] { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } html:not(.no-js) [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^=slide][data-aos^=slide] { transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; visibility: hidden; } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0); } html:not(.no-js) [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html:not(.no-js) [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } html:not(.no-js) [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html:not(.no-js) [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; } html:not(.no-js) [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } }