/** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @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-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-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:-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-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-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}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-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-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-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-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@charset "UTF-8"; .button, .button-content { border-radius: 100px; } .button { display: inline-block; position: relative; -webkit-transition: -webkit-box-shadow 150ms; transition: -webkit-box-shadow 150ms; -o-transition: box-shadow 150ms; transition: box-shadow 150ms; transition: box-shadow 150ms, -webkit-box-shadow 150ms; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: none !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; } .button::before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-radius: 100px; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); opacity: 0; -webkit-transition: opacity 150ms, -webkit-transform 150ms; transition: opacity 150ms, -webkit-transform 150ms; -o-transition: transform 150ms, opacity 150ms; transition: transform 150ms, opacity 150ms; transition: transform 150ms, opacity 150ms, -webkit-transform 150ms; pointer-events: none; } .button-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 84px; height: 48px; background-clip: padding-box; padding: 0 28px; border-width: 0; border-style: solid; -webkit-transition: color 150ms, background 150ms, border 150ms; -o-transition: color 150ms, background 150ms, border 150ms; transition: color 150ms, background 150ms, border 150ms; cursor: pointer; } .button-content svg g, .button-content svg path, .button-content svg use { fill: currentColor; } .button-content input { width: auto !important; min-height: 48px; background: none; padding: 0 28px !important; border: 0; margin: 0 -28px; outline: 0; } .button-layout--icon-text .button-content { padding-left: 24px; } .button-layout--icon-text .button-content input { padding-left: 24px; margin-left: -24px; } .button-layout--icon-texts .button-content { padding-left: 24px; padding-right: 32px; } .button-layout--icon-texts input { padding-left: 24px; padding-right: 32px; margin-left: -24px; margin-right: -32px; } .button-layout--text-icon .button-content, .button-layout--texts-icon .button-content { padding-left: 32px; padding-right: 24px; } .button-layout--text-icon input, .button-layout--texts-icon input { padding-left: 32px; padding-right: 24px; margin-left: -32px; margin-right: -24px; } .button-layout--icon-text .button-content, .button-layout--icon-texts .button-content, .button-layout--text-icon .button-content, .button-layout--texts-icon .button-content { min-width: 0; } .button-text { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1; white-space: nowrap; } .button-text-small { display: block; font-size: 0.87em; } .button-text + .button-icon, .button-icon + .button-text { margin-left: 12px; } .button-transparent { color: #92a1ae; } .button-transparent .button-content { border-width: 1px; border-color: transparent; margin: -1px; } .button-transparent--border-gray { color: #92a1ae; } .button-transparent--border-gray .button-content { border-width: 2px; border-color: rgba(146, 161, 174, 0.25); margin: -2px; } .button-transparent--border-red { color: #ff0044; } .button-transparent--border-red .button-content { border-width: 2px; border-color: #ff0044; margin: -2px; } .button-red { color: white; -webkit-box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4); box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4); } .button-red .button-content { background-color: #ff0044; } .button-red--border-red { color: white; -webkit-box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4); box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4); } .button-red--border-red::before { border-color: #ff0044; } .button-red--border-red .button-content { background-color: #ff0044; } .button-transparent-red--border-red { color: #ff0044; -webkit-box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4); box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4); } .button-transparent-red--border-red::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; border-color: #ff0044; } .button-transparent-red--border-red .button-content { background: transparent; -webkit-transition: color 150ms, background 300ms, border 300ms; -o-transition: color 150ms, background 300ms, border 300ms; transition: color 150ms, background 300ms, border 300ms; } .button-white { color: #ff0044; -webkit-box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1); box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1); } .button-white .button-content { background-color: white; border-width: 1px; border-color: transparent; margin: -1px; } .button-white--border-white { color: #ff0044; -webkit-box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1); box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1); } .button-white--border-white::before { border-color: white; } .button-white--border-white .button-content { background-color: white; } .button-transparent-white--border-white { color: white; } .button-transparent-white--border-white::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); border-color: white; } .button-transparent-white--border-white .button-content { background: transparent; -webkit-transition: color 150ms, background 300ms, border 300ms; -o-transition: color 150ms, background 300ms, border 300ms; transition: color 150ms, background 300ms, border 300ms; } .no-touchevents .button:active { -webkit-transition: -webkit-box-shadow 30ms; transition: -webkit-box-shadow 30ms; -o-transition: box-shadow 30ms; transition: box-shadow 30ms; transition: box-shadow 30ms, -webkit-box-shadow 30ms; } .no-touchevents .button:active::before { -webkit-transition: opacity 30ms, -webkit-transform 30ms; transition: opacity 30ms, -webkit-transform 30ms; -o-transition: transform 30ms, opacity 30ms; transition: transform 30ms, opacity 30ms; transition: transform 30ms, opacity 30ms, -webkit-transform 30ms; } .no-touchevents .button-content:active { -webkit-transition: color 30ms, background 30ms, border 30ms; -o-transition: color 30ms, background 30ms, border 30ms; transition: color 30ms, background 30ms, border 30ms; } .no-touchevents .button-transparent:hover .button-content { background-color: rgba(146, 161, 174, 0.1); border-color: rgba(146, 161, 174, 0.25); } .no-touchevents .button-transparent:active .button-content { background-color: rgba(146, 161, 174, 0.25); border-color: rgba(146, 161, 174, 0.6); } .no-touchevents .button-transparent--border-gray:hover, .no-touchevents .button-transparent--border-gray:active { color: #ff0044; } .no-touchevents .button-transparent--border-gray:hover .button-content, .no-touchevents .button-transparent--border-gray:active .button-content { border-color: #ff0044; } .no-touchevents .button-transparent--border-gray:active .button-content { background-color: rgba(146, 161, 174, 0.1); } .no-touchevents .button-transparent--border-red:hover, .no-touchevents .button-transparent--border-red:active { color: #ff0044; } .no-touchevents .button-transparent--border-red:hover .button-content, .no-touchevents .button-transparent--border-red:active .button-content { border-color: #ff0044; } .no-touchevents .button-transparent--border-red:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.3); box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.3); } .no-touchevents .button-transparent--border-red:active { -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.4); box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.4); } .no-touchevents .button-red:hover .button-content, .no-touchevents .button-red:active .button-content { background-color: #ff0044; } .no-touchevents .button-red:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5); box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5); } .no-touchevents .button-red:active { -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5); box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5); } .no-touchevents .button-red:active .button-content { -webkit-box-shadow: 0 0 0 1px rgba(29, 31, 38, 0.25) inset; box-shadow: 0 0 0 1px rgba(29, 31, 38, 0.25) inset; } .no-touchevents .button-red--border-red:hover, .no-touchevents .button-red--border-red:active { color: #ff0044; } .no-touchevents .button-red--border-red:hover::before, .no-touchevents .button-red--border-red:active::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .no-touchevents .button-red--border-red:hover .button-content, .no-touchevents .button-red--border-red:active .button-content { background: transparent; } .no-touchevents .button-red--border-red:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5); box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5); } .no-touchevents .button-red--border-red:active { -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5); box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5); } .no-touchevents .button-transparent-red--border-red:hover, .no-touchevents .button-transparent-red--border-red:active { color: white; } .no-touchevents .button-transparent-red--border-red:hover::before, .no-touchevents .button-transparent-red--border-red:active::before { -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); opacity: 0; } .no-touchevents .button-transparent-red--border-red:hover .button-content, .no-touchevents .button-transparent-red--border-red:active .button-content { background-color: #ff0044; } .no-touchevents .button-transparent-red--border-red:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5); box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5); } .no-touchevents .button-transparent-red--border-red:active { -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5); box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5); } .no-touchevents .button-white:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2); box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2); } .no-touchevents .button-white:active { color: #ff0044; -webkit-box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25); box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25); } .no-touchevents .button-white:active .button-content { border-color: rgba(146, 161, 174, 0.25); } .no-touchevents .button-white--border-white:hover, .no-touchevents .button-white--border-white:active { color: white; } .no-touchevents .button-white--border-white:hover::before, .no-touchevents .button-white--border-white:active::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .no-touchevents .button-white--border-white:hover .button-content, .no-touchevents .button-white--border-white:active .button-content { background: transparent; } .no-touchevents .button-white--border-white:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2); box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2); } .no-touchevents .button-white--border-white:active { -webkit-box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25); box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25); } .no-touchevents .button-transparent-white--border-white:hover, .no-touchevents .button-transparent-white--border-white:active { color: #ff0044; } .no-touchevents .button-transparent-white--border-white:hover::before, .no-touchevents .button-transparent-white--border-white:active::before { -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); opacity: 0; } .no-touchevents .button-transparent-white--border-white:hover .button-content, .no-touchevents .button-transparent-white--border-white:active .button-content { background-color: white; } .no-touchevents .button-transparent-white--border-white:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2); box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2); } .no-touchevents .button-transparent-white--border-white:active { -webkit-box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25); box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25); } /** Remove autofill contact icon for Safari */ input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } /** Remove yellow background in autofilled inputs */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: inset 0 0 0 9999px #25282F; background-clip: content-box !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 300; src: url(/assets/files/TT_Hoves_Pro_Light-bf76677411459cdeccc19b437bb04a19.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 400; src: url(/assets/files/TT_Hoves_Pro_Regular-efe9545a2132eca7d5f8cea475d511c6.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 500; src: url(/assets/files/TT_Hoves_Pro_Medium-d309031b20ef7fbb6e9cb9d0ede69c90.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 600; src: url(/assets/files/TT_Hoves_Pro_SemiBold-bf93f9513aa77d3b9dc331554f6b050f.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 700; src: url(/assets/files/TT_Hoves_Pro_Bold-59c473210a9ceeade3b22fc643391816.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 800; src: url(/assets/files/TT_Hoves_Pro_ExtraBold-bf46b3551cba36ef5701d507a27d76a1.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "TT Hoves Pro"; font-style: normal; font-weight: 900; src: url(/assets/files/TT_Hoves_Pro_Black-b9f691627364c0532223c15eab03811a.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Sofia"; font-style: normal; font-weight: 400; src: url(/assets/files/SofiaSansExtraCondensed-Regular-79e9ebe33a1fe1350e5b7481ba62c611.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Sofia"; font-style: normal; font-weight: 600; src: url(/assets/files/SofiaSansExtraCondensed-SemiBold-6b06f0b31db2e1af57067a0596edecea.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Sofia"; font-style: normal; font-weight: 700; src: url(/assets/files/SofiaSansExtraCondensed-Bold-c2f23157cf443e779f6f95280fdc41c2.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Sofia"; font-style: normal; font-weight: 800; src: url(/assets/files/SofiaSansExtraCondensed-ExtraBold-2c751ea88eebfc02029ffec87c380f98.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Sofia"; font-style: normal; font-weight: 900; src: url(/assets/files/SofiaSansExtraCondensed-Black-1e3c8e808934bcbf0c41b4b3e9b01d56.woff2) format("woff2"); font-display: swap; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: .67em 0; } /** * Address styling not present in IE 8/9. */ mark { color: black; background: #ff0; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { font: inherit; /* 2 */ margin: 0; /* 3 */ color: inherit; /* 1 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; /* 3 */ -webkit-appearance: button; /* 2 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type='search'] { -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ -webkit-appearance: textfield; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { padding: 0; /* 2 */ border: 0; /* 1 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } div[role="button"] { -webkit-tap-highlight-color: transparent; } div[role="button"]:focus-within, div[role="button"]:focus-visible, div[role="button"]:focus { outline: none; } body { font-family: 'Helvetica CY', Arial, 'Nimbus Sans L', sans-serif; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 10px; scroll-behavior: smooth; position: relative; min-height: 100vh; -webkit-font-smoothing: antialiased; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } body, a { color: #2e2e2e; } h1, h2, h3, h4, h5, h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; } h1 i, h1 em, h1 q, h2 i, h2 em, h2 q, h3 i, h3 em, h3 q, h4 i, h4 em, h4 q, h5 i, h5 em, h5 q, h6 i, h6 em, h6 q, strong i, strong em, strong q, b i, b em, b q { font-weight: bold; font-style: italic; } i, em, q { font-style: italic; } a, a:hover { text-decoration: none; } ul, ol { list-style: none; } address { font-style: normal; display: block; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent; } /* Hide Play button + controls on iOS */ video::-webkit-media-controls { display: none !important; } .g-hide { display: none !important; } .g-hidden { visibility: hidden !important; } .g-invisible { opacity: 0 !important; } @media only screen and (min-width: 1025px) { .g-zoom { font-size: 0.78125vw; } } @media only screen and (min-width: 1920px) { .g-zoom { font-size: 1.5em; } } .privacy-modal { background-color: #15171b; position: fixed; width: 100vw; height: 100vh; height: 100%; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 120px 0; top: 0; left: 0; z-index: 100; display: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .privacy-modal { padding: 80px 0; } } @media only screen and (max-width: 767px) { .privacy-modal { padding: 60px 0; } } .privacy-modal_close-btn { background: url(/assets/files/i-32-cross-76729f95be7b00e31ac302e6064b6937.svg) 50% 50% no-repeat transparent; opacity: 0.7; background-size: auto 32px; position: fixed; z-index: 500; color: white; right: 0; top: 0; cursor: pointer; width: 64px; height: 64px; -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; } .privacy-modal_close-btn:hover { opacity: 1; background-color: #ff0044; } @media only screen and (max-width: 1024px) { .privacy-modal_close-btn { background-size: auto 20px; width: 40px; height: 40px; } } .privacy-modal_inner { margin: auto; } @media only screen and (min-width: 1280px) { .privacy-modal_inner { width: calc(1150px * 8 / 12); } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .privacy-modal_inner { width: calc(920px * 8 / 12); } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .privacy-modal_inner { width: calc(93.75vw * 8 / 12); } } @media only screen and (max-width: 767px) { .privacy-modal_inner { width: 87.5vw; } } .privacy-modal_title { color: #ff0044; } .privacy-modal_title-main { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 72px; line-height: 1.08; color: #ff0044; margin-bottom: 0.54em; } @media only screen and (max-width: 1024px) { .privacy-modal_title-main { font-size: 58px; } } @media only screen and (max-width: 767px) { .privacy-modal_title-main { font-size: 28px; } } .privacy-modal_title-second { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 28px; line-height: 1.28; color: #ff0044; margin-bottom: 0.64em; margin-top: 56px; } @media only screen and (max-width: 1024px) { .privacy-modal_title-second { font-size: 24px; } } @media only screen and (max-width: 767px) { .privacy-modal_title-second { font-size: 18px; } } .privacy-modal_paragraph, .privacy-modal li, .privacy-modal_link { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 20px; line-height: 1.8; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.9em; } @media only screen and (max-width: 767px) { .privacy-modal_paragraph, .privacy-modal li, .privacy-modal_link { font-size: 16px; } } .privacy-modal_paragraph, .privacy-modal li { color: rgba(255, 255, 255, 0.75); } .privacy-modal_link { color: #ff0044; } .privacy-modal_link:hover { color: white; } @media only screen and (min-width: 1025px) { .privacy-modal li { padding-left: calc((1150px / 12) * 0.3); } } .privacy-modal li::before { content: "\2014"; margin-right: 0.3em; } .cookie-msg { z-index: 99; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #17181f; } @media only screen and (min-width: 768px) { .cookie-msg { position: fixed; width: 260px; max-width: 87.5vw; padding: 12px 56px 12px 24px; } } @media only screen and (min-width: 1025px) { .cookie-msg { bottom: 40px; left: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .cookie-msg { top: 86px; right: 24px; } } @media only screen and (max-width: 767px) { .cookie-msg { position: absolute; padding: 13px 40px 17px 21px; width: 100%; left: 0; top: 62px; } } .cookie-msg--hidden { display: none; } .cookie-msg__text { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; font-size: 14px; line-height: 1.57; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.785em; color: white; margin-bottom: 0; } @media only screen and (max-width: 767px) { .cookie-msg__text { padding-right: 5em; } } .cookie-msg__close-btn { position: absolute; top: 12px; right: 14px; cursor: pointer; width: 20px; height: 20px; } .cookie-msg__close-btn g { fill: white; } .cookie-msg__close-btn:hover g { fill: #ff0044; } /** * Common layout **/ iframe[name='google_conversion_frame'] { position: absolute; height: 0; } .l-header { position: fixed; z-index: 30; top: 0; left: 0; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media only screen and (min-width: 1025px) { .l-header { background: rgba(249, 249, 249, 0.9); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05), 0 4px 16px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05), 0 4px 16px 0 rgba(0, 0, 0, 0.05); -webkit-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .l-header { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.9); } } .l-header--transparent { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-box-shadow: none; box-shadow: none; } .l-header--sticky { position: -webkit-sticky; position: sticky; } } .l-header nav a, .l-header nav a span { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .l-body-wrapper.hidden { display: none; } .l-body-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .l-footer { min-height: 200px; background-color: #1d1f26; position: relative; } .l-column { font-size: 1em; margin: 0 auto; } @media only screen and (max-width: 767px) { .l-column { width: 87.5vw; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .l-column { width: 86.32813vw; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .l-column { width: 98em; } } @media only screen and (min-width: 1280px) { .l-column { width: 115em; } } .noscroll { overflow: hidden; } @media only screen and (max-width: 1024px) { .noscroll { position: fixed; right: 0; left: 0; width: 100%; height: 100%; } } .touchevents .noscroll, .noscroll.touchevents { position: fixed; right: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1024px) { .scrollable { overflow-y: auto !important; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } } .disable-pointer-events, .disable-pointer-events * { pointer-events: none !important; } .container:after { content: ""; display: table; clear: both; } .row, .row-reverse { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .gr-0, .gr-1, .gr-2, .gr-3, .gr-4, .gr-5, .gr-6, .gr-7, .gr-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } .gr-adapt { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } .gr-grow { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } .push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8 { position: relative; } .pull-0, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8 { position: relative; } .nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap > * { white-space: normal; } .wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } .gr-centered { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } @media screen and (max-width: 767px) { .container\@mobile:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 767px) { .row\@mobile, .row-reverse\@mobile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (max-width: 767px) { .gr-0\@mobile, .gr-1\@mobile, .gr-2\@mobile, .gr-3\@mobile, .gr-4\@mobile, .gr-5\@mobile, .gr-6\@mobile, .gr-7\@mobile, .gr-8\@mobile { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 767px) { .gr-adapt\@mobile { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 767px) { .gr-grow\@mobile { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 767px) { .push-0\@mobile, .push-1\@mobile, .push-2\@mobile, .push-3\@mobile, .push-4\@mobile, .push-5\@mobile, .push-6\@mobile, .push-7\@mobile, .push-8\@mobile { position: relative; } } @media screen and (max-width: 767px) { .pull-0\@mobile, .pull-1\@mobile, .pull-2\@mobile, .pull-3\@mobile, .pull-4\@mobile, .pull-5\@mobile, .pull-6\@mobile, .pull-7\@mobile, .pull-8\@mobile { position: relative; } } @media screen and (max-width: 767px) { .nowrap\@mobile { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@mobile > * { white-space: normal; } } @media screen and (max-width: 767px) { .wrap\@mobile { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (max-width: 767px) { .gr-centered\@mobile { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .container\@tablet:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .row\@tablet, .row-reverse\@tablet { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-0\@tablet, .gr-1\@tablet, .gr-2\@tablet, .gr-3\@tablet, .gr-4\@tablet, .gr-5\@tablet, .gr-6\@tablet, .gr-7\@tablet, .gr-8\@tablet { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-adapt\@tablet { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-grow\@tablet { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .push-0\@tablet, .push-1\@tablet, .push-2\@tablet, .push-3\@tablet, .push-4\@tablet, .push-5\@tablet, .push-6\@tablet, .push-7\@tablet, .push-8\@tablet { position: relative; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .pull-0\@tablet, .pull-1\@tablet, .pull-2\@tablet, .pull-3\@tablet, .pull-4\@tablet, .pull-5\@tablet, .pull-6\@tablet, .pull-7\@tablet, .pull-8\@tablet { position: relative; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .nowrap\@tablet { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@tablet > * { white-space: normal; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .wrap\@tablet { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-centered\@tablet { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 1025px) { .container\@desktop:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 1025px) { .row\@desktop, .row-reverse\@desktop { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 1025px) { .gr-0\@desktop, .gr-1\@desktop, .gr-2\@desktop, .gr-3\@desktop, .gr-4\@desktop, .gr-5\@desktop, .gr-6\@desktop, .gr-7\@desktop, .gr-8\@desktop { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 1025px) { .gr-adapt\@desktop { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 1025px) { .gr-grow\@desktop { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 1025px) { .push-0\@desktop, .push-1\@desktop, .push-2\@desktop, .push-3\@desktop, .push-4\@desktop, .push-5\@desktop, .push-6\@desktop, .push-7\@desktop, .push-8\@desktop { position: relative; } } @media screen and (min-width: 1025px) { .pull-0\@desktop, .pull-1\@desktop, .pull-2\@desktop, .pull-3\@desktop, .pull-4\@desktop, .pull-5\@desktop, .pull-6\@desktop, .pull-7\@desktop, .pull-8\@desktop { position: relative; } } @media screen and (min-width: 1025px) { .nowrap\@desktop { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@desktop > * { white-space: normal; } } @media screen and (min-width: 1025px) { .wrap\@desktop { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 1025px) { .gr-centered\@desktop { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } #gridle-settings { content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "767px", "query" : "screen and (max-width: 767px)", "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "768px", "max-width" : "1024px", "query" : "screen and (min-width: 768px) and (max-width: 1024px)", "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop":{ "name" : "desktop", "min-width" : "1025px", "max-width" : null, "query" : "screen and (min-width: 1025px)", "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }'; } .gr-0 { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0 { left: 0%; right: auto; } .pull-0 { right: 0%; left: auto; } .prefix-0 { margin-left: 0%; } .suffix-0 { margin-right: 0%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1 { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1 { left: 12.5%; right: auto; } .pull-1 { right: 12.5%; left: auto; } .prefix-1 { margin-left: 12.5%; } .suffix-1 { margin-right: 12.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2 { left: 25%; right: auto; } .pull-2 { right: 25%; left: auto; } .prefix-2 { margin-left: 25%; } .suffix-2 { margin-right: 25%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3 { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3 { left: 37.5%; right: auto; } .pull-3 { right: 37.5%; left: auto; } .prefix-3 { margin-left: 37.5%; } .suffix-3 { margin-right: 37.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4 { left: 50%; right: auto; } .pull-4 { right: 50%; left: auto; } .prefix-4 { margin-left: 50%; } .suffix-4 { margin-right: 50%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5 { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5 { left: 62.5%; right: auto; } .pull-5 { right: 62.5%; left: auto; } .prefix-5 { margin-left: 62.5%; } .suffix-5 { margin-right: 62.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6 { left: 75%; right: auto; } .pull-6 { right: 75%; left: auto; } .prefix-6 { margin-left: 75%; } .suffix-6 { margin-right: 75%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7 { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7 { left: 87.5%; right: auto; } .pull-7 { right: 87.5%; left: auto; } .prefix-7 { margin-left: 87.5%; } .suffix-7 { margin-right: 87.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8 { left: 100%; right: auto; } .pull-8 { right: 100%; left: auto; } .prefix-8 { margin-left: 100%; } .suffix-8 { margin-right: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .no-gutter { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left { padding-left: 0; } .no-gutter-right { padding-right: 0; } .no-gutter-top { padding-top: 0; } .no-gutter-bottom { padding-bottom: 0; } .gutter { padding-right: 2em; padding-left: 2em; } .gutter-left { padding-left: 2em; } .gutter-right { padding-right: 2em; } .auto-height { height: inherit; } .row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse { margin-left: 0 !important; margin-right: 0 !important; } .row-full { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide { display: none; } .not-visible { visibility: hidden; } .show { display: block; } .show-inline { display: inline-block; } .visible { visibility: visible; } .row-debug { position: relative; z-index: 99999; overflow: hidden; } .row-debug:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } @media screen and (max-width: 767px) { .gr-0\@mobile { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@mobile { left: 0%; right: auto; } .pull-0\@mobile { right: 0%; left: auto; } .prefix-0\@mobile { margin-left: 0%; } .suffix-0\@mobile { margin-right: 0%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@mobile { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@mobile { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1\@mobile { left: 12.5%; right: auto; } .pull-1\@mobile { right: 12.5%; left: auto; } .prefix-1\@mobile { margin-left: 12.5%; } .suffix-1\@mobile { margin-right: 12.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@mobile { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@mobile { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2\@mobile { left: 25%; right: auto; } .pull-2\@mobile { right: 25%; left: auto; } .prefix-2\@mobile { margin-left: 25%; } .suffix-2\@mobile { margin-right: 25%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@mobile { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@mobile { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3\@mobile { left: 37.5%; right: auto; } .pull-3\@mobile { right: 37.5%; left: auto; } .prefix-3\@mobile { margin-left: 37.5%; } .suffix-3\@mobile { margin-right: 37.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@mobile { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@mobile { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4\@mobile { left: 50%; right: auto; } .pull-4\@mobile { right: 50%; left: auto; } .prefix-4\@mobile { margin-left: 50%; } .suffix-4\@mobile { margin-right: 50%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@mobile { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@mobile { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5\@mobile { left: 62.5%; right: auto; } .pull-5\@mobile { right: 62.5%; left: auto; } .prefix-5\@mobile { margin-left: 62.5%; } .suffix-5\@mobile { margin-right: 62.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@mobile { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@mobile { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6\@mobile { left: 75%; right: auto; } .pull-6\@mobile { right: 75%; left: auto; } .prefix-6\@mobile { margin-left: 75%; } .suffix-6\@mobile { margin-right: 75%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@mobile { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@mobile { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7\@mobile { left: 87.5%; right: auto; } .pull-7\@mobile { right: 87.5%; left: auto; } .prefix-7\@mobile { margin-left: 87.5%; } .suffix-7\@mobile { margin-right: 87.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@mobile { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@mobile { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8\@mobile { left: 100%; right: auto; } .pull-8\@mobile { right: 100%; left: auto; } .prefix-8\@mobile { margin-left: 100%; } .suffix-8\@mobile { margin-right: 100%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@mobile { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@mobile { float: left; } .float-right\@mobile { float: right; } .clear\@mobile { clear: both; } .clear-left\@mobile { clear: left; } .clear-right\@mobile { clear: right; } .no-gutter\@mobile { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@mobile { padding-left: 0; } .no-gutter-right\@mobile { padding-right: 0; } .no-gutter-top\@mobile { padding-top: 0; } .no-gutter-bottom\@mobile { padding-bottom: 0; } .gutter\@mobile { padding-right: 2em; padding-left: 2em; } .gutter-left\@mobile { padding-left: 2em; } .gutter-right\@mobile { padding-right: 2em; } .auto-height\@mobile { height: inherit; } .row\@mobile { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row\@mobile { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@mobile { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse\@mobile { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@mobile { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col\@mobile { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse\@mobile { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left\@mobile { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@mobile { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@mobile { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@mobile { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top\@mobile { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@mobile { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@mobile { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@mobile { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide\@mobile { display: none; } .not-visible\@mobile { visibility: hidden; } .show\@mobile { display: block; } .show-inline\@mobile { display: inline-block; } .visible\@mobile { visibility: visible; } .row-debug\@mobile { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@mobile:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-0\@tablet { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@tablet { left: 0%; right: auto; } .pull-0\@tablet { right: 0%; left: auto; } .prefix-0\@tablet { margin-left: 0%; } .suffix-0\@tablet { margin-right: 0%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@tablet { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@tablet { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1\@tablet { left: 12.5%; right: auto; } .pull-1\@tablet { right: 12.5%; left: auto; } .prefix-1\@tablet { margin-left: 12.5%; } .suffix-1\@tablet { margin-right: 12.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@tablet { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@tablet { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2\@tablet { left: 25%; right: auto; } .pull-2\@tablet { right: 25%; left: auto; } .prefix-2\@tablet { margin-left: 25%; } .suffix-2\@tablet { margin-right: 25%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@tablet { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@tablet { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3\@tablet { left: 37.5%; right: auto; } .pull-3\@tablet { right: 37.5%; left: auto; } .prefix-3\@tablet { margin-left: 37.5%; } .suffix-3\@tablet { margin-right: 37.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@tablet { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@tablet { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4\@tablet { left: 50%; right: auto; } .pull-4\@tablet { right: 50%; left: auto; } .prefix-4\@tablet { margin-left: 50%; } .suffix-4\@tablet { margin-right: 50%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@tablet { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@tablet { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5\@tablet { left: 62.5%; right: auto; } .pull-5\@tablet { right: 62.5%; left: auto; } .prefix-5\@tablet { margin-left: 62.5%; } .suffix-5\@tablet { margin-right: 62.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@tablet { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@tablet { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6\@tablet { left: 75%; right: auto; } .pull-6\@tablet { right: 75%; left: auto; } .prefix-6\@tablet { margin-left: 75%; } .suffix-6\@tablet { margin-right: 75%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@tablet { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@tablet { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7\@tablet { left: 87.5%; right: auto; } .pull-7\@tablet { right: 87.5%; left: auto; } .prefix-7\@tablet { margin-left: 87.5%; } .suffix-7\@tablet { margin-right: 87.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@tablet { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@tablet { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8\@tablet { left: 100%; right: auto; } .pull-8\@tablet { right: 100%; left: auto; } .prefix-8\@tablet { margin-left: 100%; } .suffix-8\@tablet { margin-right: 100%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@tablet { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@tablet { float: left; } .float-right\@tablet { float: right; } .clear\@tablet { clear: both; } .clear-left\@tablet { clear: left; } .clear-right\@tablet { clear: right; } .no-gutter\@tablet { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@tablet { padding-left: 0; } .no-gutter-right\@tablet { padding-right: 0; } .no-gutter-top\@tablet { padding-top: 0; } .no-gutter-bottom\@tablet { padding-bottom: 0; } .gutter\@tablet { padding-right: 2em; padding-left: 2em; } .gutter-left\@tablet { padding-left: 2em; } .gutter-right\@tablet { padding-right: 2em; } .auto-height\@tablet { height: inherit; } .row\@tablet { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row\@tablet { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@tablet { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse\@tablet { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@tablet { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col\@tablet { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse\@tablet { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left\@tablet { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@tablet { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@tablet { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@tablet { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top\@tablet { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@tablet { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@tablet { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@tablet { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide\@tablet { display: none; } .not-visible\@tablet { visibility: hidden; } .show\@tablet { display: block; } .show-inline\@tablet { display: inline-block; } .visible\@tablet { visibility: visible; } .row-debug\@tablet { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@tablet:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 1025px) { .gr-0\@desktop { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@desktop { left: 0%; right: auto; } .pull-0\@desktop { right: 0%; left: auto; } .prefix-0\@desktop { margin-left: 0%; } .suffix-0\@desktop { margin-right: 0%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@desktop { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@desktop { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1\@desktop { left: 12.5%; right: auto; } .pull-1\@desktop { right: 12.5%; left: auto; } .prefix-1\@desktop { margin-left: 12.5%; } .suffix-1\@desktop { margin-right: 12.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@desktop { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@desktop { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2\@desktop { left: 25%; right: auto; } .pull-2\@desktop { right: 25%; left: auto; } .prefix-2\@desktop { margin-left: 25%; } .suffix-2\@desktop { margin-right: 25%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@desktop { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@desktop { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3\@desktop { left: 37.5%; right: auto; } .pull-3\@desktop { right: 37.5%; left: auto; } .prefix-3\@desktop { margin-left: 37.5%; } .suffix-3\@desktop { margin-right: 37.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@desktop { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@desktop { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4\@desktop { left: 50%; right: auto; } .pull-4\@desktop { right: 50%; left: auto; } .prefix-4\@desktop { margin-left: 50%; } .suffix-4\@desktop { margin-right: 50%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@desktop { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@desktop { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5\@desktop { left: 62.5%; right: auto; } .pull-5\@desktop { right: 62.5%; left: auto; } .prefix-5\@desktop { margin-left: 62.5%; } .suffix-5\@desktop { margin-right: 62.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@desktop { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@desktop { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6\@desktop { left: 75%; right: auto; } .pull-6\@desktop { right: 75%; left: auto; } .prefix-6\@desktop { margin-left: 75%; } .suffix-6\@desktop { margin-right: 75%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@desktop { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@desktop { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7\@desktop { left: 87.5%; right: auto; } .pull-7\@desktop { right: 87.5%; left: auto; } .prefix-7\@desktop { margin-left: 87.5%; } .suffix-7\@desktop { margin-right: 87.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@desktop { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@desktop { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8\@desktop { left: 100%; right: auto; } .pull-8\@desktop { right: 100%; left: auto; } .prefix-8\@desktop { margin-left: 100%; } .suffix-8\@desktop { margin-right: 100%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@desktop { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@desktop { float: left; } .float-right\@desktop { float: right; } .clear\@desktop { clear: both; } .clear-left\@desktop { clear: left; } .clear-right\@desktop { clear: right; } .no-gutter\@desktop { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@desktop { padding-left: 0; } .no-gutter-right\@desktop { padding-right: 0; } .no-gutter-top\@desktop { padding-top: 0; } .no-gutter-bottom\@desktop { padding-bottom: 0; } .gutter\@desktop { padding-right: 2em; padding-left: 2em; } .gutter-left\@desktop { padding-left: 2em; } .gutter-right\@desktop { padding-right: 2em; } .auto-height\@desktop { height: inherit; } .row\@desktop { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row\@desktop { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@desktop { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse\@desktop { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@desktop { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col\@desktop { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse\@desktop { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left\@desktop { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@desktop { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@desktop { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@desktop { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top\@desktop { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@desktop { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@desktop { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@desktop { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide\@desktop { display: none; } .not-visible\@desktop { visibility: hidden; } .show\@desktop { display: block; } .show-inline\@desktop { display: inline-block; } .visible\@desktop { visibility: visible; } .row-debug\@desktop { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@desktop:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } } [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } @media screen and (max-width: 767px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } } @media screen and (min-width: 1025px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } } .link, .b-project-section a { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; color: #5c5c5c; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0044), to(#ff0044)); background-image: -webkit-linear-gradient(#ff0044, #ff0044); background-image: -o-linear-gradient(#ff0044, #ff0044); background-image: linear-gradient(#ff0044, #ff0044); background-repeat: repeat-x; background-position: 0 95%; background-size: 1px 1px; } .link:hover, .b-project-section a:hover { color: #ff0044; } .h1 span, .h2 span, .h3 span { font-family: "Roboto", sans-serif; font-weight: 700; color: #ff0044; } .h1 span, .h2 span { line-height: 1.3; } .h1 span { font-size: 8em; } @media screen and (max-width: 767px) { .h1 span { font-size: 3.2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .h1 span { font-size: 6.4em; } } .h2 span { font-size: 5.7em; } @media screen and (max-width: 767px) { .h2 span { font-size: 2.28em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .h2 span { font-size: 4.56em; } } .h3 span { font-size: 4em; } @media screen and (max-width: 767px) { .h3 span { font-size: 1.6em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .h3 span { font-size: 3.2em; } } .h4 span { font-size: 2.8em; } @media screen and (max-width: 767px) { .h4 span { font-size: 1.12em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .h4 span { font-size: 2.24em; } } .p { margin-bottom: 2em; } @media screen and (max-width: 767px) { .p { margin-bottom: 1.4em; } } .p span { font-family: "Roboto", sans-serif; font-size: 2em; font-weight: 300; line-height: 1.8em; } @media screen and (max-width: 767px) { .p span { font-size: 1.6em; } } .list-title { margin-top: 2.7em; margin-bottom: 1.8em; } .unordered-list { margin-bottom: 3.1em; } .unordered-list ul { margin-top: 1.4em; } .unordered-list li { position: relative; margin-bottom: 1.4em; padding-left: 2.1em; } .unordered-list li::before { position: absolute; top: 1.1em; left: .1em; width: 1em; height: .2em; content: ''; background: #ff0044; } .unordered-list span { font-size: 1.8em; font-weight: 300; line-height: 1.35; } @media screen and (min-width: 768px) and (max-width: 1024px) { .unordered-list span { font-size: 2em; } } @media screen and (max-width: 767px) { .unordered-list span { font-size: 1.5em; } } .bold { font-weight: 500; color: #2e2e2e; } .bolder { font-weight: 900; color: #2e2e2e; } .lead { margin-bottom: 2.4em; } @media screen and (max-width: 767px) { .lead { margin-bottom: 1.4em; } } .lead span { font-family: "Roboto", sans-serif; font-size: 2.4em; font-weight: 300; line-height: 1.8em; } @media screen and (max-width: 767px) { .lead span { font-size: 1.6em; } } .lead span { font-weight: 400; line-height: 1.7; color: rgba(29, 31, 38, 0.7); } @media screen and (max-width: 767px) { .lead span { font-size: 1.8em; line-height: 1.5; } } .quote span { font-size: 2.2em; font-style: italic; line-height: 2.1; } @media screen and (max-width: 767px) { .quote span { font-size: 1.6em; } } .number span { font-family: "Roboto", sans-serif; font-weight: bold; color: rgba(46, 46, 46, 0.1); } .big-caption { font-size: 32em; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.03); } /** * Component Logo **/ /** * Component Navigation **/ /** * Component Request Estimate link **/ /** * Component Button **/ /** * Component Form Fields **/ .c-button { display: inline-block; vertical-align: top; position: relative; } .c-button_wrap { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .c-button_wrap svg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .c-button_wrap g { fill: #2e2e2e; } .c-button_content { position: relative; z-index: 2; padding: 0 20px; text-align: center; white-space: nowrap; outline: 0; } .c-field { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #444; border: 1px solid rgba(255, 255, 255, 0.16); background-color: rgba(255, 255, 255, 0.04); } .c-field input::-webkit-input-placeholder, .c-field textarea::-webkit-input-placeholder { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 15px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.665em; } @media only screen and (max-width: 767px) { .c-field input::-webkit-input-placeholder, .c-field textarea::-webkit-input-placeholder { font-size: 13px; line-height: 1.53; } } .c-field input::-moz-placeholder, .c-field textarea::-moz-placeholder { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 15px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.665em; } @media only screen and (max-width: 767px) { .c-field input::-moz-placeholder, .c-field textarea::-moz-placeholder { font-size: 13px; line-height: 1.53; } } .c-field input:-ms-input-placeholder, .c-field textarea:-ms-input-placeholder { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 15px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.665em; } @media only screen and (max-width: 767px) { .c-field input:-ms-input-placeholder, .c-field textarea:-ms-input-placeholder { font-size: 13px; line-height: 1.53; } } .c-field.error { border-color: #ff0044; } .c-field.c-field--focused { border-color: white; } .c-field_label { color: #aeaeae; } .c-field_label span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; font-size: 14px; line-height: 1.57; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.785em; color: white; } .c-textfield { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } @media only screen and (max-width: 1024px) { .c-textfield { height: 4.2em; padding: 1.1em 1.2em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .c-textfield { height: 3.9em; padding: 1em .8em; } } @media only screen and (min-width: 1280px) { .c-textfield { height: 4.2em; padding: 1.1em; } } .c-textarea { width: 100%; } .c-radiobutton { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; cursor: default; } .c-radiobutton label { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1.8em; } @media only screen and (max-width: 767px) { .c-radiobutton label { padding-left: 5em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-radiobutton label { padding-left: 5.5em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .c-radiobutton label { padding-left: 4.9em; } } @media only screen and (min-width: 1280px) { .c-radiobutton label { padding-left: 5.2em; } } .c-radiobutton span { font-size: 1.6em; color: #5c5c5c; } .ui-radio + i { width: 2.4em; height: 2.4em; position: absolute; z-index: 1; top: 50%; left: 0; margin-top: -1.2em; background-image: url(/assets/files/button_radio-716aa557650ee01a87ab699309a2d98d.png); background-repeat: no-repeat; background-position: 0 -2.4em; background-size: 2.4em; } @media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) { .ui-radio + i { background-image: url(/assets/files/button_radio@2x-a10d7fe537933f98c97a213f9940b38b.png); background-position: 0 -2.4em; } } .ui-radio:checked + i { background-image: url(/assets/files/button_radio-716aa557650ee01a87ab699309a2d98d.png); background-repeat: no-repeat; background-position: 0 0; background-size: 2.4em; } @media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) { .ui-radio:checked + i { background-image: url(/assets/files/button_radio@2x-a10d7fe537933f98c97a213f9940b38b.png); background-position: 0 0; } } .ui-checkbox + i { width: 2.4em; height: 2.4em; position: absolute; z-index: 1; top: 50%; left: 0; margin-top: -1.2em; background-image: url(/assets/files/button_checkbox-f780c9e935ac16132ccd399ead1ba665.png); background-repeat: no-repeat; background-position: 0 -2.4em; background-size: 2.4em; } @media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) { .ui-checkbox + i { background-image: url(/assets/files/button_checkbox@2x-5e6ecf1b0fb859d82f582d79f9c06b05.png); background-position: 0 -2.4em; } } .ui-checkbox:checked + i { background-image: url(/assets/files/button_checkbox-f780c9e935ac16132ccd399ead1ba665.png); background-repeat: no-repeat; background-position: 0 0; background-size: 2.4em; } @media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) { .ui-checkbox:checked + i { background-image: url(/assets/files/button_checkbox@2x-5e6ecf1b0fb859d82f582d79f9c06b05.png); background-position: 0 0; } } .ui-radio, .ui-checkbox { position: absolute; z-index: 2; top: 50%; left: 0; width: 2.4em; height: 2.4em; margin-top: -1.2em; opacity: 0; cursor: pointer; } .ui-textfield, .ui-textarea { margin: 0; padding: 0; border: 0; outline: 0; background: none; } @media only screen and (max-width: 1024px) { .ui-textfield, .ui-textarea { font-size: 1.8em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .ui-textfield, .ui-textarea { font-size: 1.6em; } } @media only screen and (min-width: 1280px) { .ui-textfield, .ui-textarea { font-size: 1.8em; } } .ui-textfield ~ .c-field_label, .ui-textarea ~ .c-field_label { position: absolute; top: -28px; left: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .ui-textfield.full ~ .c-field_label, .ui-textarea.full ~ .c-field_label { opacity: 1; } @media only screen and (max-width: 1024px) { .ui-textfield.full ~ .c-field_label, .ui-textarea.full ~ .c-field_label { top: -28px; } } @media only screen and (min-width: 1025px) { .ui-textfield.full ~ .c-field_label, .ui-textarea.full ~ .c-field_label { top: -28px; } } .ui-textfield.required ~ .c-field_label, .ui-textarea.required ~ .c-field_label { padding-right: 1.4em; } .ui-textfield.required ~ .c-field_label:after, .ui-textarea.required ~ .c-field_label:after { font-size: 1.4em; position: absolute; z-index: 2; top: 0; right: 0; content: '*'; color: #ff0044; } .ui-textfield { width: 100%; } .ui-textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; resize: none; } @media only screen and (max-width: 1024px) { .ui-textarea { padding: 0.66667em 0.5em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .ui-textarea { padding: 0.75em 0.5625em; } } @media only screen and (min-width: 1280px) { .ui-textarea { padding: 0.66667em 0.5em; } } /** * Component Popup **/ .c-popup_close { background: url(/assets/files/i-32-cross-76729f95be7b00e31ac302e6064b6937.svg) 50% 50% no-repeat transparent; opacity: 0.7; background-size: auto 32px; position: absolute; z-index: 500; color: white; right: 0; top: 0; cursor: pointer; width: 64px; height: 64px; -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; } .c-popup_close:hover { opacity: 1; background-color: #ff0044; } @media only screen and (max-width: 1024px) { .c-popup_close { position: fixed; } } .c-popup_content { z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .c-popup.request_estimate { margin: auto; z-index: 2; background-color: #18191c; } @media only screen and (max-width: 1024px) { .c-popup.request_estimate { position: relative; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 1024px) { .c-popup.request_estimate .c-popup_content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; min-height: 100%; } } .c-request_estimate { position: fixed; z-index: 40; width: 100%; -webkit-tap-highlight-color: transparent; } @media only screen and (max-width: 1024px) { .c-request_estimate { top: 0; height: 100%; left: 0; background: #fff; overflow-x: hidden; } } @media only screen and (min-width: 1025px) { .c-request_estimate { top: 0; height: 100%; } } .c-request_estimate.finished .c-request_estimate_form { display: none; } .c-request_estimate.active .request_estimate_container { opacity: 1; } .request_estimate_container { position: relative; z-index: 2; width: 100%; height: 100%; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; overflow-y: auto; } .c-slide.request_estimate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(29, 31, 38, 0.9); -webkit-box-sizing: border-box; box-sizing: border-box; } .b-request_estimate-slide { position: relative; z-index: 2; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #bfbfbf; background-color: rgba(29, 31, 38, 0.9); } @media only screen and (max-width: 767px) { .b-request_estimate-slide { min-height: 570px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_estimate-slide { min-height: 600px; } } .b-request_estimate-slide .b-request_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; background-color: #18191c; } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content { width: 100%; background-color: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_estimate-slide .b-request_content { padding: 72px 64px 64px; } } @media only screen and (max-width: 767px) { .b-request_estimate-slide .b-request_content { padding: 64px 0 0; } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content { width: calc(calc(100vw - 155px) / 12 * 8 - 1px); } } @media only screen and (max-width: 767px) { .b-request_estimate-slide .b-request_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .b-request_estimate-slide .b-request_content_part { -webkit-box-sizing: border-box; box-sizing: border-box; } .b-request_estimate-slide .b-request_content_part_inner { padding: 48px 0 56px; } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .b-request_estimate-slide .b-request_content_part_inner { padding: 32px 0 48px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part_inner { padding: unset; } } .b-request_estimate-slide .b-request_content_part .b-request_form_inner { width: 100%; overflow: hidden; } .b-request_estimate-slide .b-request_content_part-1 { padding-right: 56px; } @media only screen and (min-width: 1200px) and (max-width: 1359px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: 64px; } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: 72px; } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: 80px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: unset; background-color: #18191c; padding: 48px 60px 64px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_estimate-slide .b-request_content_part-1 { padding-inline: 32px; } } @media only screen and (max-width: 459px) { .b-request_estimate-slide .b-request_content_part-1 { padding-inline: 24px; } } .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { padding-left: 64px; width: calc(8 * calc(100vw - 155px) / 12 - 67px); } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { padding-left: 56px; width: calc(7 * calc(100vw - 155px) / 12 - 56px); } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(7 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1560px) and (max-width: 1799px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(6 * calc(100vw - 155px) / 12 - 76px); } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(5 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(4 * calc(100vw - 155px) / 12 - 80px); padding-left: 80px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: 100%; padding-left: unset; } } .b-request_estimate-slide .b-request_content_part-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-right: 1px solid rgba(255, 255, 255, 0.1); padding-left: 56px; } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-2 { border-right: unset; padding-left: unset; margin-bottom: 32px; } } @media only screen and (min-width: 1200px) and (max-width: 1359px) { .b-request_estimate-slide .b-request_content_part-2 { padding-left: 64px; } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-2 { padding-left: 72px; } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-2 { padding-left: 80px; } } .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-right: 56px; height: 100%; width: calc(calc(100vw - 155px) / 12 * 5 - 112px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 64px; width: calc(4 * calc(100vw - 155px) / 12 - 64px); } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-right: 56px; width: calc(5 * calc(100vw - 155px) / 12 - 56px); } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(5 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1560px) and (max-width: 1799px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(4 * calc(100vw - 155px) / 12 - 73px); } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(5 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(4 * calc(100vw - 155px) / 12 - 80px); padding-right: 80px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: auto; padding-right: unset; gap: 32px; margin-bottom: 40px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-inline: 32px; } } @media only screen and (max-width: 459px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-inline: 24px; } } .b-request_paragraph { font-family: "TT Hoves Pro", "Arial", sans-serif; font-weight: 300; color: white; font-size: 22px; line-height: 1.27; } @media only screen and (min-width: 1360px) and (max-width: 1799px) { .b-request_paragraph { font-size: 24px; line-height: 1.33; } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_paragraph { font-size: clamp(24px, calc(-36.5042px + 3.36134vw), 28px); } } @media only screen and (min-width: 1920px) { .b-request_paragraph { font-size: 28px; } } @media only screen and (max-width: 1024px) { .b-request_paragraph { font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_paragraph { font-size: 24px; line-height: 32px; } } @media only screen and (max-width: 459px) { .b-request_paragraph { font-size: 22px; line-height: 28px; } } /** * Component Shadow **/ .c-shadow { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0; background: #000000; } @media only screen and (max-width: 1024px) { .c-request_estimate .c-shadow { display: none; } } @media only screen and (min-width: 1025px) { .c-request_estimate.active .c-shadow { opacity: 1; } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** * Component Request Estimate **/ .c-logo { position: relative; left: -20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } @media only screen and (max-width: 1024px) { .c-logo { z-index: 2; -webkit-transition: opacity .4s ease .2s; -o-transition: opacity .4s ease .2s; transition: opacity .4s ease .2s; opacity: 1; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-logo { left: -12px; } } @media only screen and (max-width: 767px) { .c-logo { left: -14px; } } @media only screen and (max-width: 1024px) { .collapse .c-logo { display: none; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; opacity: 0; } } .c-logo:before { display: block; width: 21em; height: 4.6em; content: ' '; background-image: url(/assets/files/mercdev-logo-black-38738ac3e55531f1867e301e1fef28e5.svg), url(/assets/files/mercdev-logo-white-b6d4fd7c7e2c4b757714ae0a197997cc.svg); background-repeat: no-repeat; background-position: center; background-size: contain, 0; -webkit-transition: background-image .3s ease-in-out; -o-transition: background-image .3s ease-in-out; transition: background-image .3s ease-in-out; } @media only screen and (max-width: 1024px) { .c-logo:before { width: 17em; height: 3.6em; } } @media only screen and (max-width: 767px) { .c-logo:before { width: 14em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .c-logo:before { background-image: url(/assets/files/mercdev-logo-mini-black-12bee38d5d86ed21a16b463efc5cb637.svg), url(/assets/files/mercdev-logo-mini-white-c4bd644c578c2efc735217e919ecd1c1.svg); width: 8em; height: 6em; } } @media only screen and (min-width: 1025px) { .c-logo:before { margin-top: -6px; } .l-header--transparent .c-logo:before { background-image: url(/assets/files/mercdev-logo-white-b6d4fd7c7e2c4b757714ae0a197997cc.svg), url(/assets/files/mercdev-logo-black-38738ac3e55531f1867e301e1fef28e5.svg); } } @media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1279px) { .l-header--transparent .c-logo:before { background-image: url(/assets/files/mercdev-logo-mini-white-c4bd644c578c2efc735217e919ecd1c1.svg), url(/assets/files/mercdev-logo-mini-black-12bee38d5d86ed21a16b463efc5cb637.svg); width: 8em; height: 6em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .c-logo:before { margin-top: 0px; } } @-webkit-keyframes logo-fade-out { to { display: none; opacity: 0; } } @keyframes logo-fade-out { to { display: none; opacity: 0; } } @-webkit-keyframes logo-fade-in { to { display: block; opacity: 1; } } @keyframes logo-fade-in { to { display: block; opacity: 1; } } @media only screen and (max-width: 1024px) { .c-nav { position: fixed; z-index: 1; top: .8em; right: 1.2em; width: 4.4em; height: 4.4em; -webkit-transition: all 216.66667ms ease 416.66667ms; -o-transition: all 216.66667ms ease 416.66667ms; transition: all 216.66667ms ease 416.66667ms; } .c-nav.active { -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; -webkit-transition: none; -o-transition: none; transition: none; } .c-nav.active .c-nav_wrap { width: 100vw; height: 100%; min-height: 100vh; -webkit-transition: opacity 416.66667ms ease 216.66667ms; -o-transition: opacity 416.66667ms ease 216.66667ms; transition: opacity 416.66667ms ease 216.66667ms; opacity: 1; } .c-nav:before { position: absolute; z-index: 1; top: 0; right: 0; width: 4.4em; height: 4.4em; content: ''; -webkit-transition: all 633.33333ms ease, opacity 633.33333ms ease 416.66667ms; -o-transition: all 633.33333ms ease, opacity 633.33333ms ease 416.66667ms; transition: all 633.33333ms ease, opacity 633.33333ms ease 416.66667ms; opacity: 0; border-radius: 2.2em; background: #fff; } .c-nav:after { position: fixed; top: 0; right: 0; width: 100vw; height: 6.2em; content: ''; -webkit-transition: all 633.33333ms ease; -o-transition: all 633.33333ms ease; transition: all 633.33333ms ease; background: #fff; } .c-nav.active:after { opacity: 0; } .c-nav.collapse:after { top: .8em; right: 1.2em; width: 4.4em; height: 4.4em; border-radius: 2.2em; } } @media only screen and (orientation: landscape) and (max-width: 1024px) { .c-nav.active:before { top: 50%; right: 50%; width: 300vw; height: 300vw; margin: -150vw -150vw 0 0; -webkit-transition: all 633.33333ms ease, opacity 1ms ease; -o-transition: all 633.33333ms ease, opacity 1ms ease; transition: all 633.33333ms ease, opacity 1ms ease; opacity: 1; border-radius: 150vw; } } @media only screen and (orientation: portrait) and (max-width: 1024px) { .c-nav.active:before { top: 50%; right: 50%; width: 300vh; height: 300vh; margin: -150vh -150vh 0 0; -webkit-transition: all 633.33333ms ease, opacity 1ms ease; -o-transition: all 633.33333ms ease, opacity 1ms ease; transition: all 633.33333ms ease, opacity 1ms ease; opacity: 1; border-radius: 150vh; } } @media only screen and (max-width: 767px) { .c-nav.active:after { z-index: 4; background-color: white; opacity: 1; pointer-events: none; } } @media only screen and (min-width: 1025px) { .c-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media only screen and (max-width: 1024px) { .c-nav_wrap { position: fixed; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 0; -webkit-transition: all 0.5s ease 416.66667ms, opacity 416.66667ms ease; -o-transition: all 0.5s ease 416.66667ms, opacity 416.66667ms ease; transition: all 0.5s ease 416.66667ms, opacity 416.66667ms ease; opacity: 0; } } @media only screen and (max-width: 767px) { .c-nav_wrap { padding: 9em 0 10em 4em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 10em 0 4em; } } @media only screen and (min-width: 1025px) { .c-nav_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media only screen and (min-width: 1025px) { .c-nav_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_list { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .c-nav_overlay { position: fixed; z-index: 4; top: 0; left: 0; display: none; width: 100%; height: 6.2em; background: #fff; -webkit-box-shadow: 0 0 4px 2px #ccc; box-shadow: 0 0 4px 2px #ccc; } @media only screen and (max-width: 767px) { .c-nav_overlay { z-index: 5; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_overlay { -webkit-box-shadow: none; box-shadow: none; } } .c-nav_ico { display: none; } @media only screen and (max-width: 1024px) { .c-nav_ico { position: absolute; z-index: 4; top: 1.4em; right: 1em; display: block; width: 2.4em; height: 1.6em; } .c-nav_ico:before { padding: 28px 46px; content: ''; } } @media only screen and (max-width: 767px) { .c-nav_ico { z-index: 5; } } .c-nav_ico.active .top { top: 0.7em; -webkit-transition: top 233.33333ms ease-in-out 33.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms; transition: top 233.33333ms ease-in-out 33.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms; -o-transition: top 233.33333ms ease-in-out 33.33333ms, transform 266.66667ms ease-in-out 333.33333ms; transition: top 233.33333ms ease-in-out 33.33333ms, transform 266.66667ms ease-in-out 333.33333ms; transition: top 233.33333ms ease-in-out 33.33333ms, transform 266.66667ms ease-in-out 333.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms; -webkit-transform: rotate(45deg) translate3d(0, 0, 0); transform: rotate(45deg) translate3d(0, 0, 0); } .c-nav_ico.active .middle { top: 50%; margin-top: -.1em; -webkit-transition: -webkit-transform 266.66667ms ease-in-out 333.33333ms; transition: -webkit-transform 266.66667ms ease-in-out 333.33333ms; -o-transition: transform 266.66667ms ease-in-out 333.33333ms; transition: transform 266.66667ms ease-in-out 333.33333ms; transition: transform 266.66667ms ease-in-out 333.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms; -webkit-transform: rotate(45deg) translate3d(0, 0, 0); transform: rotate(45deg) translate3d(0, 0, 0); } .c-nav_ico.active .bottom { bottom: 0.7em; -webkit-transition: bottom 233.33333ms ease-in-out 33.33333ms, -webkit-transform 300ms ease-in-out 333.33333ms; transition: bottom 233.33333ms ease-in-out 33.33333ms, -webkit-transform 300ms ease-in-out 333.33333ms; -o-transition: bottom 233.33333ms ease-in-out 33.33333ms, transform 300ms ease-in-out 333.33333ms; transition: bottom 233.33333ms ease-in-out 33.33333ms, transform 300ms ease-in-out 333.33333ms; transition: bottom 233.33333ms ease-in-out 33.33333ms, transform 300ms ease-in-out 333.33333ms, -webkit-transform 300ms ease-in-out 333.33333ms; -webkit-transform: rotate(-45deg) translate3d(0, 0, 0); transform: rotate(-45deg) translate3d(0, 0, 0); } @media only screen and (max-width: 1024px) { .c-nav_ico_line { position: absolute; left: 0; width: 100%; height: .2em; -webkit-transition: all 266.66667ms ease-in-out 33.33333ms; -o-transition: all 266.66667ms ease-in-out 33.33333ms; transition: all 266.66667ms ease-in-out 33.33333ms; /*webGl hack*/ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: .1em; background-color: #ed3d24; } .c-nav_ico_line.top { top: 0; } .c-nav_ico_line.middle { top: 50%; margin-top: -.1em; } .c-nav_ico_line.bottom { bottom: 0; } } @media only screen and (min-width: 1025px) { .c-nav_ico_line { display: none; } } .c-nav_link_wrap { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } @media only screen and (max-width: 767px) { .c-nav_link_wrap { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_link_wrap { width: 100%; } } @media only screen and (min-width: 1025px) { .c-nav_link_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .c-nav_link_wrap:hover, .c-nav_link_wrap.active { background-color: white; } .c-nav_link_wrap:hover .c-nav_link span, .c-nav_link_wrap.active .c-nav_link span { color: #ff0044; } .l-header--transparent .c-nav_link_wrap:hover, .l-header--transparent .c-nav_link_wrap.active { background-color: transparent; } } .c-nav_link_wrap .b-nav_customer_support span, .c-nav_link_wrap .b-nav_customer_login span { color: rgba(29, 31, 38, 0.85); } .c-nav_link { text-transform: uppercase; } @media only screen and (max-width: 767px) { .c-nav_link { line-height: 54px; display: block; } .c-nav_link span { color: rgba(29, 31, 38, 0.85); } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_link { display: inline-block; width: 100%; height: 100%; padding: 4em 0; text-align: center; } .c-nav_link:hover { background: #fcd9d4; } .c-nav_link span { font-size: 32px; line-height: 1em; } } @media only screen and (min-width: 1025px) { .c-nav_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 1.9em; } .c-nav_link span { font-size: 14px; } .l-header--transparent .c-nav_link span { color: white; } } .c-nav_link span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 1.38; letter-spacing: 0.91px; text-transform: uppercase; color: #1d1f26; margin-bottom: 0.69em; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_link span { font-size: 32px; } } @media only screen and (max-width: 767px) { .c-nav_footer { margin-top: 3em; } } @media only screen and (max-width: 767px) and (orientation: portrait) { .c-nav_footer { margin-bottom: 2em; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .c-nav_footer { margin-bottom: 3em; } } @media only screen and (min-width: 1025px) { .c-nav_footer { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav_footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-flow: column-reverse nowrap; -ms-flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; top: -40px; min-height: 15em; margin: 0 auto; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .c-nav_footer { margin-bottom: 10em; } } @media only screen and (max-width: 1024px) { .b-nav_request_estimate_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-nav_request_estimate_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1025px) { .b-nav_request_estimate_link { display: none; } } @media only screen and (min-width: 1025px) { .b-nav_customer_support, .b-nav_customer_login { display: none; } } .b-nav_footer_text { padding: 1.1em 0 1em; text-decoration: underline; opacity: .35; color: black; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-nav_footer_text { opacity: 1; color: #909090; } } .b-nav_footer_text span { font-size: 1.4em; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-nav_footer_text span { font-size: 1.6em; } } .b-nav_footer_email { display: inline-block; vertical-align: top; } .c-request_estimate_link { position: relative; } @media only screen and (min-width: 1025px) { .c-request_estimate_link { width: 21em; } } @media only screen and (max-width: 767px) { .c-request_estimate_link { letter-spacing: .08em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-request_estimate_link { letter-spacing: 1.6px; } } @media only screen and (min-width: 1025px) { .l-header--transparent .c-request_estimate_link { color: white; } } @media only screen and (max-width: 1024px) { .c-request_estimate_link svg { width: 100%; height: 100%; } } .c-request_estimate_link .c-request_estimate_link_value_less-desktop { display: none; font-size: inherit; } @media only screen and (max-width: 1024px) { .c-request_estimate_link .c-request_estimate_link_value_less-desktop { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .c-request_estimate_link .c-request_estimate_link_value_less-desktop { height: 54px; } } .c-request_estimate_button { display: none; text-transform: none; } @media only screen and (min-width: 1025px) { .c-request_estimate_button { display: block; } } .c-request_estimate_link_icon { position: relative; margin-right: .62em; } @media only screen and (max-width: 767px) { .c-request_estimate_link_icon { width: 14px; height: 14px; margin-right: .6em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-request_estimate_link_icon { width: 32px; height: 32px; margin-right: 1.2em; } } .c-request_estimate_link_icon svg g { fill: #ff0044; } .landing__request-estimate-section { position: relative; padding: 160px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #121418; overflow: hidden; } @media only screen and (max-width: 1024px) { .landing__request-estimate-section { padding-top: unset; padding-bottom: unset; } } .landing__request-estimate-section::before { content: "CONTACT US"; display: block; position: absolute; z-index: 1; bottom: 0; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 300px; line-height: 1.07; color: rgba(146, 161, 174, 0.1); letter-spacing: 6px; margin-bottom: 0.535em; letter-spacing: 10px; white-space: nowrap; color: #1d1f26; margin-bottom: 0; } @media only screen and (min-width: 1025px) { .landing__request-estimate-section::before { left: 50%; bottom: -60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (max-width: 1024px) { .landing__request-estimate-section::before { display: none; } } .landing__request-estimate-section .b-request_estimate-slide { position: relative; z-index: 2; background-color: transparent; min-height: 0; font-size: 10px; overflow: visible; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .landing__request-estimate-section .b-request_submit { margin-left: 20px; } } .b-request_bg { z-index: 1; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 1024px) { .b-request_bg { border: unset; } } .b-request_bg_inner { width: 100%; height: 100%; } .b-request_bg .b-request_content, .b-request_bg .b-request_content_part-1 { height: 100%; } .b-request_content { position: relative; z-index: 2; } @media only screen and (max-width: 1024px) { .b-request_content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; padding: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .b-request_result { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; width: 100%; height: 100%; } @media only screen and (min-width: 1280px) { .b-request_result_fail { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .b-request_result_content { height: 40%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } @media only screen and (min-width: 1280px) { .b-request_result_content { min-width: 480px; } } .b-request_result_wrap { text-align: left; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .b-request_estimate-slide-cols { font-size: 10px; width: 100%; } .b-request_title { width: 100%; text-transform: uppercase; font-family: "Sofia", "Arial", sans-serif; color: #ff0044; font-size: 44px; line-height: 1.09; letter-spacing: 3.52px; font-weight: 800; margin-bottom: 24px; } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_title { font-size: 52px; line-height: 1.15; letter-spacing: 4.16px; } } @media only screen and (min-width: 1560px) and (max-width: 1799px) { .b-request_title { font-size: 48px; line-height: 60px; letter-spacing: 3.84px; } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_title { font-size: clamp(48px, calc(-73.0084px + 6.72269vw), 56px); } } @media only screen and (min-width: 1920px) { .b-request_title { font-size: 64px; line-height: 72px; letter-spacing: 5.12px; } } @media only screen and (max-width: 1024px) { .b-request_title { font-size: 80px; line-height: 1; margin-bottom: 16px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_title { font-size: 68px; line-height: 72px; letter-spacing: 5.44px; } } @media only screen and (min-width: 380px) and (max-width: 459px) { .b-request_title { font-size: 52px; line-height: 56px; letter-spacing: 4.16px; } } @media only screen and (max-width: 379px) { .b-request_title { font-size: 44px; line-height: 48px; letter-spacing: 3.52px; } } .b-request_contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .b-request_contact .l-mail-link { width: -webkit-max-content; width: -moz-max-content; width: max-content; text-transform: uppercase; font-family: "Sofia", "Arial", sans-serif; font-weight: 900; color: #ff0044; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; font-size: 14px; line-height: 1; letter-spacing: 1.4px; pointer-events: all; } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_contact .l-mail-link { font-size: 22px; line-height: 1.27; letter-spacing: 2.2px; } } @media only screen and (min-width: 1560px) { .b-request_contact .l-mail-link { font-size: 20px; line-height: 28px; letter-spacing: 2px; } } @media only screen and (min-width: 1920px) { .b-request_contact .l-mail-link { font-size: 24px; line-height: 32px; letter-spacing: 2.4px; } } @media only screen and (max-width: 1024px) { .b-request_contact .l-mail-link { font-size: 24px; line-height: 32px; letter-spacing: 2.4px; } } @media only screen and (min-width: 380px) and (max-width: 459px) { .b-request_contact .l-mail-link { font-size: 21px; line-height: 24px; letter-spacing: 2.1px; } } @media only screen and (max-width: 379px) { .b-request_contact .l-mail-link { font-size: 17px; line-height: 20px; letter-spacing: 1.7px; } } .b-request_contact .l-mail-link:hover { color: white; } .b-request_contact .l-mail-link:active { color: rgba(255, 255, 255, 0.75); } .b-request_contact .l-phone-link a { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-family: "Sofia", "Arial", sans-serif; color: white; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; font-weight: 800; font-size: 32px; line-height: 1.19; letter-spacing: 2.56px; text-transform: uppercase; pointer-events: all; } @media only screen and (min-width: 1360px) and (max-width: 1919px) { .b-request_contact .l-phone-link a { font-size: 36px; line-height: 1.11; letter-spacing: 2.88px; } } @media only screen and (min-width: 1920px) { .b-request_contact .l-phone-link a { font-size: 40px; line-height: 48px; letter-spacing: 3.2px; } } @media only screen and (max-width: 1024px) { .b-request_contact .l-phone-link a { font-size: 44px; line-height: 1; letter-spacing: 3.52px; } } @media only screen and (min-width: 380px) and (max-width: 459px) { .b-request_contact .l-phone-link a { font-size: 38px; line-height: 38px; letter-spacing: 3.04px; } } @media only screen and (max-width: 379px) { .b-request_contact .l-phone-link a { font-size: 32px; line-height: 32px; letter-spacing: 2.56px; } } .b-request_contact .l-phone-link a:hover { color: #ff0044; } .b-request_contact .l-phone-link a:active { color: #ed4159; } .b-request_footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 25px 0 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_footer { margin: 40px auto 0; } } @media only screen and (max-width: 767px) { .b-request_footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1280px) { .b-request_bg .b-request_footer { margin-top: 50px; } } @media only screen and (max-width: 767px) { .b-request_content { width: 100%; } .b-request_content .b-request_submit { width: 178px; margin: 27px 0 0; } .b-request_content .b-request_radio-wrapper { margin-top: 20px; } .b-request_content .b-request_radio .c-radiobutton { margin-bottom: 26px; } .b-request_content .b-request_radio .c-radiobutton:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .b-request_content .b-request_radio .c-radiobutton:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .b-request_content .b-request_radio .c-radiobutton:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .b-request_content .b-request_radio .c-radiobutton:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .b-request_content .b-request_radio .c-radiobutton:nth-child(5) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .b-request_content .b-request_radio .c-radiobutton:nth-child(6) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .b-request_content .b-request_radio .c-radiobutton .b-request_radio_custom { top: -11px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_content { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .b-request_content .b-request_submit { width: 178px; margin: 0; } .b-request_content .c-field.c-textarea { height: 137px; margin: 7em auto 0; } .b-request_content .b-request_user { width: 100%; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .b-request_content .b-request_user .c-field { display: inline-block; width: calc(50% - 8px); margin: 0; } .b-request_content .b-request_company { padding: 0; } .b-request_content .b-request_radio { display: block; padding: 10px 0 0 16px; } .b-request_content .b-request_radio-wrapper { margin-top: 40px; } .b-request_content .b-request_radio .c-radiobutton { display: inline-block; vertical-align: top; margin-bottom: 27px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) { .b-request_content .b-request_radio .c-radiobutton { width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_content .b-request_radio .c-radiobutton:last-child { margin-bottom: 15px; } .b-request_content .b-request_radio .c-radiobutton label { padding-left: 38px; } .b-request_content .b-request_radio .c-radiobutton .b-request_radio_custom { width: 190px; } } @media only screen and (min-width: 1025px) { .b-request_content .b-request_submit { width: 178px; } .b-request_content .b-request_contact { bottom: -2px; left: 121px; } .b-request_content .c-field.c-textarea { height: 107px; } .b-request_content .b-request_user { margin-bottom: 28px; } .b-request_content .b-request_radio { padding: 10px 0 0 10px; } .b-request_content .b-request_radio-wrapper { margin-top: 20px; } .b-request_content .b-request_radio .c-radiobutton { display: inline-block; margin-right: 0; margin-bottom: 25px; width: 50%; } .b-request_content .b-request_radio .c-radiobutton label { padding-left: 38px; } .b-request_content .b-request_radio .c-radiobutton:last-child { margin-top: 0; } .b-request_content .b-request_radio .c-radiobutton .b-request_radio_custom { top: -14px; } } @media only screen and (min-width: 1280px) { .b-request_content .b-request_submit { width: 178px; margin: 0; } .b-request_content .c-field { height: 42px; padding: 11px 11px 10px; } .b-request_content .c-field input, .b-request_content .c-field textarea { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 15px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.665em; color: white; margin-bottom: 0; } } @media only screen and (min-width: 1280px) and (max-width: 767px) { .b-request_content .c-field input, .b-request_content .c-field textarea { font-size: 13px; line-height: 1.53; } } @media only screen and (min-width: 1280px) { .b-request_content .c-field input::-webkit-input-placeholder, .b-request_content .c-field textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .b-request_content .c-field input::-moz-placeholder, .b-request_content .c-field textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.3); } .b-request_content .c-field input::-ms-input-placeholder, .b-request_content .c-field textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .b-request_content .c-field input::placeholder, .b-request_content .c-field textarea::placeholder { color: rgba(255, 255, 255, 0.3); } .b-request_content .c-field.error input, .b-request_content .c-field.error textarea { color: #ff0044; } .b-request_content .c-field.c-textarea { height: 145px; } .b-request_content .b-request_user { margin-bottom: 35px; } .b-request_content .b-request_user .c-field { width: calc(50% - 20px); } .b-request_bg_inner .b-request_content .b-request_user .c-field { width: 270px; } } @media only screen and (min-width: 1280px) and (max-width: 1024px) { .b-request_content .b-request_user .c-field { width: 250px; max-width: 65vw; } } @media only screen and (min-width: 1280px) { .b-request_content .b-request_user .c-field:first-child { margin-right: 40px; } .b-request_content .b-request_radio { padding: 15px 0 0 13px; } .b-request_content .b-request_radio .c-radiobutton { display: inline-block; margin-bottom: 27px; } .b-request_content .b-request_radio .b-request_radio_custom { font-size: 16px; line-height: 18px; height: 38px; padding: 10px 8px 10px; } } /** * Component Header **/ /** * Component Copyright **/ /** * Component Customer Support **/ /** * Component Customer Login **/ .c-copyright span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 11px; line-height: 1.27; letter-spacing: 0.55px; text-transform: uppercase; color: rgba(146, 161, 174, 0.6); margin-bottom: 0.5em; color: white; } .c-customer_support { text-transform: uppercase; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-customer_support { display: inline-block; width: 100%; height: 100%; letter-spacing: 1.6px; } .c-customer_support:hover { background: #fcd9d4; } } .c-customer_support span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 1.38; letter-spacing: 0.91px; text-transform: uppercase; color: #1d1f26; margin-bottom: 0.69em; color: rgba(255, 255, 255, 0.75); } .c-nav .c-customer_support span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 1.38; letter-spacing: 0.91px; text-transform: uppercase; color: #1d1f26; margin-bottom: 0.69em; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav .c-customer_support span { font-size: 32px; } } .c-customer_login { text-transform: uppercase; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-customer_login { display: inline-block; width: 100%; height: 100%; letter-spacing: 1.6px; } .c-customer_login:hover { background: #fcd9d4; } } .c-customer_login span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 1.38; letter-spacing: 0.91px; text-transform: uppercase; color: #1d1f26; margin-bottom: 0.69em; color: rgba(255, 255, 255, 0.75); } .c-nav .c-customer_login span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 1.38; letter-spacing: 0.91px; text-transform: uppercase; color: #1d1f26; margin-bottom: 0.69em; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-nav .c-customer_login span { font-size: 32px; } } /** * Component footer **/ .c-footer + .c-footer { margin-top: 15px; } @media only screen and (max-width: 1024px) { .c-footer + .c-footer { margin-top: 24px; } } .c-footer-badges-top { padding-top: 20px; } @media only screen and (max-width: 1024px) { .c-footer-badges-top { padding-top: 28px; } } .c-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media only screen and (max-width: 1024px) { .c-header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: 6.2em; } } @media only screen and (min-width: 1025px) { .c-header { height: 9em; text-transform: uppercase; } } @media only screen and (max-width: 1024px) { .b-header_request_estimate_link { display: none; } } @media only screen and (min-width: 1025px) { .b-header_request_estimate_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .b-header_request_estimate_link .button, .no-touchevents .b-header_request_estimate_link .button { -webkit-box-shadow: none; box-shadow: none; } .header__request-estimate-link-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; width: 210px; min-width: 210px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1; } @media only screen and (max-width: 1024px) { .header__request-estimate-link-container { display: none; } } .header__request-estimate-links { margin-left: auto; } .header__request-estimate-link, .header__phone { position: relative; white-space: nowrap; padding: 6px 0 6px 32px; -webkit-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .header__request-estimate-link div, .header__phone div { position: absolute; z-index: 1; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; } .header__request-estimate-link path, .header__phone path { fill: currentColor; } .header__request-estimate-link { text-transform: none; color: #ff0044; cursor: pointer; } .no-touchevents .header__request-estimate-link:hover { color: rgba(255, 0, 68, 0.7); } .no-touchevents .l-header--transparent .header__request-estimate-link:hover { color: white; } .header__phone { color: rgba(29, 31, 38, 0.7); } .l-header--transparent .header__phone { color: rgba(255, 255, 255, 0.75); } .c-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; min-height: 70px; color: white; } @media only screen and (max-width: 1024px) { .c-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .c-footer a { color: white; } .c-footer_links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 1024px) { .c-footer_links-wrapper { display: none; } } .c-footer_links-wrapper_item { opacity: 0.6; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } @media (hover: hover) and (pointer: fine) { .c-footer_links-wrapper_item:hover { opacity: 1; } } .no-touchevents .c-footer_links-wrapper_item:hover { opacity: 1; } .c-footer_links-wrapper_item + .c-footer_links-wrapper_item { margin-left: 40px; } .c-footer_socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .c-footer_socials_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; border-radius: 25.5px; border: solid 2px rgba(255, 255, 255, 0.75); opacity: 0.6; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; } .c-footer_socials_item + .c-footer_socials_item { margin-left: 16px; } .no-touchevents .c-footer_socials_item:hover { opacity: 1; } @media (hover: hover) and (pointer: fine) { .c-footer_socials_item:hover { opacity: 1; } } .b-footer_contact { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } @media only screen and (max-width: 1024px) { .b-footer_contact { text-align: center; margin-bottom: 32px; } } .b-footer_email { color: white; } .b-footer_email:hover > span { color: #ff0044; } .b-footer_email span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.53; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.765em; color: rgba(255, 255, 255, 0.75); } .b-footer_address { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .b-footer_address .c-office { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: inline-block; vertical-align: top; padding: 0 2.4em; text-align: center; } .b-footer_address .c-office .c-office_phone { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; margin-bottom: 0; } .b-footer_address .c-office .c-office_place { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.53; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.765em; color: rgba(255, 255, 255, 0.75); margin-bottom: 0; } .c-badge { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; opacity: .4; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 1024px) { .c-badge { margin: 20px; } } @media only screen and (max-width: 1024px) { .c-badge { margin: 15px 12px; } } @media (hover: hover) and (pointer: fine) { .c-badge:hover { opacity: .6; } } .c-badge_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media only screen and (max-width: 1024px) { .c-badge_wrapper { margin: 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .b-footer_customer_support, .b-footer_customer_login { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: block; } .container:after { content: ""; display: table; clear: both; } .row, .row-reverse { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .gr-0, .gr-1, .gr-2, .gr-3, .gr-4, .gr-5, .gr-6, .gr-7, .gr-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } .gr-adapt { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } .gr-grow { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } .push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8 { position: relative; } .pull-0, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8 { position: relative; } .nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap > * { white-space: normal; } .wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } .gr-centered { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } @media screen and (max-width: 767px) { .container\@mobile:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 767px) { .row\@mobile, .row-reverse\@mobile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (max-width: 767px) { .gr-0\@mobile, .gr-1\@mobile, .gr-2\@mobile, .gr-3\@mobile, .gr-4\@mobile, .gr-5\@mobile, .gr-6\@mobile, .gr-7\@mobile, .gr-8\@mobile { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 767px) { .gr-adapt\@mobile { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 767px) { .gr-grow\@mobile { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 767px) { .push-0\@mobile, .push-1\@mobile, .push-2\@mobile, .push-3\@mobile, .push-4\@mobile, .push-5\@mobile, .push-6\@mobile, .push-7\@mobile, .push-8\@mobile { position: relative; } } @media screen and (max-width: 767px) { .pull-0\@mobile, .pull-1\@mobile, .pull-2\@mobile, .pull-3\@mobile, .pull-4\@mobile, .pull-5\@mobile, .pull-6\@mobile, .pull-7\@mobile, .pull-8\@mobile { position: relative; } } @media screen and (max-width: 767px) { .nowrap\@mobile { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@mobile > * { white-space: normal; } } @media screen and (max-width: 767px) { .wrap\@mobile { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (max-width: 767px) { .gr-centered\@mobile { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .container\@tablet:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .row\@tablet, .row-reverse\@tablet { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-0\@tablet, .gr-1\@tablet, .gr-2\@tablet, .gr-3\@tablet, .gr-4\@tablet, .gr-5\@tablet, .gr-6\@tablet, .gr-7\@tablet, .gr-8\@tablet { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-adapt\@tablet { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-grow\@tablet { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .push-0\@tablet, .push-1\@tablet, .push-2\@tablet, .push-3\@tablet, .push-4\@tablet, .push-5\@tablet, .push-6\@tablet, .push-7\@tablet, .push-8\@tablet { position: relative; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .pull-0\@tablet, .pull-1\@tablet, .pull-2\@tablet, .pull-3\@tablet, .pull-4\@tablet, .pull-5\@tablet, .pull-6\@tablet, .pull-7\@tablet, .pull-8\@tablet { position: relative; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .nowrap\@tablet { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@tablet > * { white-space: normal; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .wrap\@tablet { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-centered\@tablet { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 1025px) { .container\@desktop:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 1025px) { .row\@desktop, .row-reverse\@desktop { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 1025px) { .gr-0\@desktop, .gr-1\@desktop, .gr-2\@desktop, .gr-3\@desktop, .gr-4\@desktop, .gr-5\@desktop, .gr-6\@desktop, .gr-7\@desktop, .gr-8\@desktop { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 1025px) { .gr-adapt\@desktop { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 1025px) { .gr-grow\@desktop { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; padding-left: 2em; } } @media screen and (min-width: 1025px) { .push-0\@desktop, .push-1\@desktop, .push-2\@desktop, .push-3\@desktop, .push-4\@desktop, .push-5\@desktop, .push-6\@desktop, .push-7\@desktop, .push-8\@desktop { position: relative; } } @media screen and (min-width: 1025px) { .pull-0\@desktop, .pull-1\@desktop, .pull-2\@desktop, .pull-3\@desktop, .pull-4\@desktop, .pull-5\@desktop, .pull-6\@desktop, .pull-7\@desktop, .pull-8\@desktop { position: relative; } } @media screen and (min-width: 1025px) { .nowrap\@desktop { -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@desktop > * { white-space: normal; } } @media screen and (min-width: 1025px) { .wrap\@desktop { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 1025px) { .gr-centered\@desktop { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } .gr-0 { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0 { left: 0%; right: auto; } .pull-0 { right: 0%; left: auto; } .prefix-0 { margin-left: 0%; } .suffix-0 { margin-right: 0%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1 { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1 { left: 12.5%; right: auto; } .pull-1 { right: 12.5%; left: auto; } .prefix-1 { margin-left: 12.5%; } .suffix-1 { margin-right: 12.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2 { left: 25%; right: auto; } .pull-2 { right: 25%; left: auto; } .prefix-2 { margin-left: 25%; } .suffix-2 { margin-right: 25%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3 { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3 { left: 37.5%; right: auto; } .pull-3 { right: 37.5%; left: auto; } .prefix-3 { margin-left: 37.5%; } .suffix-3 { margin-right: 37.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4 { left: 50%; right: auto; } .pull-4 { right: 50%; left: auto; } .prefix-4 { margin-left: 50%; } .suffix-4 { margin-right: 50%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5 { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5 { left: 62.5%; right: auto; } .pull-5 { right: 62.5%; left: auto; } .prefix-5 { margin-left: 62.5%; } .suffix-5 { margin-right: 62.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6 { left: 75%; right: auto; } .pull-6 { right: 75%; left: auto; } .prefix-6 { margin-left: 75%; } .suffix-6 { margin-right: 75%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7 { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7 { left: 87.5%; right: auto; } .pull-7 { right: 87.5%; left: auto; } .prefix-7 { margin-left: 87.5%; } .suffix-7 { margin-right: 87.5%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8 { left: 100%; right: auto; } .pull-8 { right: 100%; left: auto; } .prefix-8 { margin-left: 100%; } .suffix-8 { margin-right: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .no-gutter { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left { padding-left: 0; } .no-gutter-right { padding-right: 0; } .no-gutter-top { padding-top: 0; } .no-gutter-bottom { padding-bottom: 0; } .gutter { padding-right: 2em; padding-left: 2em; } .gutter-left { padding-left: 2em; } .gutter-right { padding-right: 2em; } .auto-height { height: inherit; } .row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse { margin-left: 0 !important; margin-right: 0 !important; } .row-full { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide { display: none; } .not-visible { visibility: hidden; } .show { display: block; } .show-inline { display: inline-block; } .visible { visibility: visible; } .row-debug { position: relative; z-index: 99999; overflow: hidden; } .row-debug:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } @media screen and (max-width: 767px) { .gr-0\@mobile { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@mobile { left: 0%; right: auto; } .pull-0\@mobile { right: 0%; left: auto; } .prefix-0\@mobile { margin-left: 0%; } .suffix-0\@mobile { margin-right: 0%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@mobile { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@mobile { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1\@mobile { left: 12.5%; right: auto; } .pull-1\@mobile { right: 12.5%; left: auto; } .prefix-1\@mobile { margin-left: 12.5%; } .suffix-1\@mobile { margin-right: 12.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@mobile { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@mobile { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2\@mobile { left: 25%; right: auto; } .pull-2\@mobile { right: 25%; left: auto; } .prefix-2\@mobile { margin-left: 25%; } .suffix-2\@mobile { margin-right: 25%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@mobile { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@mobile { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3\@mobile { left: 37.5%; right: auto; } .pull-3\@mobile { right: 37.5%; left: auto; } .prefix-3\@mobile { margin-left: 37.5%; } .suffix-3\@mobile { margin-right: 37.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@mobile { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@mobile { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4\@mobile { left: 50%; right: auto; } .pull-4\@mobile { right: 50%; left: auto; } .prefix-4\@mobile { margin-left: 50%; } .suffix-4\@mobile { margin-right: 50%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@mobile { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@mobile { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5\@mobile { left: 62.5%; right: auto; } .pull-5\@mobile { right: 62.5%; left: auto; } .prefix-5\@mobile { margin-left: 62.5%; } .suffix-5\@mobile { margin-right: 62.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@mobile { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@mobile { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6\@mobile { left: 75%; right: auto; } .pull-6\@mobile { right: 75%; left: auto; } .prefix-6\@mobile { margin-left: 75%; } .suffix-6\@mobile { margin-right: 75%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@mobile { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@mobile { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7\@mobile { left: 87.5%; right: auto; } .pull-7\@mobile { right: 87.5%; left: auto; } .prefix-7\@mobile { margin-left: 87.5%; } .suffix-7\@mobile { margin-right: 87.5%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@mobile { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@mobile { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8\@mobile { left: 100%; right: auto; } .pull-8\@mobile { right: 100%; left: auto; } .prefix-8\@mobile { margin-left: 100%; } .suffix-8\@mobile { margin-right: 100%; } .order-first\@mobile { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@mobile { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@mobile { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@mobile { float: left; } .float-right\@mobile { float: right; } .clear\@mobile { clear: both; } .clear-left\@mobile { clear: left; } .clear-right\@mobile { clear: right; } .no-gutter\@mobile { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@mobile { padding-left: 0; } .no-gutter-right\@mobile { padding-right: 0; } .no-gutter-top\@mobile { padding-top: 0; } .no-gutter-bottom\@mobile { padding-bottom: 0; } .gutter\@mobile { padding-right: 2em; padding-left: 2em; } .gutter-left\@mobile { padding-left: 2em; } .gutter-right\@mobile { padding-right: 2em; } .auto-height\@mobile { height: inherit; } .row\@mobile { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row\@mobile { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@mobile { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse\@mobile { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@mobile { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col\@mobile { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse\@mobile { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left\@mobile { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@mobile { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@mobile { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@mobile { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top\@mobile { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@mobile { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@mobile { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@mobile { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide\@mobile { display: none; } .not-visible\@mobile { visibility: hidden; } .show\@mobile { display: block; } .show-inline\@mobile { display: inline-block; } .visible\@mobile { visibility: visible; } .row-debug\@mobile { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@mobile:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .gr-0\@tablet { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@tablet { left: 0%; right: auto; } .pull-0\@tablet { right: 0%; left: auto; } .prefix-0\@tablet { margin-left: 0%; } .suffix-0\@tablet { margin-right: 0%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@tablet { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@tablet { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1\@tablet { left: 12.5%; right: auto; } .pull-1\@tablet { right: 12.5%; left: auto; } .prefix-1\@tablet { margin-left: 12.5%; } .suffix-1\@tablet { margin-right: 12.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@tablet { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@tablet { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2\@tablet { left: 25%; right: auto; } .pull-2\@tablet { right: 25%; left: auto; } .prefix-2\@tablet { margin-left: 25%; } .suffix-2\@tablet { margin-right: 25%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@tablet { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@tablet { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3\@tablet { left: 37.5%; right: auto; } .pull-3\@tablet { right: 37.5%; left: auto; } .prefix-3\@tablet { margin-left: 37.5%; } .suffix-3\@tablet { margin-right: 37.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@tablet { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@tablet { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4\@tablet { left: 50%; right: auto; } .pull-4\@tablet { right: 50%; left: auto; } .prefix-4\@tablet { margin-left: 50%; } .suffix-4\@tablet { margin-right: 50%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@tablet { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@tablet { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5\@tablet { left: 62.5%; right: auto; } .pull-5\@tablet { right: 62.5%; left: auto; } .prefix-5\@tablet { margin-left: 62.5%; } .suffix-5\@tablet { margin-right: 62.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@tablet { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@tablet { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6\@tablet { left: 75%; right: auto; } .pull-6\@tablet { right: 75%; left: auto; } .prefix-6\@tablet { margin-left: 75%; } .suffix-6\@tablet { margin-right: 75%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@tablet { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@tablet { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7\@tablet { left: 87.5%; right: auto; } .pull-7\@tablet { right: 87.5%; left: auto; } .prefix-7\@tablet { margin-left: 87.5%; } .suffix-7\@tablet { margin-right: 87.5%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@tablet { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@tablet { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8\@tablet { left: 100%; right: auto; } .pull-8\@tablet { right: 100%; left: auto; } .prefix-8\@tablet { margin-left: 100%; } .suffix-8\@tablet { margin-right: 100%; } .order-first\@tablet { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@tablet { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@tablet { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@tablet { float: left; } .float-right\@tablet { float: right; } .clear\@tablet { clear: both; } .clear-left\@tablet { clear: left; } .clear-right\@tablet { clear: right; } .no-gutter\@tablet { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@tablet { padding-left: 0; } .no-gutter-right\@tablet { padding-right: 0; } .no-gutter-top\@tablet { padding-top: 0; } .no-gutter-bottom\@tablet { padding-bottom: 0; } .gutter\@tablet { padding-right: 2em; padding-left: 2em; } .gutter-left\@tablet { padding-left: 2em; } .gutter-right\@tablet { padding-right: 2em; } .auto-height\@tablet { height: inherit; } .row\@tablet { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row\@tablet { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@tablet { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse\@tablet { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@tablet { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col\@tablet { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse\@tablet { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left\@tablet { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@tablet { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@tablet { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@tablet { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top\@tablet { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@tablet { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@tablet { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@tablet { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide\@tablet { display: none; } .not-visible\@tablet { visibility: hidden; } .show\@tablet { display: block; } .show-inline\@tablet { display: inline-block; } .visible\@tablet { visibility: visible; } .row-debug\@tablet { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@tablet:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 1025px) { .gr-0\@desktop { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@desktop { left: 0%; right: auto; } .pull-0\@desktop { right: 0%; left: auto; } .prefix-0\@desktop { margin-left: 0%; } .suffix-0\@desktop { margin-right: 0%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@desktop { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@desktop { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .push-1\@desktop { left: 12.5%; right: auto; } .pull-1\@desktop { right: 12.5%; left: auto; } .prefix-1\@desktop { margin-left: 12.5%; } .suffix-1\@desktop { margin-right: 12.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@desktop { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@desktop { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .push-2\@desktop { left: 25%; right: auto; } .pull-2\@desktop { right: 25%; left: auto; } .prefix-2\@desktop { margin-left: 25%; } .suffix-2\@desktop { margin-right: 25%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@desktop { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@desktop { -webkit-flex-basis: 37.5%; -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%; } .push-3\@desktop { left: 37.5%; right: auto; } .pull-3\@desktop { right: 37.5%; left: auto; } .prefix-3\@desktop { margin-left: 37.5%; } .suffix-3\@desktop { margin-right: 37.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@desktop { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@desktop { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-4\@desktop { left: 50%; right: auto; } .pull-4\@desktop { right: 50%; left: auto; } .prefix-4\@desktop { margin-left: 50%; } .suffix-4\@desktop { margin-right: 50%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@desktop { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@desktop { -webkit-flex-basis: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%; } .push-5\@desktop { left: 62.5%; right: auto; } .pull-5\@desktop { right: 62.5%; left: auto; } .prefix-5\@desktop { margin-left: 62.5%; } .suffix-5\@desktop { margin-right: 62.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@desktop { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@desktop { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .push-6\@desktop { left: 75%; right: auto; } .pull-6\@desktop { right: 75%; left: auto; } .prefix-6\@desktop { margin-left: 75%; } .suffix-6\@desktop { margin-right: 75%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@desktop { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@desktop { -webkit-flex-basis: 87.5%; -ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%; } .push-7\@desktop { left: 87.5%; right: auto; } .pull-7\@desktop { right: 87.5%; left: auto; } .prefix-7\@desktop { margin-left: 87.5%; } .suffix-7\@desktop { margin-right: 87.5%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@desktop { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@desktop { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-8\@desktop { left: 100%; right: auto; } .pull-8\@desktop { right: 100%; left: auto; } .prefix-8\@desktop { margin-left: 100%; } .suffix-8\@desktop { margin-right: 100%; } .order-first\@desktop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@desktop { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@desktop { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@desktop { float: left; } .float-right\@desktop { float: right; } .clear\@desktop { clear: both; } .clear-left\@desktop { clear: left; } .clear-right\@desktop { clear: right; } .no-gutter\@desktop { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@desktop { padding-left: 0; } .no-gutter-right\@desktop { padding-right: 0; } .no-gutter-top\@desktop { padding-top: 0; } .no-gutter-bottom\@desktop { padding-bottom: 0; } .gutter\@desktop { padding-right: 2em; padding-left: 2em; } .gutter-left\@desktop { padding-left: 2em; } .gutter-right\@desktop { padding-right: 2em; } .auto-height\@desktop { height: inherit; } .row\@desktop { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row\@desktop { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@desktop { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } [class*="no-gutter"] > .row-reverse\@desktop { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@desktop { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .col\@desktop { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .col-reverse\@desktop { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -2em; margin-right: -2em; } .row-align-left\@desktop { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@desktop { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@desktop { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@desktop { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-align-top\@desktop { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@desktop { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@desktop { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@desktop { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .hide\@desktop { display: none; } .not-visible\@desktop { visibility: hidden; } .show\@desktop { display: block; } .show-inline\@desktop { display: inline-block; } .visible\@desktop { visibility: visible; } .row-debug\@desktop { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@desktop:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 25% 100%; z-index: 99999; } body { direction: ltr; } } [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } @media screen and (max-width: 767px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } } @media screen and (min-width: 1025px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -2em; margin-right: -2em; } } /** * common **/ .b-btn_projects { width: 100%; } .b-btn_projects-wrap { position: relative; } .b-btn_projects-wrap .c-button_wrap g { fill: #000; } .b-btn_projects-back { font-size: 2em; position: absolute; bottom: -5.4em; left: 1em; text-transform: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-btn_projects-back { font-size: 1.6em; left: 0; } } @media only screen and (max-width: 767px) { .b-btn_projects-back { font-size: 1.6em; top: 0; right: 0; bottom: -4em; left: 0; width: 9em; height: 3em; margin: auto; } } .b-btn_projects-back a { color: #f15b41; } .b-btn_projects-back .c-button_content { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 11px; line-height: 1.27; letter-spacing: 0.55px; text-transform: uppercase; color: rgba(146, 161, 174, 0.6); margin-bottom: 0.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 18px 14px 14px 14px; color: #f15b41; } .b-btn_projects-back .c-button_wrap { display: none; } .b-btn_projects-arrow { display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: middle; background: url(/assets/files/ic_arrow_back_red_18px-e835604443610f8e324d5b9f62743bcc.png) center no-repeat; background-size: cover; } @media only screen and (max-width: 767px) { .b-btn_projects-arrow { width: 15px; height: 15px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-btn_projects-arrow { width: 15px; height: 15px; } } .c-all_projects { display: inline-block; position: absolute; left: 0; top: 14px; z-index: 2; font-size: 15px; line-height: 1.27; letter-spacing: 0.5px; white-space: nowrap; color: white; padding: 18px 14px 18px 28px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: none !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; } .c-all_projects:before { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background: url(/assets/files/back-0b881a92b57b8c0111a6dc7fa9d259e6.svg) no-repeat center; margin-top: -8px; } .c-all_projects span { font-style: normal; font-weight: 500; font-size: 15px; text-transform: uppercase; } .no-touchevents .c-all_projects:hover { opacity: .8; } .b-project-close-video { position: absolute; z-index: -1; top: 2em; left: 2em; cursor: pointer; opacity: 0; } .b-project-close-video .c-button_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.8em; padding: 1em; letter-spacing: 1px; text-transform: uppercase; color: #f15b41; } .b-project-close-video .c-button_content:before { width: 17px; height: 17px; margin-right: 10px; content: ' '; background: url(/assets/files/close-50e618c271dbfa5ef81b57c9b3e247ea.svg); } .b-project-close-video .c-button_wrap g { fill: #000; } .b-project-play-video { z-index: 50; visibility: hidden; margin: 2em auto 5.5em; cursor: pointer; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (max-width: 1024px) { .b-project-play-video { margin: -3.5em auto 2.5em; } } .b-project-play-video.visible { visibility: visible; opacity: 1; } .b-project-play-video .c-button_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; color: white; margin-bottom: 0; padding: 1.4em; } .b-project-play-video .c-button_content:before { width: 32px; height: 32px; margin-right: 10px; content: ' '; background: url(/assets/files/32-pt-video-84fe9002e11c3c70a99e5784098cc9dc.svg); } .b-project-play-video .c-button_wrap g { fill: #000; } .b-project-header { position: relative; z-index: 0; width: 100%; height: 60em; margin-bottom: 2em; background: url(/assets/files/header_placeholder-4ce68203e9045847252d9f0e924e5143.png) center bottom no-repeat; background-size: cover; } @media only screen and (max-width: 767px) { .b-project-header { height: 30em; margin-bottom: 1.8em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-project-header { height: 40em; } } .b-project-header > .no-video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .b-project-header > .no-video { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .b-project-header-no-video > .no-video { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .b-project-image-header, .b-project-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b-project-image-header { z-index: 1; opacity: .3; background-position: center bottom; background-size: cover; } .b-project-pattern { z-index: 2; background: url(/assets/files/pattern-91906460351e2461b43c9ac384839ea4.png) 0 0 repeat; } .b-project-play_btn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100pt; height: 50pt; margin: auto; cursor: pointer; } .b-project-play_btn .c-button_content { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; padding: 20px; letter-spacing: 1px; color: white; } .b-project-header-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; } @media only screen and (max-width: 767px) { .b-project-header-video iframe { height: 30em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-project-header-video iframe { height: 40em; } } .b-project-logo { z-index: 10; width: 100%; max-width: 38.4em; margin: 0 auto; } @media only screen and (max-width: 767px) { .b-project-logo { max-height: 26em; } } .case-study-video { overflow: hidden; position: relative; min-height: 600px; background-color: #000; margin-top: 90px; } @media only screen and (min-width: 768px) { .case-study-video { -webkit-transition: min-height 0.3s ease-in-out 0.15s; -o-transition: min-height 0.3s ease-in-out 0.15s; transition: min-height 0.3s ease-in-out 0.15s; } } @media only screen and (max-width: 1024px) { .case-study-video { min-height: 400px; margin-top: 62px; } } @media only screen and (max-width: 767px) { .case-study-video { min-height: 300px; margin-bottom: 18px; } } @media only screen and (min-width: 768px) { .case-study-video-opened { -webkit-transition: min-height 0.3s ease-in-out; -o-transition: min-height 0.3s ease-in-out; transition: min-height 0.3s ease-in-out; } } .case-study-video-loading { min-height: calc(100vh - 80px); } @media only screen and (max-width: 1024px) { .case-study-video-loading { min-height: calc(100vh - 60px); } } @media only screen and (max-width: 767px) { .case-study-video-loading { min-height: 300px; } } .case-study-video-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .case-study-video-content-foreground { position: absolute; z-index: 6; left: 0; top: 0; width: 100vw; height: 100vh; background-color: #000; opacity: 0; pointer-events: none; } @media only screen and (min-width: 768px) { .case-study-video-content-foreground { -webkit-transition: opacity 0.3s ease-in-out 0.3s; -o-transition: opacity 0.3s ease-in-out 0.3s; transition: opacity 0.3s ease-in-out 0.3s; } } .case-study-video-opened .case-study-video-content-foreground { opacity: 1; } .case-study-video-loading .case-study-video-content-foreground { opacity: 0; } .case-study-video-content-background { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/assets/files/header_placeholder-4ce68203e9045847252d9f0e924e5143.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .case-study-video-content-background::before { content: ""; display: block; position: absolute; z-index: 2; left: 0; top: 0; width: 100vw; height: 100vh; background-image: url(/assets/files/pattern-91906460351e2461b43c9ac384839ea4.png); background-size: 4px 4px; background-position: 0 0; background-repeat: repeat; } .case-study-video-content-background > div { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.3; } .case-study-video-logo { position: relative; z-index: 2; width: 100%; font-size: 0; text-align: center; } .case-study-video-logo img { width: 100%; max-width: 384px; } @media only screen and (max-width: 767px) { .case-study-video-logo img { max-height: 260px; } } .case-study-video-play-button { position: relative; z-index: 5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: none !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; } @media only screen and (max-width: 1024px) { .case-study-video-play-button { top: -60px; } } @media only screen and (max-width: 767px) { .case-study-video-play-button { top: -40px; } } .case-study-video-loading .case-study-video-play-button { opacity: 0; pointer-events: none; } .case-study-video-close-button { display: none; position: absolute; z-index: 28; right: 0; top: 0; cursor: pointer; background-color: #ff0044; -webkit-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; padding: 30px; } @media only screen and (max-width: 767px) { .case-study-video-close-button { padding: 18px; } } .case-study-video-close-button svg { display: block; width: 30px; height: 30px; } @media only screen and (max-width: 767px) { .case-study-video-close-button svg { width: 18px; height: 18px; } } .case-study-video-close-button path { fill: white; -webkit-transition: fill 0.3s ease-out; -o-transition: fill 0.3s ease-out; transition: fill 0.3s ease-out; } .case-study-video-opened .case-study-video-close-button { display: block; } .case-study-video-loading .case-study-video-close-button { display: none; } .no-touchevents .case-study-video-close-button:hover { background-color: white; } .no-touchevents .case-study-video-close-button:hover path { fill: #ff0044; } .case-study-video iframe { position: absolute; z-index: 20; left: 0; top: 0; width: 0; height: 0; opacity: 0; } .case-study-video iframe.opened { width: 100%; height: 100%; opacity: 1; } @media only screen and (min-width: 768px) { .case-study-video iframe.opened { -webkit-transition: opacity 0.25s ease-in 0.15s; -o-transition: opacity 0.25s ease-in 0.15s; transition: opacity 0.25s ease-in 0.15s; } } .mercdev-shields { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .mercdev-shields { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .mercdev-shield { display: block; width: 116px; min-width: 116px; text-decoration: none; margin-right: 40px; } @media only screen and (max-width: 767px) { .mercdev-shield { width: 64px; min-width: 64px; margin-right: 5px; } } .mercdev-shield:last-child { margin-right: 0; } .mercdev-shield--clutch { width: 136px; min-width: 136px; } @media only screen and (max-width: 767px) { .mercdev-shield--clutch { width: 75px; min-width: 75px; } } .mercdev-shield__image { text-align: center; } .mercdev-shield__image img { width: 100%; height: auto; } .mercdev-shield__title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 11px; line-height: 1.27; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; color: rgba(255, 255, 255, 0.75); -webkit-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } @media only screen and (max-width: 767px) { .mercdev-shield__title { display: none; } } .no-touchevents a.mercdev-shield:hover .mercdev-shield__title { color: white; } html, body { min-height: 100%; } body { height: 100%; color: #5c5c5c; background: #fff !important; } .container { font-family: Roboto; max-width: 116em; margin: 0 auto; padding: 0 4em; } @media screen and (max-width: 767px) { .container { padding: 0 2em; } } .b-project-section { margin: 8em 0; } @media screen and (max-width: 767px) { .b-project-section { margin: 4em 0; } } @media screen and (max-width: 767px) { .b-project-section p + p:last-child { margin-bottom: 0; } } .b-project-section-highlighted .row { font-style: italic; padding-top: 8em; padding-bottom: 7em; background: rgba(228, 229, 230, 0.4); } @media screen and (max-width: 767px) { .b-project-section-highlighted .row { padding-top: 4em; padding-bottom: 3em; } } .b-project-section.review { padding: 6em 0 4.7em; background-color: rgba(146, 161, 174, 0.1); } @media screen and (max-width: 767px) { .b-project-section.review { padding: 4em 0 2.7em; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review { background: transparent; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .b-project-customer { margin-bottom: 1.1em; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .b-project-customer .gr-1 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .b-project-customer .gr-4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; text-align: center; margin-right: auto; margin-left: auto; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .b-project-customer .avatar { min-width: 10em; margin-right: auto; margin-left: auto; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .b-project-customer .title { display: inline-block; position: relative; top: 19px; padding: 0 0.8em; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 11px; line-height: 1.27; letter-spacing: 0.55px; text-transform: uppercase; color: rgba(146, 161, 174, 0.6); margin-bottom: 0.5em; background-color: white; margin-bottom: 0; } } @media only screen and (max-width: 1024px) { .b-project-section.bordered-review .b-project-customer .title span { display: none; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .caption, .b-project-section.bordered-review .name, .b-project-section.bordered-review .b-project-quote-line { display: none; } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .gr-6 { padding: 3.5em 5em 1.9em 5em; border-style: solid; border-width: 2px; border-color: rgba(146, 161, 174, 0.4); } } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .gr-6 p { text-align: center; } } .b-project-section.bordered-review .double-quote { font-size: 1em; } @media only screen and (min-width: 1025px) { .b-project-section.bordered-review .double-quote { display: none; } } .b-project-section:last-child { margin-bottom: 0; padding-bottom: 18.6em; } @media only screen and (max-width: 1024px) { .b-project-section:last-child { padding-bottom: 3.4em; } } .b-project-section h1 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 72px; line-height: 1.08; color: #ff0044; margin-bottom: 0.54em; } @media only screen and (max-width: 1024px) { .b-project-section h1 { font-size: 58px; } } @media only screen and (max-width: 767px) { .b-project-section h1 { font-size: 28px; } } .b-project-section h2 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 50px; line-height: 1.12; color: #ff0044; margin-bottom: 0.56em; } @media only screen and (max-width: 1024px) { .b-project-section h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .b-project-section h2 { font-size: 24px; } } .b-project-section h3 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 1.21; color: #ff0044; margin-bottom: 0.605em; } @media only screen and (max-width: 1024px) { .b-project-section h3 { font-size: 32px; } } @media only screen and (max-width: 767px) { .b-project-section h3 { font-size: 20px; } } .b-project-section p { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 20px; line-height: 1.8; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.9em; } @media only screen and (max-width: 767px) { .b-project-section p { font-size: 16px; } } .b-project-section ul li { position: relative; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); padding-left: 1.17em; margin: 0.675em 0; } .b-project-section ul li:last-of-type { margin-bottom: 1.4em; } .b-project-section ul li::before { content: ""; display: block; position: absolute; top: 0.675em; left: 0.06em; width: 0.56em; height: 2px; background-color: #ff0044; margin-top: -1px; } @media only screen and (max-width: 767px) { .b-project-section ul li { font-size: 15px; } } .b-project-section .b-project-list-title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; font-weight: 500; font-size: 20px; line-height: 1.5; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.9em; } @media only screen and (max-width: 767px) { .b-project-section .b-project-list-title { font-size: 16px; } } .b-project-section .b-project-text-quote { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: italic; font-weight: 400; font-style: italic; font-weight: 400; font-size: 22px; line-height: 2.09; color: rgba(29, 31, 38, 0.85); margin-bottom: 1.045em; } @media only screen and (max-width: 767px) { .b-project-section .b-project-text-quote { font-size: 16px; line-height: 2.06; } } .b-project-section .b-text-intro { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; font-weight: 500; font-size: 24px; line-height: 1.67; color: rgba(29, 31, 38, 0.7); margin-bottom: 0.835em; } @media only screen and (max-width: 767px) { .b-project-section .b-text-intro { font-size: 18px; } } .b-project-section .b-header-h1-row { padding: 2.9em 0 0 0; } @media screen and (max-width: 767px) { .b-project-section .b-header-h1-row { padding-top: 0; } } .b-project-section .b-header-h1-row .b-project-header-number span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 72px; line-height: 1.08; color: #ff0044; margin-bottom: 0.54em; color: rgba(146, 161, 174, 0.25); } @media only screen and (max-width: 1024px) { .b-project-section .b-header-h1-row .b-project-header-number span { font-size: 58px; } } @media only screen and (max-width: 767px) { .b-project-section .b-header-h1-row .b-project-header-number span { font-size: 28px; } } .b-project-section .b-header-h2-row { padding: 1em 0 0 0; } @media screen and (max-width: 767px) { .b-project-section .b-header-h2-row { padding-top: 0; } } .b-project-section .b-header-h2-row .b-project-header-number span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 50px; line-height: 1.12; color: #ff0044; margin-bottom: 0.56em; color: rgba(146, 161, 174, 0.25); } @media only screen and (max-width: 1024px) { .b-project-section .b-header-h2-row .b-project-header-number span { font-size: 40px; } } @media only screen and (max-width: 767px) { .b-project-section .b-header-h2-row .b-project-header-number span { font-size: 24px; } } .b-project-section .row { margin: 0; } .b-project-header { margin-top: 8em; } @media screen and (min-width: 768px) and (max-width: 1024px) { .b-project-header { margin-top: 6em; } } @media screen and (max-width: 767px) { .b-project-header { margin-top: 6em; } } .b-project-video { width: 100%; height: 40em; margin: 2em 0 4em; } @media screen and (min-width: 768px) and (max-width: 1024px) { .b-project-video { height: 35em; } } @media screen and (max-width: 767px) { .b-project-video { height: 30em; } } .b-project-img { display: block; width: 100%; margin: 6em 0; } @media screen and (max-width: 767px) { .b-project-img { margin: 3em 0; } } .img-border .b-project-img { border: solid 1px rgba(0, 0, 0, 0.15); border-radius: 2px; } .b-project-img-description { margin-bottom: 10%; } @media screen and (max-width: 767px) { .b-project-img-description { margin-bottom: 0; } } .b-project-img-description .title { margin-bottom: 2.8em; } .b-project-img-description .title span { font-size: 1.1em; font-weight: 900; line-height: 1.3; letter-spacing: 1px; text-transform: uppercase; color: rgba(46, 46, 46, 0.3); } .b-project-img-description .description { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 16px; line-height: 1.5; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.75em; margin-bottom: 0; } .b-project-img-description .description p { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 16px; line-height: 1.5; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.75em; margin: 0 0 1em 0; } .b-project-quote-line { max-width: 10em; height: 4px; background-color: #ff0044; margin-top: 2em; } .b-project-customer { margin-bottom: 5em; } @media screen and (max-width: 767px) { .b-project-customer { margin-bottom: 1.5em; } } .b-project-customer .avatar { overflow: hidden; max-width: 10em; border-radius: 100%; } .b-project-customer .avatar img { display: block; width: 100%; } .b-project-customer .caption { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 11px; line-height: 1.27; letter-spacing: 0.55px; text-transform: uppercase; color: rgba(146, 161, 174, 0.6); margin-bottom: 0.5em; margin-top: 0.4em; margin-bottom: 1.2em; } .b-project-customer .name { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; font-size: 16px; line-height: 1.25; color: #ff0044; margin-bottom: 0.625em; margin-bottom: 0.3em; } .b-project-customer .title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.53; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.765em; margin-bottom: 0; } @media screen and (max-width: 767px) { .b-project-statistigs-grid { margin-right: 0; margin-left: 0; } } .b-project-statistics-gr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(33.3% - 8em); margin: 2em; padding: 2em; text-align: center; border-radius: 4px; background-color: rgba(146, 161, 174, 0.1); } @media screen and (max-width: 767px) { .b-project-statistics-gr { width: calc(50% - 2.8em); margin: .4em; padding: 1em; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .b-project-statistics-gr { width: calc(33.3% - 4.8em); margin: .4em; } } .b-project-statistics-block { width: 100%; height: 100%; } .b-project-statistics-block .title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 1.17; color: #ff0044; margin-bottom: 0.585em; } @media only screen and (max-width: 1024px) { .b-project-statistics-block .title { font-size: 16px; } } @media only screen and (max-width: 767px) { .b-project-statistics-block .title { font-size: 12px; } } @media screen and (max-width: 767px) { .b-project-statistics-block .title { margin-top: 0.4em; margin-bottom: 0.4em; } } .b-project-statistics-block .description { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 15px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.665em; margin-bottom: 0; } @media only screen and (max-width: 767px) { .b-project-statistics-block .description { font-size: 13px; line-height: 1.53; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .b-project-statistics-block .description { margin-bottom: .5em; } } @media screen and (max-width: 767px) { .b-project-statistics-block .description { margin-bottom: .5em; } } .b-project-statistics-block .icon { margin: .4em 0 1.8em; } @media screen and (min-width: 768px) and (max-width: 1024px) { .b-project-statistics-block .icon { margin-bottom: .5em; } } @media screen and (max-width: 767px) { .b-project-statistics-block .icon { margin-bottom: .5em; } } .landing__section { display: block; position: relative; padding: 0; margin: 0; } .landing__section h1 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 72px; line-height: 1.08; color: #ff0044; margin-bottom: 0.54em; } @media only screen and (max-width: 1024px) { .landing__section h1 { font-size: 58px; } } @media only screen and (max-width: 767px) { .landing__section h1 { font-size: 28px; } } .landing__section h2 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 50px; line-height: 1.12; color: #ff0044; margin-bottom: 0.56em; } @media only screen and (max-width: 1024px) { .landing__section h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .landing__section h2 { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__section h2 { font-size: 38px; } } .landing__section h3 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 1.21; color: #ff0044; margin-bottom: 0.605em; } @media only screen and (max-width: 1024px) { .landing__section h3 { font-size: 32px; } } @media only screen and (max-width: 767px) { .landing__section h3 { font-size: 20px; } } .landing__section p { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 20px; line-height: 1.8; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.9em; padding-right: 12.5%; padding-left: 12.5%; } @media only screen and (max-width: 767px) { .landing__section p { font-size: 16px; } } .landing__section p:last-of-type { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__section p { font-size: 18px; line-height: 1.67; color: rgba(29, 31, 38, 0.85); font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 100; } } @media only screen and (max-width: 767px) { .landing__section p { padding-right: 0; padding-left: 0; } } .landing__section .l-column { padding: 100px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__section .l-column { padding: 69px 0; } } @media only screen and (max-width: 767px) { .landing__section .l-column { padding: 50px 0; } } .landing__canvas-section { overflow: hidden; } .landing__canvas-section .c-canvas-bg-pattern { display: block; pointer-events: none; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; min-width: 1920px; height: auto; min-height: 100%; } .landing__canvas-section .l-column { position: relative; z-index: 2; padding: 0; } @media only screen and (min-width: 768px) { .landing__intro-section::before { content: ""; display: block; position: absolute; z-index: 2; left: 50%; bottom: 0; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } } .landing__intro-section-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 50%; height: 731px; padding-left: 12.5%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__intro-section-content { height: 531px; width: 75%; } } @media only screen and (max-width: 767px) { .landing__intro-section-content { width: auto; height: 362px; padding-left: 0; } } @media only screen and (max-width: 1024px) { .landing__intro-section-content__link { padding-top: 14px; } } .landing__intro-section-content__text { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .landing__intro-section .l-column { z-index: 3; } .landing__intro-section h1 { position: relative; color: white; margin-bottom: 0.7em; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__intro-section h1 { font-size: 50px; margin-bottom: 1.4em; position: relative; top: 19px; } } @media only screen and (max-width: 767px) { .landing__intro-section h1 { text-align: center; margin-top: 1em; margin-bottom: 1.2em; } } .landing__intro-section h1::before { content: ""; display: block; position: absolute; z-index: 1; left: -25%; top: 0.5em; width: 18.33%; height: 9px; background-color: white; margin-top: -4px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__intro-section h1::before { width: 8.5%; left: -15%; } } .landing__all-projects-button { display: inline-block; position: absolute; z-index: 20; left: 0; top: 14px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 15px; line-height: 1; text-transform: uppercase; white-space: nowrap; color: white; background-image: url(/assets/files/back-0b881a92b57b8c0111a6dc7fa9d259e6.svg); background-size: 16px 16px; background-position: 0 calc(50% - 1px); background-repeat: no-repeat; padding: 18px 14px 18px 28px; -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__all-projects-button { left: 8px; } } @media only screen and (max-width: 767px) { .landing__all-projects-button { position: static; } } .no-touchevents .landing__all-projects-button:hover { opacity: .8; } .landing__all-projects-button--red { color: #ff0044; background-image: url(/assets/files/back-red-7491a95878375b31fa9837bb8006c32b.svg); } .landing__link-section .l-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 56px 0 102px 0; } @media only screen and (max-width: 767px) { .landing__link-section .l-column { display: block; height: auto; padding: 32px 0 38px 0; } } .landing__link-section a { display: block; position: absolute; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; text-decoration: none; } .no-touchevents .landing__link-section a { -webkit-transition: background-color 150ms ease-in-out; -o-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; } .no-touchevents .landing__link-section a:hover { background-color: rgba(255, 255, 255, 0.25); } .landing__link-section-text-1 { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; color: white; margin-bottom: 2.2em; } @media only screen and (max-width: 767px) { .landing__link-section-text-1 { margin-bottom: 1.6em; padding: 0; } } .landing__link-section-text-2 { position: relative; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 50px; line-height: 1.12; color: #ff0044; margin-bottom: 0.56em; color: white; padding: 0 25% 0 0; margin-bottom: 0; } @media only screen and (max-width: 1024px) { .landing__link-section-text-2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .landing__link-section-text-2 { font-size: 24px; } } @media only screen and (max-width: 767px) { .landing__link-section-text-2 { padding: 0; } } .landing__link-section-text-2 svg { display: block; position: absolute; z-index: 1; width: 72px; height: 72px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); margin-top: -36px; } @media only screen and (min-width: 768px) { .landing__link-section-text-2 svg { top: 50%; right: 0; } } @media only screen and (max-width: 767px) { .landing__link-section-text-2 svg { display: none; } } .landing__link-section-text-2 svg g g { fill: currentColor; } .landing__heading { padding-right: 12.5%; padding-left: 12.5%; } @media only screen and (max-width: 767px) { .landing__heading { padding-right: 0; padding-left: 0; } } .landing__heading--ordered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0; padding-left: 0; } @media only screen and (max-width: 767px) { .landing__heading--ordered { display: block; } } .landing__heading--ordered span:first-child { font-weight: 900; width: 12.5%; color: rgba(146, 161, 174, 0.25); } @media only screen and (max-width: 767px) { .landing__heading--ordered span:first-child { display: none; } } .landing__heading--ordered span:last-child { width: 75%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__heading--ordered span:last-child { width: 62%; } } @media only screen and (max-width: 767px) { .landing__heading--ordered span:last-child { display: block; width: auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { h3.landing__heading { font-size: 24px; line-height: 1.17; } } .landing__image-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__image-content { padding: 26px 0; } } @media only screen and (max-width: 1024px) { .landing__image-content { display: block; } } .landing__image-content--reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .landing__image-content--reversed .landing__image-content-text { padding-left: 0; } @media only screen and (min-width: 1025px) { .landing__image-content--reversed .landing__image-content-text { padding-right: 3.33%; } } .landing__image-content-image { width: 37.5%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__image-content-image { width: 45%; margin: 0 auto; } } @media only screen and (max-width: 767px) { .landing__image-content-image { width: 70%; margin: 0 auto; } } .landing__image-content-image img { width: 100%; height: auto; } .landing__image-content-text { width: 62.5%; padding-left: 3.33%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__image-content-text { width: 77%; margin: 17px auto 0; padding-left: 0; } } @media only screen and (max-width: 767px) { .landing__image-content-text { width: auto; padding-top: 20px; padding-right: 0; padding-left: 0; } } .landing__image-content-text .landing__heading, .landing__image-content-text p { padding-right: 0; padding-left: 0; } .b-what_we_do_project { overflow-x: hidden; padding-top: 90px; } @media only screen and (max-width: 1024px) { .b-what_we_do_project { padding-top: 62px; } } .b-btn_projects { display: none; } /** * Component Tiles **/ /** * Component Tile **/ .c-tiles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } @media only screen and (max-width: 767px) { .c-tiles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } } @media only screen and (min-width: 768px) { .c-tiles { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } .c-tiles::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 1; opacity: 0; background-color: rgba(29, 31, 38, 0.85); } .c-tiles:not(.c-tiles--no-transition).c-tiles::after { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .c-tiles--overlay::after { opacity: 1; pointer-events: initial; } .c-tile { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-size .3s ease-out; -o-transition: background-size .3s ease-out; transition: background-size .3s ease-out; background-position: center; background-size: 100%; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .no-touchevents .c-tile-external-url:not(.c-tile--popup):hover .b-project, .no-touchevents .c-tile.tile-no-url:not(.c-tile--popup):hover .b-project { cursor: pointer; } .c-tile.single { font-size: 10px !important; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-tile.single { font-size: calc((30 / (3 * 10.24)) * 1vw); width: 33.33333%; height: calc(33.33333vw - 5px); } } @media only screen and (min-width: 1024px) and (max-width: 1919px) { .c-tile.single { font-size: calc((30 / (4 * 10.24)) * 1vw); width: 25%; height: calc(25vw - 3.75px); } } @media only screen and (min-width: 1920px) { .c-tile.single { font-size: calc((30 / (6 * 10.24)) * 1vw); width: 16.66667%; height: calc(16.66667vw - 2.5px); } } @media only screen and (max-width: 767px) { .c-tile.single { width: 100%; height: calc(100vw - 15px); } } .js-tile-wrapper > .c-tile.single { width: 100%; height: 100%; } .js-tile-wrapper > .c-tile.single:not(.c-tile--popup) { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .c-tile.single.js-tile-wrapper { overflow: visible; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .c-tile.double { font-size: calc((30 / (3 * 10.24)) * 1vw); width: 66.66667%; height: calc(33.33333vw - 5px); } } @media only screen and (min-width: 1024px) and (max-width: 1919px) { .c-tile.double { font-size: calc((30 / (4 * 10.24)) * 1vw); width: 50%; height: calc(25vw - 3.75px); } } @media only screen and (min-width: 1920px) { .c-tile.double { font-size: calc((30 / (6 * 10.24)) * 1vw); width: 33.33333%; height: calc(16.66667vw - 2.5px); } } @media only screen and (max-width: 767px) { .c-tile.double { width: 100%; height: auto; } } @media only screen and (max-width: 767px) { .c-tile:first-child > .b-development { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6.2em; } } .c-tile.project.aisle { background-image: url(/assets/files/aisle-b2d0a68694d4a10ac60fcd6534219835.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.aisle { background-size: cover; } } .c-tile.project.barco { background-image: url(/assets/files/barco-89634b8dde5f2e7f5383420442d59089.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.barco { background-size: cover; } } .c-tile.project.bladepad { background-image: url(/assets/files/bladepad-d675fa01fc8436f4d5c8928e484761b8.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.bladepad { background-size: cover; } } .c-tile.project.boiron { background-image: url(/assets/files/boiron-05f8eb7742d5b20fc756c3d19f64d54f.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.boiron { background-size: cover; } } .c-tile.project.borran_software { background-image: url(/assets/files/borran_software-d48bc1c4d3a6f96ce9ed7cc290f6f4f0.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.borran_software { background-size: cover; } } .c-tile.project.brandsource { background-image: url(/assets/files/brandsource-4265619da99024143857d46c61a275ee.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.brandsource { background-size: cover; } } .c-tile.project.bsecure { background-image: url(/assets/files/bsecure-e12fe14acc5f56eb69341ec54ac0884b.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.bsecure { background-size: cover; } } .c-tile.project.burger_king { background-image: url(/assets/files/burger_king-44b6d1a3921d7e1d16c0e2fe40f5b60c.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.burger_king { background-size: cover; } } .c-tile.project.cisco { background-image: url(/assets/files/cisco-3d1125291add9a10dd1cfcda9b2e4f28.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.cisco { background-size: cover; } } .c-tile.project.comodo { background-image: url(/assets/files/comodo-a40e015d53c6ef5ede6003dcdda94b10.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.comodo { background-size: cover; } } .c-tile.project.dow { background-image: url(/assets/files/dow-989ab821a1c1a8398a6ec793dbfb4d02.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.dow { background-size: cover; } } .c-tile.project.ecwid { background-image: url(/assets/files/ecwid-8b4a3467444738a1d595b0d140359311.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.ecwid { background-size: cover; } } .c-tile.project.emojme { background-image: url(/assets/files/emojme-1096159b0b11bafb2a8742fe7e767a85.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.emojme { background-size: cover; } } .c-tile.project.eventicious { background-image: url(/assets/files/eventicious-5b3c9c021c203d3da038d2f0613460a0.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.eventicious { background-size: cover; } } .c-tile.project.eyeic { background-image: url(/assets/files/eyeic-2d0f381f48d8096c142c915ffda71602.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.eyeic { background-size: cover; } } .c-tile.project.ezlynk { background-image: url(/assets/files/ezlynk-76fd46e4f14d8329e0903cf403f342da.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.ezlynk { background-size: cover; } } .c-tile.project.ellpa { background-image: url(/assets/files/ellpa-39f2cfd26bfb1ce732936dcd3184e863.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.ellpa { background-size: cover; } } .c-tile.project.fest404 { background-image: url(/assets/files/fest404-0118aec070778f4e2434ea1b37b1de94.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.fest404 { background-size: cover; } } .c-tile.project.firecore { background-image: url(/assets/files/firecore-04aec9ce4072039355ed2973e332354e.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.firecore { background-size: cover; } } .c-tile.project.fitbit { background-image: url(/assets/files/fitbit-dfc5f11f3db756b82dae69da0e454f48.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.fitbit { background-size: cover; } } .c-tile.project.fitness_bank { background-image: url(/assets/files/fitness_bank-7c0b60939f0377dd815c0d4492101d11.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.fitness_bank { background-size: cover; } } .c-tile.project.google_glass { background-image: url(/assets/files/google_glass-15293b2917ee5f8f73e6eebdc24d439f.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.google_glass { background-size: cover; } } .c-tile.project.grainger { background-image: url(/assets/files/grainger-d1f8b7795c7477d98b485ce920f94290.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.grainger { background-size: cover; } } .c-tile.project.grants { background-image: url(/assets/files/grants-f0116fd946c1c393ad2bfa2d6adcddc5.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.grants { background-size: cover; } } .c-tile.project.greenlinks { background-image: url(/assets/files/greenlinks-943ed7f37601ffad47e60481867bac14.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.greenlinks { background-size: cover; } } .c-tile.project.henkel { background-image: url(/assets/files/henkel-aac18b2b7d762c7f03b25a80bf116430.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.henkel { background-size: cover; } } .c-tile.project.henry_ford { background-image: url(/assets/files/henry_ford-e58b9ca32efa484191a973c469192d0f.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.henry_ford { background-size: cover; } } .c-tile.project.hex3 { background-image: url(/assets/files/hex3-c5b40825ce80ad40e267e2970612db72.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.hex3 { background-size: cover; } } .c-tile.project.hsbc { background-image: url(/assets/files/hsbc-ad161f2e2c28193fb63d658dc7813940.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.hsbc { background-size: cover; } } .c-tile.project.jaja { background-image: url(/assets/files/jaja-0bbdd5ccaa6c84cfad54818d9017c88a.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.jaja { background-size: cover; } } .c-tile.project.kensington { background-image: url(/assets/files/kensington-594a525614df9dddde690ae5194a13d6.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.kensington { background-size: cover; } } .c-tile.project.kensington_presentair { background-image: url(/assets/files/kensington_presentair-431816575fa65c98e4269f4625f1fdcd.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.kensington_presentair { background-size: cover; } } .c-tile.project.kensington_proximo { background-image: url(/assets/files/kensington_proximo-b876f794888066ff1d8a1d690a6521d5.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.kensington_proximo { background-size: cover; } } .c-tile.project.kia { background-image: url(/assets/files/kia-977e78a859c3823724ffb6d85951a64c.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.kia { background-size: cover; } } .c-tile.project.kompoz { background-image: url(/assets/files/kompoz-8a660883fc3906562be1d94394631c28.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.kompoz { background-size: cover; } } .c-tile.project.leroy_merlin { background-image: url(/assets/files/leroy_merlin-83d12bf7ae90d2a0a8b85decc8fac789.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.leroy_merlin { background-size: cover; } } .c-tile.project.mars { background-image: url(/assets/files/mars-e1d57a65a5ccbd03d4dbc3c0fd56d8d8.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.mars { background-size: cover; } } .c-tile.project.mayday { background-image: url(/assets/files/mayday-f8568efc573e337673b48961c119b8c5.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.mayday { background-size: cover; } } .c-tile.project.mercedes { background-image: url(/assets/files/mercedes-63e78cb1767ae59dc39385596fa4097a.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.mercedes { background-size: cover; } } .c-tile.project.miami_childrens_hospital { background-image: url(/assets/files/miami_childrens_hospital-ecedf735dace509f72a0ffeb61e5576d.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.miami_childrens_hospital { background-size: cover; } } .c-tile.project.mimedia { background-image: url(/assets/files/mimedia-639cd08d74b072631f47cdf1f1bb5cb2.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.mimedia { background-size: cover; } } .c-tile.project.nestle { background-image: url(/assets/files/nestle-334c37caa38de988a07bc94a59ff23c6.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.nestle { background-size: cover; } } .c-tile.project.novartis_pharma { background-image: url(/assets/files/novartis_pharma-b200b23ccf072eb671825d773c1c04da.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.novartis_pharma { background-size: cover; } } .c-tile.project.oneinfour { background-image: url(/assets/files/oneinfour-738fe529df6ee40ed0c64ef06341ebbf.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.oneinfour { background-size: cover; } } .c-tile.project.odds_finder { background-image: url(/assets/files/odds_finder-bba91731a291a74230d7fef088e60f27.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.odds_finder { background-size: cover; } } .c-tile.project.one_spa_world { background-image: url(/assets/files/one_spa_world-96af723fb08cefe14bde1109f1d8a550.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.one_spa_world { background-size: cover; } } .c-tile.project.open_edge { background-image: url(/assets/files/open_edge-e3658316037fc25df4436d5da97a822f.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.open_edge { background-size: cover; } } .c-tile.project.origo { background-image: url(/assets/files/origo-a9864386fb8da1aeff1e2f5ddeacf476.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.origo { background-size: cover; } } .c-tile.project.philip_morris_i { background-image: url(/assets/files/philip_morris_i-a81459489c3a2baba80d1e5fca323bab.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.philip_morris_i { background-size: cover; } } .c-tile.project.ppm { background-image: url(/assets/files/ppm-a94ee902c406b402cbae0a4b838a99eb.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.ppm { background-size: cover; } } .c-tile.project.practiceadmin { background-image: url(/assets/files/practiceadmin-59a870b2fa6bbdeb7125e0e8f0ff088e.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.practiceadmin { background-size: cover; } } .c-tile.project.sberbank { background-image: url(/assets/files/sberbank-712a772f757de55bccd6c929c20d8f2b.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.sberbank { background-size: cover; } } .c-tile.project.shots { background-image: url(/assets/files/shots-f325c562e0d2c3583e65670758578eec.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.shots { background-size: cover; } } .c-tile.project.sns { background-image: url(/assets/files/sns-7f4d4f9d58a110b51b5b307dbc792db8.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.sns { background-size: cover; } } .c-tile.project.sony { background-image: url(/assets/files/sony-1586c1151d1ea5417fe65f2fd7a534c8.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.sony { background-size: cover; } } .c-tile.project.stada { background-image: url(/assets/files/stada-84dbc7ffd06bba49d218ab737f0d0e0c.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.stada { background-size: cover; } } .c-tile.project.thnks { background-image: url(/assets/files/thnks-37b885eecc43db0dd75bcd8f8970575e.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.thnks { background-size: cover; } } .c-tile.project.thomson_reuters { background-image: url(/assets/files/thomson_reuters-57f12b1e53a34a01e5edcb361c447be7.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.thomson_reuters { background-size: cover; } } .c-tile.project.tom_sawyer_fest { background-image: url(/assets/files/tom_sawyer_fest-7894938155e0cefaf1ed2fc837ac0a53.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.tom_sawyer_fest { background-size: cover; } } .c-tile.project.tonal { background-image: url(/assets/files/tonal-31382c149f3313b404c52f6879dacd8f.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.tonal { background-size: cover; } } .c-tile.project.twin_river_casino { background-image: url(/assets/files/twin_river_casino-54e05aa009422a001857cfe58c91a6d8.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.twin_river_casino { background-size: cover; } } .c-tile.project.vision_group { background-image: url(/assets/files/vision_group-843fba10fbbb378290e5179583d42709.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.vision_group { background-size: cover; } } .c-tile.project.wellez { background-image: url(/assets/files/wellez-b7693dfcfceeb9eccae2ac555b9c3b6f.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.wellez { background-size: cover; } } .c-tile.project.wobble { background-image: url(/assets/files/wobble-2fd31c245cb69529b37940dc85f65899.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.wobble { background-size: cover; } } .c-tile.project.world_skills { background-image: url(/assets/files/world_skills-c4b1054cd16322da50b155c24fb47ceb.jpg); } @media only screen and (max-width: 767px) { .see-also .c-tile.project.world_skills { background-size: cover; } } .see-also .c-tile.project.android { background-image: url(/assets/files/android-7f41a8061d808a5ec0deb3755966acea.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.android { background-size: cover; } } .see-also .c-tile.project.apple { background-image: url(/assets/files/apple-fa9614555e79ebc6f56312d7b50cac08.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.apple { background-size: cover; } } .see-also .c-tile.project.apple_tv { background-image: url(/assets/files/apple_tv-faa8149988f54834b9e9524c676521e2.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.apple_tv { background-size: cover; } } .see-also .c-tile.project.ios_and_android { background-image: url(/assets/files/ios_and_android-064b1da985cc024ee06a543ffe97cb7e.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.ios_and_android { background-size: cover; } } .see-also .c-tile.project.smart_tv { background-image: url(/assets/files/smart_tv-d9fb1a3f9a0c25f0560891143f7598c2.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.smart_tv { background-size: cover; } } .see-also .c-tile.project.web { background-image: url(/assets/files/web-5b62dd7233b2c1a5812cdbd8c51d5262.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.web { background-size: cover; } } .see-also .c-tile.project.watch { background-image: url(/assets/files/watch-0034284fd26a921cc698599d06ee3edc.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.watch { background-size: cover; } } .see-also .c-tile.project.windows_and_osx { background-image: url(/assets/files/windows_and_osx-9c496cf360ff4a62d96f741eaf4faabd.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.windows_and_osx { background-size: cover; } } .see-also .c-tile.project.design { background-image: url(/assets/files/design-59ca56e3b06463bf14acd96e2d4ca552.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.design { background-size: cover; } } .see-also .c-tile.project.digital_transformation { background-image: url(/assets/files/digital_transformation-2117a2b252b17b0b8294c9991ae20c01.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.digital_transformation { background-size: cover; } } .see-also .c-tile.project.discovery { background-image: url(/assets/files/discovery-00415dd6c965d01bbacc97680d690a47.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.discovery { background-size: cover; } } .see-also .c-tile.project.fitness_and_wellness { background-image: url(/assets/files/fitness_and_wellness-97423f35370e05d80063e85cecd55ce8.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.fitness_and_wellness { background-size: cover; } } .see-also .c-tile.project.healthcare { background-image: url(/assets/files/healthcare-973e864f7b6ee1e9f8541bfcd930a7cb.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.healthcare { background-size: cover; } } .see-also .c-tile.project.staff_augmentation { background-image: url(/assets/files/staff_augmentation-576b44df4008e68e319f29a2dc7e87f2.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.staff_augmentation { background-size: cover; } } .see-also .c-tile.project.quality_assurance { background-image: url(/assets/files/quality_assurance-2cc89eb82805ad0d70679d82094dcb0c.jpg); background-size: auto 100%; } @media only screen and (max-width: 767px) { .see-also .c-tile.project.quality_assurance { background-size: cover; } } .c-tile__btn { width: 64px; height: 64px; position: absolute; top: 0; right: 0; visibility: hidden; pointer-events: none; display: block; z-index: 4; background-color: transparent; background-repeat: no-repeat; background-image: url(/assets/files/i-24-cross-db1c96032b1a788184081dc816df84eb.svg); background-size: 24px 24px; background-position: 50% 50%; } .c-tile__btn::before { content: ""; background-color: rgba(255, 255, 255, 0.1); position: absolute; top: 0; left: 0; width: 64px; height: 64px; opacity: 0; -webkit-transition: opacity 0.3s easy-in-out; -o-transition: opacity 0.3s easy-in-out; transition: opacity 0.3s easy-in-out; z-index: 3; } .c-tile__btn:hover::before { opacity: 1; } .c-tile--popup > .c-tile__btn { visibility: visible; pointer-events: initial; } .b-tile_project:not(.tile-no-url):not(.c-tile-external-url):after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; background-image: -webkit-linear-gradient(315deg, #ff435d, #b0208e); background-image: -o-linear-gradient(315deg, #ff435d, #b0208e); background-image: linear-gradient(135deg, #ff435d, #b0208e); opacity: 0; } .no-touchevents .b-tile_project.c-tile--popup::after, .no-touchevents .b-tile_project:not(.c-tile--popup):hover::after { opacity: 0.7; } .b-tile_testimonial:after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.9; } .b-tile_testimonial.hsbc:after { background-image: -webkit-linear-gradient(315deg, #37b8ff, #0058ff); background-image: -o-linear-gradient(315deg, #37b8ff, #0058ff); background-image: linear-gradient(135deg, #37b8ff, #0058ff); } .b-tile_testimonial.wobble:after, .b-tile_testimonial.sns:after { background-image: -webkit-linear-gradient(315deg, #b1e752, #00a525); background-image: -o-linear-gradient(315deg, #b1e752, #00a525); background-image: linear-gradient(135deg, #b1e752, #00a525); } .b-tile_testimonial.bladepad:after { background-image: -webkit-linear-gradient(315deg, #ffd461, #ff7c4b); background-image: -o-linear-gradient(315deg, #ffd461, #ff7c4b); background-image: linear-gradient(135deg, #ffd461, #ff7c4b); } .b-tile_testimonial.eventicious:after { background-image: -webkit-linear-gradient(315deg, #ac53ff 0%, #4439ff 100%); background-image: -o-linear-gradient(315deg, #ac53ff 0%, #4439ff 100%); background-image: linear-gradient(135deg, #ac53ff 0%, #4439ff 100%); } .b-tile_testimonial.dow:after { background-image: -webkit-linear-gradient(153deg, #009a9e, #00fc9c); background-image: -o-linear-gradient(153deg, #009a9e, #00fc9c); background-image: linear-gradient(297deg, #009a9e, #00fc9c); } .b-tile_testimonial.ppm:after { background-image: -webkit-linear-gradient(333deg, #ff883a, #ff284c); background-image: -o-linear-gradient(333deg, #ff883a, #ff284c); background-image: linear-gradient(117deg, #ff883a, #ff284c); } .b-tile_testimonial.eyeic:after { background: -webkit-linear-gradient(153deg, #99179c, #ff2747); background: -o-linear-gradient(153deg, #99179c, #ff2747); background: linear-gradient(297deg, #99179c, #ff2747); } .b-tile_testimonial.firecore:after { background: -webkit-linear-gradient(315deg, #ffd461, #ff7c4b); background: -o-linear-gradient(315deg, #ffd461, #ff7c4b); background: linear-gradient(135deg, #ffd461, #ff7c4b); } .b-tile_testimonial.barco:after { background: -webkit-linear-gradient(315deg, #37b8ff, #0058ff); background: -o-linear-gradient(315deg, #37b8ff, #0058ff); background: linear-gradient(135deg, #37b8ff, #0058ff); } .tile-no-url.c-tile:hover { background-size: 100%; } .c-tile:not(.landing) .project-shield-container::after { background-image: none !important; } .see-also { padding: 60px 0; background-color: #1d1f26; } @media only screen and (min-width: 1025px) { .see-also { padding: 120px 0; } } .see-also--border { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .see-also__title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 72px; line-height: 1.08; color: #ff0044; margin-bottom: 0.54em; margin-bottom: 36px; color: white; text-align: center; } @media only screen and (max-width: 1024px) { .see-also__title { font-size: 58px; } } @media only screen and (max-width: 767px) { .see-also__title { font-size: 28px; } } @media only screen and (min-width: 1025px) { .see-also__title { margin-bottom: 72px; } } .see-also__cards { display: grid; grid-gap: 40px; grid-template-columns: 1fr; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .see-also__cards { grid-gap: 20px; } } @media only screen and (max-width: 767px) { .see-also__cards { grid-gap: 10px; } } @media only screen and (min-width: 768px) { .see-also__cards--wide { grid-template-columns: 1fr 1fr; } .see-also__cards--narrow { grid-template-columns: 1fr 1fr 1fr; } } .see-also__card { position: relative; z-index: 1; overflow: hidden; height: 210px; width: 100%; } .see-also__card__body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .see-also__cards--wide .see-also__card__body { padding: 0 90px; } .see-also__cards--narrow .see-also__card__body { padding: 0 32px; } .see-also__card__logo { -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; opacity: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .see-also__cards--wide .see-also__card__logo { padding: 0 90px; } .see-also__cards--narrow .see-also__card__logo { padding: 0 32px; } .see-also__card__logo img { max-width: 100%; } .see-also__card__body + .see-also__card__logo { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .see-also__card__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .see-also__card__inner--background { z-index: 0; -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17); box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .see-also__card__title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 28px; line-height: 1.28; color: #ff0044; margin-bottom: 0.64em; color: white; margin: 12px 0 0; text-align: center; } @media only screen and (max-width: 1024px) { .see-also__card__title { font-size: 24px; } } @media only screen and (max-width: 767px) { .see-also__card__title { font-size: 18px; } } .see-also__card__body .see-also__card__title { margin: 0; } .see-also__card__description { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 15px; line-height: 1.33; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.665em; color: rgba(255, 255, 255, 0.7); margin: 16px 0 0; text-align: center; } @media only screen and (max-width: 767px) { .see-also__card__description { font-size: 13px; line-height: 1.53; } } .see-also__card::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-image: -webkit-linear-gradient(315deg, #ff435d, #b0208e); background-image: -o-linear-gradient(315deg, #ff435d, #b0208e); background-image: linear-gradient(135deg, #ff435d, #b0208e); } .see-also__card:hover::before { opacity: 0.7; } .see-also__card:hover .see-also__card__inner--background { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .see-also__card:hover .see-also__card__body { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .see-also__card:hover .see-also__card__body + .see-also__card__logo { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } .c-slide.request_estimate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(29, 31, 38, 0.9); -webkit-box-sizing: border-box; box-sizing: border-box; } .b-request_estimate-slide { position: relative; z-index: 2; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #bfbfbf; background-color: rgba(29, 31, 38, 0.9); } @media only screen and (max-width: 767px) { .b-request_estimate-slide { min-height: 570px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_estimate-slide { min-height: 600px; } } .b-request_estimate-slide .b-request_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; background-color: #18191c; } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content { width: 100%; background-color: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .b-request_estimate-slide .b-request_content { padding: 72px 64px 64px; } } @media only screen and (max-width: 767px) { .b-request_estimate-slide .b-request_content { padding: 64px 0 0; } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content { width: calc(calc(100vw - 155px) / 12 * 8 - 1px); } } @media only screen and (max-width: 767px) { .b-request_estimate-slide .b-request_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .b-request_estimate-slide .b-request_content_part { -webkit-box-sizing: border-box; box-sizing: border-box; } .b-request_estimate-slide .b-request_content_part_inner { padding: 48px 0 56px; } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .b-request_estimate-slide .b-request_content_part_inner { padding: 32px 0 48px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part_inner { padding: unset; } } .b-request_estimate-slide .b-request_content_part .b-request_form_inner { width: 100%; overflow: hidden; } .b-request_estimate-slide .b-request_content_part-1 { padding-right: 56px; } @media only screen and (min-width: 1200px) and (max-width: 1359px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: 64px; } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: 72px; } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: 80px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-1 { padding-right: unset; background-color: #18191c; padding: 48px 60px 64px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_estimate-slide .b-request_content_part-1 { padding-inline: 32px; } } @media only screen and (max-width: 459px) { .b-request_estimate-slide .b-request_content_part-1 { padding-inline: 24px; } } .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { padding-left: 64px; width: calc(8 * calc(100vw - 155px) / 12 - 67px); } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { padding-left: 56px; width: calc(7 * calc(100vw - 155px) / 12 - 56px); } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(7 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1560px) and (max-width: 1799px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(6 * calc(100vw - 155px) / 12 - 76px); } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(5 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: calc(4 * calc(100vw - 155px) / 12 - 80px); padding-left: 80px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner { width: 100%; padding-left: unset; } } .b-request_estimate-slide .b-request_content_part-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-right: 1px solid rgba(255, 255, 255, 0.1); padding-left: 56px; } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-2 { border-right: unset; padding-left: unset; margin-bottom: 32px; } } @media only screen and (min-width: 1200px) and (max-width: 1359px) { .b-request_estimate-slide .b-request_content_part-2 { padding-left: 64px; } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-2 { padding-left: 72px; } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-2 { padding-left: 80px; } } .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-right: 56px; height: 100%; width: calc(calc(100vw - 155px) / 12 * 5 - 112px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 64px; width: calc(4 * calc(100vw - 155px) / 12 - 64px); } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-right: 56px; width: calc(5 * calc(100vw - 155px) / 12 - 56px); } } @media only screen and (min-width: 1360px) and (max-width: 1559px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(5 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1560px) and (max-width: 1799px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(4 * calc(100vw - 155px) / 12 - 73px); } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(5 * calc(100vw - 155px) / 12 - 72px); } } @media only screen and (min-width: 1920px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: calc(4 * calc(100vw - 155px) / 12 - 80px); padding-right: 80px; } } @media only screen and (max-width: 1024px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { width: auto; padding-right: unset; gap: 32px; margin-bottom: 40px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-inline: 32px; } } @media only screen and (max-width: 459px) { .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner { padding-inline: 24px; } } .b-request_paragraph { font-family: "TT Hoves Pro", "Arial", sans-serif; font-weight: 300; color: white; font-size: 22px; line-height: 1.27; } @media only screen and (min-width: 1360px) and (max-width: 1799px) { .b-request_paragraph { font-size: 24px; line-height: 1.33; } } @media only screen and (min-width: 1800px) and (max-width: 1919px) { .b-request_paragraph { font-size: responsive-clamp(1800, 1919, 24, 28); } } @media only screen and (min-width: 1920px) { .b-request_paragraph { font-size: 28px; } } @media only screen and (max-width: 1024px) { .b-request_paragraph { font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 460px) and (max-width: 767px) { .b-request_paragraph { font-size: 24px; line-height: 32px; } } @media only screen and (max-width: 459px) { .b-request_paragraph { font-size: 22px; line-height: 28px; } } .mobile__slider { margin: 0 auto; overflow: visible; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider { margin: 0 0 0 12.5%; width: 75%; } } .mobile__slider__slide { width: 860px; height: 430px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 36px 20px 34px; margin-top: -18px; } .mobile__slider__slide:nth-of-type(1) { padding-left: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__slide { min-width: 540px; height: 258px; padding: 27px 0 34px; } } @media only screen and (max-width: 767px) { .mobile__slider__slide { height: 500px; width: 87.5vw; padding: 0; margin: 0; } } @media only screen and (max-width: 1024px) { .mobile__slider__slide { -webkit-box-sizing: content-box; box-sizing: content-box; } } .mobile__slider__slide__inner { width: 100%; height: 100%; border-radius: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: 0 0; background-size: 100% 100%; background-repeat: no-repeat; } .mobile__slider__slide__inner--all-projects { position: relative; z-index: 2; } @media only screen and (min-width: 1025px) { .mobile__slider__slide__inner--all-projects::after { content: ""; display: block; pointer-events: none; z-index: 3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.25); border-radius: 16px; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } } .touchevents .mobile__slider__slide__inner--all-projects::after { content: none; } .no-touchevents .mobile__slider__slide__inner--all-projects:hover::after { opacity: 1; } @media only screen and (max-width: 767px) { .mobile__slider__slide__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-size: cover; } } .mobile__slider__slide--1 { background-image: url(/assets/files/wwd_dow_bg-36f4314134d10d7f37e7712b7261b015.jpg); /* Chrome 66+, Edge 79+, Opera 53+, Android Brower 80+ */ /* FF 66+ */ -webkit-box-shadow: 0 10px 32px -10px #ba5254; box-shadow: 0 10px 32px -10px #ba5254; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .mobile__slider__slide--1 { background-image: url(/assets/files/wwd_dow_bg@2x-cd1d3d9835c79623affb24059a198026.jpg); } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { @supports (background-image: -webkit-image-set(url("../../../../img/what_we_do/common/slider/wwd_dow_bg.webp") 1x)) { .mobile__slider__slide--1 { background-image: -webkit-image-set(url(/assets/files/wwd_dow_bg-2ea676218e28642e74b4788eeb906c47.webp) 1x, url(/assets/files/wwd_dow_bg@2x-8f8374f937149cd2de983054c1ade796.webp) 2x); } } } @supports (flex-basis: max-content) and (-moz-appearance: meterbar) { .mobile__slider__slide--1 { background-image: url(/assets/files/wwd_dow_bg-2ea676218e28642e74b4788eeb906c47.webp); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .mobile__slider__slide--1 { background-image: url(/assets/files/wwd_dow_bg@2x-8f8374f937149cd2de983054c1ade796.webp); } } } .mobile__slider__slide--2 { background-image: url(/assets/files/wwd_aisle_bg@2x-80ce5ce0b362f2c5e2fd17f9f0bbb7be.jpg); -webkit-box-shadow: 0 10px 32px -10px #5FB072; box-shadow: 0 10px 32px -10px #5FB072; } .mobile__slider__slide--3 { background-image: url(/assets/files/wwd_ecwid_bg@2x-9a3bc9dc6a14c00d09a01b9c989ba24b.jpg); -webkit-box-shadow: 0 10px 32px -10px #91A5F6; box-shadow: 0 10px 32px -10px #91A5F6; } .mobile__slider__slide--4 { background-image: url(/assets/files/wwd_kensington_proximo_bg@2x-86e33b6c6a4ce6997784aee4d9ac86a1.jpg); -webkit-box-shadow: 0 10px 32px -10px #3788BE; box-shadow: 0 10px 32px -10px #3788BE; } .mobile__slider__slide--5 { background-image: url(/assets/files/wwd_mimedia_bg@2x-e1db9b695e256a9cf1ba28274626b8d4.jpg); -webkit-box-shadow: 0 10px 32px -10px #00919B; box-shadow: 0 10px 32px -10px #00919B; } .mobile__slider__slide--6 { background-image: url(/assets/files/wwd_wobble_bg@2x-0d81a2c21305f6629bdde521367a18ff.jpg); -webkit-box-shadow: 0 10px 32px -10px #DF5687; box-shadow: 0 10px 32px -10px #DF5687; } .mobile__slider__slide--7 { background-image: url(/assets/files/wwd_origo_bg@2x-c01b0a48dfab67e5c3ec78acc5fde575.jpg); -webkit-box-shadow: 0 10px 32px -10px #2A55A7; box-shadow: 0 10px 32px -10px #2A55A7; } .mobile__slider__slide--8 { background-image: url(/assets/files/wwd_eventicious_bg@2x-f76bc445cc9f1e6138e1663c8a65fb09.jpg); -webkit-box-shadow: 0 10px 32px -10px #AC53FF; box-shadow: 0 10px 32px -10px #AC53FF; } .mobile__slider__slide--9 { background-image: url(/assets/files/wwd_apptag_bg@2x-63f739f4c91f37b1948167f170a87156.jpg); -webkit-box-shadow: 0 10px 32px -10px #FFC761; box-shadow: 0 10px 32px -10px #FFC761; } .mobile__slider__slide--10 { background-image: url(/assets/files/wwd_jaja_bg@2x-20f830e28a206a3684acb87b36c7bd3a.jpg); -webkit-box-shadow: 0 10px 32px -10px #51CD80; box-shadow: 0 10px 32px -10px #51CD80; } .mobile__slider__slide--11 { background-image: url(/assets/files/wwd_mayday_bg@2x-c33ecf2fce1888556f519fd1b17190b7.jpg); -webkit-box-shadow: 0 10px 32px -10px #640D11; box-shadow: 0 10px 32px -10px #640D11; } .mobile__slider__slide--12 { background-image: url(/assets/files/wwd_grants_bg@2x-e3c1841d90516b822a9382f400c57f03.jpg); -webkit-box-shadow: 0 10px 32px -10px #7EA1E1; box-shadow: 0 10px 32px -10px #7EA1E1; } .mobile__slider__slide--13 { background-image: url(/assets/files/wwd_thnks_bg@2x-911366a39967edceec4f831f4365bcc6.jpg); -webkit-box-shadow: 0 10px 32px -10px #44D6B0; box-shadow: 0 10px 32px -10px #44D6B0; } .mobile__slider__slide--14 { background-image: url(/assets/files/wwd_greenLinks_bg@2x-ca3e36cab9a9b6cefb98861beaa44480.jpg); -webkit-box-shadow: 0 10px 32px -10px #00A094; box-shadow: 0 10px 32px -10px #00A094; } .mobile__slider__slide--15 { background-image: url(/assets/files/wwd_everyday-winner_bg@2x-fb20010125ad6769eed09ef3822fcdd2.jpg); -webkit-box-shadow: 0 10px 32px -10px #0C0921; box-shadow: 0 10px 32px -10px #0C0921; } .mobile__slider__slide--16 { background-image: url(/assets/files/wwd_all_projects_bg@2x-bb9b1f17cc825600090f02148ea6df9d.jpg); -webkit-box-shadow: 0 10px 32px -10px #FF435D; box-shadow: 0 10px 32px -10px #FF435D; } .mobile__slider__slide--17 { background-image: url(/assets/files/wwd_fitbit_bg@2x-74af7def07ca323dfa2b5ebdc8592dee.jpg); -webkit-box-shadow: 0 10px 32px -10px #44D6B0; box-shadow: 0 10px 32px -10px #44D6B0; } .mobile__slider__slide--18 { background-image: url(/assets/files/wwd_academy_bg@2x-efaca1aa9cc678cc8f9b02257e6e0fb3.jpg); -webkit-box-shadow: 0 10px 32px -10px #204698; box-shadow: 0 10px 32px -10px #204698; } .mobile__slider__slide--20 { background-image: url(/assets/files/wwd_fitbit_watch_bg@2x-3da1fa87c6abb9038ebd6a61093f6d5d.jpg); -webkit-box-shadow: 0 10px 32px -10px #2CB39A; box-shadow: 0 10px 32px -10px #2CB39A; } .mobile__slider__slide--21 { background-image: url(/assets/files/wwd_tonal_watch_bg@2x-796820c40269443f1d70e13e5741d1b5.jpg); -webkit-box-shadow: 0 10px 32px -10px #353535; box-shadow: 0 10px 32px -10px #353535; } .mobile__slider__slide--22 { background-image: url(/assets/files/wwd_shots_watch_bg@2x-78c7daa8042bf36efcd6314c2ef7ef3d.jpg); -webkit-box-shadow: 0 10px 32px -10px #208B98; box-shadow: 0 10px 32px -10px #208B98; } .mobile__slider__slide--23 { background-image: url(/assets/files/wwd_kensington_proximo_watch_bg@2x-2a2f13558b0bc5b04c160bba6fe283dc.jpg); -webkit-box-shadow: 0 10px 32px -10px #6AA3DB; box-shadow: 0 10px 32px -10px #6AA3DB; } .mobile__slider__slide--24 { background-image: url(/assets/files/wwd_google_glass_watch_bg@2x-5a4375e5411e3762c5ecc01a580f1645.jpg); -webkit-box-shadow: 0 10px 32px -10px #4776EE; box-shadow: 0 10px 32px -10px #4776EE; } @media only screen and (min-width: 1025px) { .mobile__slider__slide__inner > picture { padding-left: 20px; } } @media only screen and (max-width: 767px) { .mobile__slider__slide__inner > picture { padding-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__slide__inner > picture { margin-left: 10.8px; min-width: 175px; min-height: 180px; } } .mobile__slider__slide__inner > picture img { width: 280px; height: 280px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__slide__inner > picture img { width: 181px; height: 180px; } } @media only screen and (max-width: 767px) { .mobile__slider__slide__inner > picture img { width: 200px; height: 200px; } } @media only screen and (min-width: 1025px) { .mobile__slider__slide__inner__desktop > picture, .mobile__slider__slide__inner__mobile > picture { padding-left: 20px; } } @media only screen and (max-width: 767px) { .mobile__slider__slide__inner__desktop > picture, .mobile__slider__slide__inner__mobile > picture { padding-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__slide__inner__desktop > picture, .mobile__slider__slide__inner__mobile > picture { margin-left: 10.8px; min-width: 175px; min-height: 180px; } } .mobile__slider__slide__inner__desktop > picture img, .mobile__slider__slide__inner__mobile > picture img { width: 280px; height: 280px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__slide__inner__desktop > picture img, .mobile__slider__slide__inner__mobile > picture img { width: 181px; height: 180px; } } @media only screen and (max-width: 767px) { .mobile__slider__slide__inner__desktop > picture img, .mobile__slider__slide__inner__mobile > picture img { width: 280px; height: 190px; } } .mobile__slider__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 280px; padding: 0 60px 0 0; position: relative; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__content { padding: 0 33px 0 7px; } } @media only screen and (max-width: 767px) { .mobile__slider__content { padding: 0 16px; } } .mobile__slider__content--all-projects { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .mobile__slider__content--all-projects { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .mobile__slider__content--all-projects object { display: block; width: 72px; height: 72px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); pointer-events: none; } @media only screen and (max-width: 767px) { .mobile__slider__content--all-projects object { margin-top: 20px; } } h3.mobile__slider__title { font-size: 28px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; color: white; line-height: 1.07; letter-spacing: normal; padding-top: 20px; } @media only screen and (max-width: 1024px) { h3.mobile__slider__title { font-size: 22px; line-height: 1.36; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { h3.mobile__slider__title { padding-top: 41px; } } @media only screen and (max-width: 767px) { h3.mobile__slider__title { text-align: center; padding-top: 16px; } } h3.mobile__slider__title--all-projects { font-size: 50px; line-height: 1.12; padding: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { h3.mobile__slider__title--all-projects { font-size: 40px; } } @media only screen and (max-width: 767px) { h3.mobile__slider__title--all-projects { font-size: 40px; } } p.mobile__slider__paragraph { font-size: 20px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.5; letter-spacing: normal; color: white; margin-top: 24px; padding: 0; white-space: normal; } @media only screen and (max-width: 1024px) { p.mobile__slider__paragraph { font-size: 14px; line-height: 1.43; } } @media only screen and (max-width: 767px) { p.mobile__slider__paragraph { text-align: center; margin-top: 12px; } } @media only screen and (max-width: 767px) { .mobile__slider__text--all-projects { margin: 0 auto; } } .mobile__slider__link { line-height: normal; letter-spacing: normal; font-size: 14px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; } .mobile__slider__link--open { color: white; text-decoration: underline; margin-left: 10px; } .mobile__slider__link--open:hover { border-bottom: none; } .mobile__slider__link--case { position: relative; width: 160px; height: 48px; padding: 16px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; color: #ff0044; background-color: white; -webkit-box-shadow: 0 4px 16px 0 rgba(29, 31, 38, 0.1); box-shadow: 0 4px 16px 0 rgba(29, 31, 38, 0.1); border-radius: 100px; } @media only screen and (max-width: 767px) { .mobile__slider__link--case { padding: 14px 28px; width: 156px; height: 44px; } } .mobile__slider__link--case > span { margin-left: -22px; } .mobile__slider__link--case > div { width: 12px; height: 12px; position: absolute; right: 24px; top: 50%; bottom: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .mobile__slider__link--case > div { right: 15px; } } .mobile__slider__footer { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 22px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__slider__footer { padding-bottom: 47px; } } @media only screen and (max-width: 767px) { .mobile__slider__footer { padding-bottom: 28px; } } .mobile__slider__link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .mobile__slider__social-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1025px) { .mobile__slider__social-btns__item { opacity: .8; } } .mobile__slider__social-btns__item > picture { position: relative; z-index: 2; } .mobile__slider__social-btns__item > picture img { width: 44px; height: 44px; } @media only screen and (max-width: 1024px) { .mobile__slider__social-btns__item > picture img { width: 32px; height: 32px; } } .no-touchevents .mobile__slider__social-btns__item:hover { opacity: 1; } .mobile__slider__social-btns__item--app-store { margin-left: 10px; } @media only screen and (max-width: 767px) { .mobile__slider__btn--mobile-center { margin: 0 auto; } } .mobile__transition, .mobile__transition > span { -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; } body.no-scrolling { overflow: hidden; } @media only screen and (max-width: 1024px) { .landing__scrollable-section { display: none; } } @media only screen and (min-width: 1025px) { .landing__slider-section { display: none; } } .landing__scrollable-section, .landing__slider-section { position: relative; background-color: rgba(228, 229, 230, 0.4); } .landing__scrollable-container-1, .landing__scrollable-container-2 { position: relative; } .landing__scrollable-container-2--mobile .landing__scrollable-section, .landing__scrollable-container-2--watch .landing__scrollable-section, .landing__scrollable-container-2--web .landing__scrollable-section { padding: 0 0 97px 0; } .landing__scrollable-container-2--mobile .landing__slider-section, .landing__scrollable-container-2--watch .landing__slider-section, .landing__scrollable-container-2--web .landing__slider-section { padding: 0 0 50px 0; } .landing__scroll-container-2--fixed { position: fixed; top: 0; left: 0; width: 100%; } .landing__slider-container { display: table; } .landing__slider-container > div { display: table-cell; } .landing__slider-container--wrapper:not(.landing__slider-container--wrapper--staff-augmentation):not(.landing__slider-container--wrapper--careers) { position: relative; width: 75%; margin: 0 auto; } .landing__section p.landing__recipe-text { font-weight: normal; } @media only screen and (min-width: 1025px) { .landing__section p.landing__recipe-text { color: rgba(29, 31, 38, 0.7); line-height: 1.67; font-size: 24px; } } @media only screen and (max-width: 1024px) { .landing__section p.landing__recipe-text { color: rgba(29, 31, 38, 0.85); letter-spacing: normal; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__section p.landing__recipe-text { font-size: 20px; line-height: 1.5; } } @media only screen and (max-width: 767px) { .landing__section p.landing__recipe-text { font-size: 18px; line-height: 1.67; } } .footer-wrapper { background-color: #1d1f26; } .footer-wrapper > .l-footer { min-height: 201px; position: relative; bottom: -1px; } .first-screen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: white; background-image: url(/assets/files/header-bg-cd7a9f5ca41acd1fba2d944d0e4a5d76.svg); } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen { background-size: 1200px 1200px; background-position: 33% 49%; } } @media only screen and (max-width: 767px) { .first-screen { background-size: 900px 900px; background-position: 70% 89%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen > .l-column { width: 100%; } } .first-screen__content { z-index: 2; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1025px) { .first-screen__content { width: 62.5%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen__content { margin-left: 12.5%; width: 62.5%; } } @media only screen and (min-width: 1025px) { .first-screen { height: calc(100vh - 90px); } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen { height: 750px; } } @media only screen and (max-width: 767px) { .first-screen { height: 990px; } } .first-screen__subtitle { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 1.17; color: #ff0044; margin-bottom: 0.585em; color: #1d1f26; } @media only screen and (max-width: 1024px) { .first-screen__subtitle { font-size: 16px; } } @media only screen and (max-width: 767px) { .first-screen__subtitle { font-size: 12px; } } @media only screen and (max-width: 767px) { .first-screen__subtitle { margin: 0 0 10px; } } .first-screen__link { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; text-transform: uppercase; position: relative; margin: 75px 0 0 114px; cursor: pointer; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen__link { margin: 60px 0 0 114px; } } @media only screen and (max-width: 767px) { .first-screen__link { font-size: 0; color: transparent; width: 100%; margin: 86px auto 0; } } @media only screen and (max-width: 767px) { .first-screen__link { width: 100%; margin: 86px auto 0; } } @media only screen and (max-width: 767px) { .first-screen__link, .first-screen__link:focus, .first-screen__link:active { font-size: 0; color: transparent; background-color: transparent; outline: none; -webkit-tap-highlight-color: transparent; } } .first-screen__link::before { content: ""; display: block; width: 90px; height: 90px; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: calc(100% + 24px); background-image: url(/assets/files/header-scroll-btn-8a0e90c59e7f04e75224b217b8887cc1.svg); background-position: 50% 50%; } @media only screen and (max-width: 1024px) { .first-screen__link::before { width: 90px; height: 90px; } } @media only screen and (max-width: 767px) { .first-screen__link::before { left: 0; right: 0; margin: auto; } } .first-screen__images--1 { position: absolute; width: 123px; height: 123px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border-radius: 50%; -webkit-box-shadow: 0 27px 54px -5px rgba(0, 86, 230, 0.14); box-shadow: 0 27px 54px -5px rgba(0, 86, 230, 0.14); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-color: white; background-image: url(/assets/files/header-pills-c722de7a7a6f306002b5800253c051e4.svg); } @media only screen and (min-width: 1280px) { .first-screen__images--1 { right: calc(((100vw - 115em) / 2 + 115em) + 176px); } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .first-screen__images--1 { right: calc(((100vw - 92em) / 2 + 92em) + 176px); } } @media only screen and (min-width: 1025px) { .first-screen__images--1 { top: 50%; } } @media only screen and (max-width: 1024px) { .first-screen__images--1 { width: 62px; height: 62px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen__images--1 { left: 18px; bottom: 46px; } } @media only screen and (max-width: 767px) { .first-screen__images--1 { left: 16px; bottom: 80px; } } @media only screen and (min-width: 1280px) { .first-screen__images--2 { left: calc(((100vw - 115em) / 2 + 115em) + -356px); } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .first-screen__images--2 { left: calc(((100vw - 92em) / 2 + 92em) + -356px); } } @media only screen and (min-width: 768px) { .first-screen__images--2 { position: absolute; width: 440px; height: 680px; top: 50%; right: -20%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url(/assets/files/header-iphone-816ca6dede5dcb9c8ed1a3f88f34b00c.png); } } @media only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 768px) and (min-resolution: 192dpi), (min-width: 768px) and (min-resolution: 2dppx) { .first-screen__images--2 { background-image: url(/assets/files/header-iphone@2x-aad894fe7a9a2faa69d92a71d6de0dc5.png); } } .first-screen__images--2--1 { position: absolute; border-radius: 14px; -webkit-box-shadow: -8px 24px 24px -12px rgba(0, 86, 230, 0.22); box-shadow: -8px 24px 24px -12px rgba(0, 86, 230, 0.22); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-color: white; background-image: url(/assets/files/header-graph-ae825483787fee44b42aededb123b92c.svg); } @media only screen and (min-width: 1025px) { .first-screen__images--2--1 { width: 118px; height: 61px; top: 133px; left: 21px; } } @media only screen and (max-width: 1024px) { .first-screen__images--2--1 { width: 95px; height: 49px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen__images--2--1 { top: 176px; left: 4px; } } @media only screen and (max-width: 767px) { .first-screen__images--2--1 { top: 32px; right: 17px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .first-screen__images--2 { width: 41%; right: -17%; } } .first-screen .paragraph { width: 100%; } .first-screen__paragraph { font-size: 20px !important; } @media only screen and (max-width: 1024px) { .first-screen__paragraph { font-size: 18px !important; } } @-webkit-keyframes bullet-progress { 0% { width: 0; } 100% { width: 100%; } } @keyframes bullet-progress { 0% { width: 0; } 100% { width: 100%; } } @media only screen and (min-width: 1280px) { section.solutions { -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.07); } } .solutions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; background-size: 1200px 1200px; background-repeat: no-repeat; background-position: -50% -380px; background-color: white; background-image: url(/assets/files/emergency-bg-36b18df95a7b1f9a8e7c18914e520615.svg); } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions { background-size: 600px 600px; background-position: -108% -217px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions { background-size: 600px 600px; background-position: -108% -217px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__l-column--full-width { width: 100%; } } @media only screen and (min-width: 1280px) { .solutions { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 120px 0; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions { padding: 80px 0 110px; height: 100%; min-height: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions { padding: 80px 0 110px; height: 100%; min-height: 0; } } @media only screen and (min-width: 1920px) { .solutions { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 130px 0; } } @media only screen and (max-width: 767px) { .solutions { height: auto; min-height: 0; padding: 40px 0; margin: 0; } } .solutions__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; } } @media only screen and (max-width: 1024px) { .solutions__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__text { width: 75%; } } @media only screen and (min-width: 1280px) { .solutions__text__title { width: 37.5%; } } @media only screen and (min-width: 1280px) { .solutions__text__paragraph { margin-left: 12.5%; width: 50%; } } .solutions__tabs { -webkit-tap-highlight-color: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100px; } @media only screen and (max-width: 767px) { .solutions__tabs { height: auto; margin-top: 24px; } } .solutions__tabs-container { padding-bottom: 73px; } @media only screen and (max-width: 767px) { .solutions__tabs-container { display: none; } } .solutions__tab { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 40px; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; position: relative; height: 100%; text-align: center; background: transparent; border-radius: 0; margin-right: 2px; opacity: 1; cursor: pointer; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__tab { padding-top: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .solutions__tab { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-right: 8px; } } .solutions__tab:last-child { margin-right: 0; } .solutions__tab:focus { outline: 0; } .solutions__tab__line { position: absolute; left: 0; bottom: 0; height: 2px; position: absolute; left: 0; bottom: 0; height: 2px; } .solutions__tab__line--default { z-index: 1; width: 100%; background-color: rgba(146, 161, 174, 0.6); } .solutions__tab__line--progress { z-index: 2; width: 0; background-color: #ff0044; } .solutions__tab span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; text-transform: uppercase; color: rgba(146, 161, 174, 0.6); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; } @media only screen and (max-width: 767px) { .solutions__tab span { display: none; } } .solutions__swiper-pagination--loaded .solutions__tab.swiper-pagination-bullet-active .solutions__tab__line--progress { -webkit-animation: bullet-progress 5.3s linear; animation: bullet-progress 5.3s linear; } .solutions__tabs-container--paused .solutions__swiper-pagination--loaded .solutions__tab.swiper-pagination-bullet-active .solutions__tab__line--progress { -webkit-animation-play-state: paused; animation-play-state: paused; } .solutions__swiper-pagination--loaded .solutions__tab.swiper-pagination-bullet-active span { color: #ff0044; } .solutions__swiper-block { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 580px; border-radius: 8px; -webkit-box-shadow: 0 14px 21px -11px rgba(0, 69, 219, 0.15); box-shadow: 0 14px 21px -11px rgba(0, 69, 219, 0.15); } @media only screen and (min-width: 768px) { .solutions__swiper-block { background-color: #4780fb; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-block { height: 506px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-block { height: 506px; } } @media only screen and (max-width: 767px) { .solutions__swiper-block { height: 100%; margin-bottom: 24px; } } .solutions__swiper-container { position: absolute; top: 0; right: 0; width: 50%; height: 580px; } @media only screen and (min-width: 1025px) { .solutions__swiper-container { background-image: url(/assets/files/BG-7155a58229744bae1c6df0739ea589e6.svg); } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container { display: none; } } @media only screen and (max-width: 1024px) { .solutions__swiper-container { display: none; } } .solutions__swiper-container--content { position: absolute; top: 0; left: 0; width: 50%; height: 580px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__content { -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.04); background-color: #4780fb; padding: 48px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; border-radius: 4px; } } @media only screen and (max-width: 1024px) { .solutions__swiper-container--content { width: auto; max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-container--content { height: 100%; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container--content { width: auto; max-width: 100%; height: 100%; } } @media only screen and (max-width: 767px) { .solutions__swiper-container--content { position: relative; height: 100%; padding-top: 87px; -webkit-box-sizing: content-box; box-sizing: content-box; } } .solutions__swiper-container--content__swiper-slide { position: relative; height: 580px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1280px) { .solutions__swiper-container--content__swiper-slide { padding: 87px 41px 0 64px; z-index: 1; opacity: 0; position: absolute; top: 0; left: 0; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container--content__swiper-slide { padding: 48px 75px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-container--content__swiper-slide { padding: 48px 75px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; } } @media only screen and (min-width: 1280px) { .solutions__swiper-container--content__swiper-slide--active { z-index: 2; opacity: 1; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } } .solutions__swiper-container--content__swiper-slide--1 .solutions__swiper-container--content__number::before { content: "01"; } .solutions__swiper-container--content__swiper-slide--2 .solutions__swiper-container--content__number::before { content: "02"; } .solutions__swiper-container--content__swiper-slide--3 .solutions__swiper-container--content__number::before { content: "03"; } .solutions__swiper-container--content__swiper-slide--4 .solutions__swiper-container--content__number::before { content: "04"; } .solutions__swiper-container--content__swiper-slide--5 .solutions__swiper-container--content__number::before { content: "05"; } .solutions__swiper-container--content__swiper-slide--6 .solutions__swiper-container--content__number::before { content: "06"; } @media only screen and (min-width: 1280px) { .solutions__swiper-container--content--content-section { margin: 0; } } .solutions__swiper-container--content__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .solutions__swiper-container--content__img > img { width: 100%; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container--content { height: 506px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-container--content { height: 506px; } } @media only screen and (max-width: 767px) { .solutions__swiper-container--content { height: 100%; } } .solutions__swiper-container--content__tab { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1; left: 0; top: -100px; width: 100%; height: 68px; text-align: center; } .solutions__swiper-container--content__tab__line { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 2px; } .solutions__swiper-container--content__tab__line--default { z-index: 1; width: 100%; background-color: #e1e1e2; } .solutions__swiper-container--content__tab__line--progress { z-index: 2; width: 0; background-color: #ff0044; } .solutions__swiper-container--content__tab span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; text-transform: uppercase; color: rgba(146, 161, 174, 0.6); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; } .swiper-slide-active .solutions__swiper-container--content__tab span { color: #ff0044; } @media only screen and (min-width: 768px) { .solutions__swiper-container--content__tab { display: none; } } .solutions__swiper-container--content__swiper-slide.swiper-slide-active .solutions__swiper-container--content__tab__line--progress { -webkit-animation: bullet-progress 5.3s linear; animation: bullet-progress 5.3s linear; } .solutions__tabs-container--paused .solutions__swiper-container--content__swiper-slide.swiper-slide-active .solutions__swiper-container--content__tab__line { -webkit-animation-play-state: paused; animation-play-state: paused; } .solutions__swiper-container--content__swiper-slide.swiper-slide-active .solutions__swiper-container--content__tab__line span { color: #ff0044; } .solutions__swiper-container--content__number { overflow: hidden; position: absolute; z-index: 1; right: 0; top: 0; } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__number { top: 0; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 180px; line-height: 1; color: rgba(146, 161, 174, 0.1); margin-bottom: 0.5em; } } .solutions__swiper-container--content__number::before { content: ""; display: block; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 180px; line-height: 1; color: rgba(146, 161, 174, 0.1); margin-bottom: 0.5em; color: rgba(255, 255, 255, 0.07); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__number::before { color: rgba(255, 255, 255, 0.1); font-size: 125px; } } .solutions__swiper-container--content__title, .solutions__swiper-container--content__text { position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .solutions__swiper-container--content__title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 1.21; color: #ff0044; margin-bottom: 0.605em; color: white; } @media only screen and (max-width: 1024px) { .solutions__swiper-container--content__title { font-size: 32px; } } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__title { font-size: 20px; } } @media only screen and (min-width: 1280px) { .solutions__swiper-container--content__title { width: 60%; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container--content__title { text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-container--content__title { text-align: center; } } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__title { display: none; } } .solutions__swiper-container--content__text { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 20px; line-height: 1.8; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.9em; color: white; padding-top: 28px; } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__text { font-size: 16px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container--content__text { text-align: center; padding-top: 16px; } } @media only screen and (max-width: 1024px) { .solutions__swiper-container--content__text { text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-container--content__text { padding-top: 16px; } } @media only screen and (max-width: 767px) { .solutions__swiper-container--content__text { padding: 0; } } .solutions__swiper-container--content__btn { width: 200px; height: 48px; } @media only screen and (min-width: 1280px) { .solutions__swiper-container--content__btn { position: absolute; bottom: 10em; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-container--content__btn { margin: 32px auto 0; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__swiper-container--content__btn { margin: 32px auto 0; text-align: center; } } .solutions__swiper-container--content__btn > a { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; } .solutions__swiper-wrapper { position: absolute; top: 0; } .solutions__swiper-button { position: absolute; z-index: 3; top: 80px; right: calc(50% + 64px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__swiper-button { display: none; } } @media only screen and (max-width: 1024px) { .solutions__swiper-button { display: none; } } .solutions__swiper-button-next, .solutions__swiper-button-prev { -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 3; width: 60px; height: 60px; background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat; opacity: 0.6; cursor: pointer; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @media only screen and (max-width: 767px) { .solutions__swiper-button-next, .solutions__swiper-button-prev { display: none; } } .solutions__swiper-button-next:focus, .solutions__swiper-button-prev:focus { outline: 0; } .no-touchevents .solutions__swiper-button-next:hover, .no-touchevents .solutions__swiper-button-prev:hover { opacity: 1; } .solutions__swiper-button-next { right: 0; background-image: url(/assets/files/arrow-left-a682fdd9378922c81f744605840804a2.svg); -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .solutions__swiper-button-prev { left: 0; background-image: url(/assets/files/arrow-left-a682fdd9378922c81f744605840804a2.svg); } @media only screen and (min-width: 1280px) { .solutions__footer { position: absolute; bottom: 52px; z-index: 3; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .solutions__footer { margin: 32px auto 0; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .solutions__footer { margin: 32px auto 0; text-align: center; } } @media only screen and (max-width: 767px) { .solutions__footer { display: none; } } .solutions__footer > span { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.29; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.645em; color: white; } .solutions__footer > span.solutions__quantity { color: rgba(255, 255, 255, 0.5); } .solutions__divider { padding: 0 1em; } .solutions__bullets { text-align: center; margin-top: 24px; } @media only screen and (min-width: 768px) { .solutions__bullets { display: none; } } .solutions__bullets__item { display: inline-block; margin: 0 5px; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(146, 161, 174, 0.6); outline: none; } .solutions__bullets__item--active { background-color: #ff0044; } .structure2 { padding-top: 50px; background: #FFFFFF; } @media only screen and (min-width: 768px) { .structure2 { z-index: 1; } } @media only screen and (max-width: 1024px) { .structure2 { background-color: white; } } @media only screen and (min-width: 768px) { .structure2 > .l-column { width: 100%; } } .structure2__title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-style: normal; font-size: 68px; line-height: 1.06; color: #ff0044; margin-bottom: 40px; text-align: center; } @media only screen and (max-width: 1024px) { .structure2__title { font-size: 48px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .structure2__title { font-size: 32px; margin-bottom: 20px; } } @media only screen and (max-width: 1024px) { .structure2__slider { margin: auto; overflow: visible; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .structure2__slider { width: 75%; } } @media only screen and (min-width: 1025px) { .structure2__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .structure2__item { position: relative; overflow: hidden; background-color: white; } @media only screen and (min-width: 1025px) { .structure2__item { width: calc(100% / 6); height: 540px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .structure2__item { width: 327px; height: 411px; } } @media only screen and (max-width: 767px) { .structure2__item { max-width: 334px; } } @media only screen and (min-width: 1025px) { .no-touchevents .structure2__item:hover .structure2__item__content__text { opacity: 1; } } .structure2__item::before, .structure2__item::after { content: ""; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 68px; line-height: 1.06; color: #ff0044; margin-bottom: 0.53em; color: white; position: absolute; bottom: 30px; margin: 0; left: 40px; z-index: 2; } @media only screen and (max-width: 1024px) { .structure2__item::before, .structure2__item::after { font-size: 48px; } } @media only screen and (max-width: 767px) { .structure2__item::before, .structure2__item::after { font-size: 32px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .structure2__item::before, .structure2__item::after { bottom: 10px; left: 20px; } } @media only screen and (max-width: 767px) { .structure2__item::before, .structure2__item::after { bottom: 20px; left: 20px; font-size: 52px; line-height: 1.19; } } @media only screen and (min-width: 1025px) { .structure2__item::before { -webkit-filter: grayscale(1) opacity(0.4); filter: grayscale(1) opacity(0.4); -webkit-transition: .6s ease-out; -o-transition: .6s ease-out; transition: .6s ease-out; } } @media only screen and (min-width: 1025px) { .structure2__item:hover::before { -webkit-filter: none; filter: none; -webkit-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } } .structure2__item--1 { background-image: -webkit-linear-gradient(315deg, #ff883a, #ff284c); background-image: -o-linear-gradient(315deg, #ff883a, #ff284c); background-image: linear-gradient(135deg, #ff883a, #ff284c); } .structure2__item--1::before { content: "01"; } .structure2__item--2 { background-image: -webkit-linear-gradient(315deg, #ffd461, #ff7c4b); background-image: -o-linear-gradient(315deg, #ffd461, #ff7c4b); background-image: linear-gradient(135deg, #ffd461, #ff7c4b); } .structure2__item--2::before { content: "02"; } .structure2__item--3 { background-image: -webkit-linear-gradient(135deg, #009a9e, #00fc9c); background-image: -o-linear-gradient(135deg, #009a9e, #00fc9c); background-image: linear-gradient(315deg, #009a9e, #00fc9c); } .structure2__item--3::before { content: "03"; } .structure2__item--4 { background-image: -webkit-linear-gradient(315deg, #b1e752, #00a525); background-image: -o-linear-gradient(315deg, #b1e752, #00a525); background-image: linear-gradient(135deg, #b1e752, #00a525); } .structure2__item--4::before { content: "04"; } .structure2__item--5 { background-image: -webkit-linear-gradient(315deg, #37b8ff, #0058ff); background-image: -o-linear-gradient(315deg, #37b8ff, #0058ff); background-image: linear-gradient(135deg, #37b8ff, #0058ff); } .structure2__item--5::before { content: "05"; } .structure2__item--6 { background-image: -webkit-linear-gradient(315deg, #ac53ff 0%, #4439ff 100%); background-image: -o-linear-gradient(315deg, #ac53ff 0%, #4439ff 100%); background-image: linear-gradient(135deg, #ac53ff 0%, #4439ff 100%); } .structure2__item--6::before { content: "06"; } .structure2__item__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; pointer-events: none; opacity: 0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .structure2__item__img::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 31, 38, 0.2)), to(rgba(29, 31, 38, 0.8))); background-image: -webkit-linear-gradient(top, rgba(29, 31, 38, 0.2), rgba(29, 31, 38, 0.8)); background-image: -o-linear-gradient(top, rgba(29, 31, 38, 0.2), rgba(29, 31, 38, 0.8)); background-image: linear-gradient(to bottom, rgba(29, 31, 38, 0.2), rgba(29, 31, 38, 0.8)); opacity: 0; z-index: 1; } .no-touchevents .structure2__item:hover .structure2__item__img, .touchevents .structure2__slide--active .structure2__item__img { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .no-touchevents .structure2__item:hover .structure2__item__img::before, .touchevents .structure2__slide--active .structure2__item__img::before { opacity: 1; } @media only screen and (min-width: 1025px) { .structure2__item__img, .structure2__item__img::before { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; } } .structure2__item__img > img { height: 100%; position: absolute; bottom: 0; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .structure2__item__img > img { -o-object-position: 100% 50%; object-position: 100% 50%; -o-object-fit: none; object-fit: none; } } @media only screen and (min-width: 1920px) { .structure2__item__img > img { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .structure2__item__img > img { width: 100%; } } .structure2__item__content { padding: 55px 33px 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 2; position: relative; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .structure2__item__content { padding: 40px 10px 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .structure2__item__content { padding: 43px 30px 30px; } } @media only screen and (max-width: 767px) { .structure2__item__content { padding: 38px 36px 25px 20px; min-height: 400px; } } .structure2__item__content__text { color: #ffffff !important; } @media only screen and (min-width: 1025px) { .structure2__item__content__text { opacity: 0; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } } .structure2__item__content__title { position: relative; color: #ffffff !important; } .structure2__item__content__title::before { content: ""; width: 48px; height: 48px; position: relative; top: -22px; display: block; background-repeat: no-repeat; background-size: contain; margin-bottom: 0; } .structure2__item__content__title--1::before { content: ""; background-image: url(/assets/files/i-48-magnifier-2e0e7d72f2ebcfa4f26c1518b89a6f0a.svg); } .structure2__item__content__title--2::before { content: ""; background-image: url(/assets/files/i-48-ba-61cd149abc353ff4290a38a7724cca27.svg); } .structure2__item__content__title--3::before { content: ""; background-image: url(/assets/files/i-48-puzzle-c0eac6cdde1ddff2169b4fe7464c43a0.svg); } .structure2__item__content__title--4::before { content: ""; background-image: url(/assets/files/i-48-document-white-6640b44f0980862012a7fc7c951bac4e.svg); } .structure2__item__content__title--5::before { content: ""; background-image: url(/assets/files/i-48-light-bulb-77c14e91c9055294fd597a5efa3bc0dc.svg); } .structure2__item__content__title--6::before { content: ""; background-image: url(/assets/files/i-48-airplay-white-10032c99b181647c7050a795d0d94f54.svg); } .b-what_we_do_project { position: relative; z-index: 1; } .landing__carousel { position: relative; width: 670px; height: 660px; margin: 0 auto; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .landing__carousel { width: 420px; } } .landing__carousel-container { position: relative; margin-top: 114px; } @media only screen and (max-width: 1024px) { .landing__carousel-container { display: none; } } @media only screen and (max-width: 1024px) { .landing__carousel-container--mobile { margin: 0 auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__carousel-container--mobile { width: 56%; margin-top: 94px; } } @media only screen and (max-width: 767px) { .landing__carousel-container--mobile { width: 100%; } } .landing__carousel-container--mobile__wrapper { display: none; } @media only screen and (max-width: 1024px) { .landing__carousel-container--mobile__wrapper { display: block; position: relative; } } .landing__carousel-container--mobile--content { width: calc(100% - 196px); position: absolute; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 2; pointer-events: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__carousel-container--mobile--content { width: 56%; } } @media only screen and (max-width: 767px) { .landing__carousel-container--mobile--content { width: 100%; } } .landing__carousel-container--mobile--content__item { opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; width: 100%; } .landing__carousel-container--mobile--content__item--active { opacity: 1; } .landing__carousel-container--mobile__swiper-button { width: 100%; position: absolute; height: 550px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__carousel-container--mobile__swiper-button { width: 80%; left: 0; right: 0; margin: auto; } } @media only screen and (max-width: 767px) { .landing__carousel-container--mobile__swiper-button { display: none; } } .landing__carousel-container--mobile__swiper-button-next, .landing__carousel-container--mobile__swiper-button-prev { -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 1; top: 50%; width: 60px; height: 60px; background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat; border-radius: 100%; border: 2px solid white; -webkit-box-shadow: 0 0 8px 0 rgba(237, 65, 89, 0.18); box-shadow: 0 0 8px 0 rgba(237, 65, 89, 0.18); margin-top: -30px; opacity: 0.6; cursor: pointer; -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } @media only screen and (max-width: 767px) { .landing__carousel-container--mobile__swiper-button-next, .landing__carousel-container--mobile__swiper-button-prev { display: none; } } .landing__carousel-container--mobile__swiper-button-next:focus, .landing__carousel-container--mobile__swiper-button-prev:focus { outline: 0; } .no-touchevents .landing__carousel-container--mobile__swiper-button-next:hover, .no-touchevents .landing__carousel-container--mobile__swiper-button-prev:hover { opacity: 1; } .touchevents .landing__carousel-container--mobile__swiper-button-next:active, .touchevents .landing__carousel-container--mobile__swiper-button-prev:active { opacity: 1; } .landing__carousel-container--mobile__swiper-button-next { right: 0; background-image: url(/assets/files/arrow-right-346-copy-14-1a9a9b85d08c3363428a1eb7eb7ddeba.svg); } .landing__carousel-container--mobile__swiper-button-prev { left: 0; background-image: url(/assets/files/arrow-right-346-copy-13-a97902c26a162574763510626da5c1cf.svg); } .landing__carousel-slide { overflow: hidden; border-radius: 2px; } @media only screen and (min-width: 1025px) { .landing__carousel-slide:not(.landing__carousel-slide--current) { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); pointer-events: none; } } @media only screen and (min-width: 1025px) { .landing__carousel-slide { position: absolute; z-index: 1; left: -185px; top: -340px; width: 370px; } } .landing__carousel-slide--logo-onespaworld { -webkit-box-shadow: 0 20px 39px -15px rgba(0, 65, 175, 0.44); box-shadow: 0 20px 39px -15px rgba(0, 65, 175, 0.44); background-blend-mode: overlay, normal; background-image: -webkit-linear-gradient(285deg, rgba(255, 255, 255, 0.5) -68%, rgba(255, 255, 255, 0) 92%), -webkit-linear-gradient(top, #a49a9a, #a49a9a); background-image: -o-linear-gradient(285deg, rgba(255, 255, 255, 0.5) -68%, rgba(255, 255, 255, 0) 92%), -o-linear-gradient(top, #a49a9a, #a49a9a); background-image: linear-gradient(165deg, rgba(255, 255, 255, 0.5) -68%, rgba(255, 255, 255, 0) 92%), linear-gradient(to bottom, #a49a9a, #a49a9a); } .landing__carousel-slide--logo-ppm { background-color: #6193fe; -webkit-box-shadow: 0 20px 39px -15px rgba(0, 65, 175, 0.44); box-shadow: 0 20px 39px -15px rgba(0, 65, 175, 0.44); } .landing__carousel-slide--logo-adaxa { background-color: #b64bcf; -webkit-box-shadow: 0 20px 39px -15px rgba(0, 38, 100, 0.48); box-shadow: 0 20px 39px -15px rgba(0, 38, 100, 0.48); } .landing__carousel-transition .landing__carousel-slide { -webkit-transition: width 300ms ease-in-out, left 300ms ease-in-out, top 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: width 300ms ease-in-out, left 300ms ease-in-out, top 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out; -o-transition: width 300ms ease-in-out, left 300ms ease-in-out, top 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out; transition: width 300ms ease-in-out, left 300ms ease-in-out, top 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out; transition: width 300ms ease-in-out, left 300ms ease-in-out, top 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .landing__carousel-slide::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 6px; background-color: transparent; } .landing__carousel-transition .landing__carousel-slide::before { -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } @media only screen and (min-width: 1025px) { .landing__carousel-slide-container { position: absolute; left: 0; top: 50%; width: 0; height: 0; } } .landing__carousel-transition .landing__carousel-slide-container { -webkit-transition: -webkit-transform 300ms ease-in-out; transition: -webkit-transform 300ms ease-in-out; -o-transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .landing__carousel-slide-top, .landing__carousel-slide-bottom { height: 330px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__carousel-slide-top, .landing__carousel-slide-bottom { height: 550px; } } @media only screen and (max-width: 767px) { .landing__carousel-slide-top, .landing__carousel-slide-bottom { height: 400px; } } .landing__carousel-transition .landing__carousel-slide-top, .landing__carousel-transition .landing__carousel-slide-bottom { -webkit-transition: height 300ms ease-in-out; -o-transition: height 300ms ease-in-out; transition: height 300ms ease-in-out; } .landing__carousel-slide-top { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } @media only screen and (min-width: 1025px) { .landing__carousel-slide-top { background-color: white; } } @media only screen and (max-width: 1024px) { .landing__carousel-slide-top > img { display: none; } } .landing__carousel-slide-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1024px) { .landing__carousel-slide-bottom { z-index: 2; } } .landing__carousel-slide-content-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 80%; height: 78.5%; } @media only screen and (max-width: 1024px) { .landing__carousel-slide-content-container { height: 100%; } } .landing__carousel-slide-title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 1.11; text-align: center; color: white; } @media only screen and (max-width: 767px) { .landing__carousel-slide-title { font-size: 24px; line-height: 1.17; } } .landing__carousel-slide-text { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 1.5; text-align: center; color: white; margin-top: 1em; } @media only screen and (max-width: 767px) { .landing__carousel-slide-text { font-size: 16px; line-height: 1.5; } } .landing__carousel-slide-comment { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 14px; line-height: 1.29; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; color: rgba(255, 255, 255, 0.85); } @media only screen and (max-width: 1024px) { .landing__carousel-slide-comment { font-size: 11px; line-height: 1.27; color: rgba(255, 255, 255, 0.75); } } .landing__carousel-slide--current { left: -185px; width: 370px; top: -340px; } .no-touchevents .landing__carousel-slide--current:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .landing__carousel-slide--current .landing__carousel-slide-top, .landing__carousel-slide--current .landing__carousel-slide-bottom { height: 330px; } .landing__carousel-button { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; z-index: 1; top: 50%; width: 60px; height: 60px; color: white; background-color: transparent; border: 2px solid white; -webkit-box-shadow: 0 0 8px 0 rgba(237, 65, 89, 0.18); box-shadow: 0 0 8px 0 rgba(237, 65, 89, 0.18); border-radius: 100%; margin-top: -30px; outline: transparent; opacity: 0.6; -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .no-touchevents .landing__carousel-button:hover { opacity: 1; } .landing__carousel-button svg { display: block; position: absolute; z-index: 1; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; } .landing__carousel-button svg g g { fill: currentColor; } .landing__carousel-button--prev { left: 0; } .landing__carousel-button--next { right: 0; } .landing__carousel-button--next svg { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } @media only screen and (max-width: 1024px) { .landing__carousel-slide-content { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 1024px) { .landing__carousel-slide-comment { position: absolute; margin: 0 auto; left: 0; right: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .landing__carousel-slide-comment { bottom: 32px; } } @media only screen and (max-width: 767px) { .landing__carousel-slide-comment { bottom: 24px; } } .mercury { padding: 175px 0; } @media only screen and (min-width: 768px) { .mercury { background-size: 800px 800px, 900px 900px; background-repeat: no-repeat; background-position: -11% -259px, calc(100vw - 34%) 10px; background-color: white; background-image: url(/assets/files/emergency-bg-36b18df95a7b1f9a8e7c18914e520615.svg), url(/assets/files/emergency-bg-36b18df95a7b1f9a8e7c18914e520615.svg); } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mercury { padding: 80px 0; background-size: 800px 800px; background-position: 344px -354px; background-image: url(/assets/files/emergency-bg-36b18df95a7b1f9a8e7c18914e520615.svg); } } @media only screen and (max-width: 767px) { .mercury { padding: 48px 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mercury__l-column--full-width { width: 100%; } } .mercury__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 1024px) { .mercury__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .mercury__list__services { width: 100%; max-width: 540px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 45px; border-bottom: 1px solid #ff0044; } @media only screen and (max-width: 1024px) { .mercury__list__services { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .mercury__list__services { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } } .mercury__list__services__left { margin-right: 40px; width: 100%; max-width: 260px; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .mercury__list__services__left { max-width: 205px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .mercury__list__services__left { max-width: 100%; margin-right: 0; margin-bottom: 10px; } } .mercury__list__services__right { width: 100%; max-width: 240px; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .mercury__list__services__right { max-width: 205px; } } @media only screen and (max-width: 767px) { .mercury__list__services__right { max-width: 100%; } } .mercury__list__services__item { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 24px; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; color: rgba(29, 31, 38, 0.85); } .mercury__list__services__item:not(:last-child) { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .mercury__list__services__item { font-size: 18px; } } .mercury__list__data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 43px; } @media only screen and (max-width: 1024px) { .mercury__list__data { margin-top: 30px; } } @media only screen and (max-width: 767px) { .mercury__list__data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .mercury__list__data__item { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 24px; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; color: #ff0044; } @media only screen and (max-width: 767px) { .mercury__list__data__item { font-size: 18px; } } .mercury__list__data__item:first-child { width: 100%; max-width: 260px; margin-right: 40px; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .mercury__list__data__item:first-child { max-width: 205px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .mercury__list__data__item:first-child { margin-right: 0; margin-bottom: 10px; } } @media only screen and (min-width: 1025px) { .mercury__item--content { width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mercury__item--content { width: 75%; } } @media only screen and (max-width: 767px) { .mercury__item--content { width: 100%; } } @media only screen and (min-width: 1025px) { .mercury__item--title { width: 37.5%; margin-left: 12.5%; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .mercury__item--title { width: 50%; margin-left: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1024px) { .mercury__item--title { width: 76%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mercury__item--title { margin: 70px 0 0; } } @media only screen and (max-width: 767px) { .mercury__item--title { margin: 24px 0 0; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } .mercury__title { z-index: 1; position: relative; } .mercury__number { position: relative; overflow: hidden; width: 410px; height: 160px; margin-bottom: 48px; } @media only screen and (max-width: 767px) { .mercury__number { width: 282px; height: 110px; margin-bottom: 20px; } } .mercury__number__img { position: absolute; top: -150px; left: 0; z-index: 0; width: 410px; } @media only screen and (min-width: 768px) { .touchevents .mercury__number__img { top: -65px; } } @media only screen and (max-width: 767px) { .mercury__number__img { top: -51px; width: 282px; } } .mercury__number__mask { position: relative; z-index: 1; width: 410px; height: 160px; border: 1px solid white; } @media only screen and (max-width: 767px) { .mercury__number__mask { width: 282px; height: 110px; } } .mercury__images { position: absolute; } @media only screen and (min-width: 1025px) { .mercury__images--1 { width: 123px; height: 123px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border-radius: 50%; -webkit-box-shadow: 0 27px 54px -5px rgba(0, 86, 230, 0.14); box-shadow: 0 27px 54px -5px rgba(0, 86, 230, 0.14); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-color: white; background-image: url(/assets/files/header-pills-c722de7a7a6f306002b5800253c051e4.svg); } } @media only screen and (min-width: 1025px) and (min-width: 1280px) { .mercury__images--1 { left: calc(((100vw - 115em) / 2 + 115em) + 111px); } } @media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1279px) { .mercury__images--1 { left: calc(((100vw - 92em) / 2 + 92em) + 111px); } } .mercury__num { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 206px; font-stretch: normal; line-height: 0.8; letter-spacing: normal; color: #ff0044; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .mercury__num { font-size: 144px; } } .mercury__spec { margin-bottom: 0 !important; } .clients { padding: 120px 0; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: white; background-image: url(/assets/files/clients-path-3cbbbf949dc2c07e252681a5b0ffe7cf.svg); } @media only screen and (max-width: 767px) { .clients { padding: 48px 0; } } .clients__background-word { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 300px; line-height: 1.07; color: rgba(146, 161, 174, 0.1); letter-spacing: 6px; margin-bottom: 0.535em; text-transform: uppercase; color: rgba(255, 255, 255, 0.05); position: absolute; text-align: center; margin: auto; z-index: 0; bottom: -0.2em; left: -0.1em; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .clients__background-word { font-size: 210px; } } @media only screen and (max-width: 767px) { .clients__background-word { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .clients__l-column--full-width { width: 100%; } } @media only screen and (max-width: 767px) { .clients__l-column--full-width { margin-bottom: 32px; } } .clients__images--1, .clients__images--2 { position: absolute; z-index: 100; pointer-events: none; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .clients__images--1 { width: 150px; height: 100px; top: 518px; background-image: url(/assets/files/tablets-bdbbc4bc00123d9b31d9980d53955108.svg); } @media only screen and (min-width: 1280px) { .clients__images--1 { right: calc(((100vw - 115em) / 2 + 115em) + -154px); } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .clients__images--1 { right: calc(((100vw - 92em) / 2 + 92em) + -154px); } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .clients__images--1 { top: 480px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) { .clients__images--1 { right: calc(((100vw - 93.75vw) / 2 + 93.75vw) + -223px); } } @media only screen and (max-width: 767px) { .clients__images--1 { top: 357px; left: 0px; width: 97px; height: 106px; } } @media only screen and (min-width: 1025px) { .clients__images--2 { width: 32px; height: 32px; top: 585px; background-image: url(/assets/files/tablet-a9aff762b62958fb152ae8e4e75a51f0.svg); } } @media only screen and (min-width: 1025px) and (min-width: 1280px) { .clients__images--2 { left: calc(((100vw - 115em) / 2 + 115em) + 0px); } } @media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1279px) { .clients__images--2 { left: calc(((100vw - 92em) / 2 + 92em) + 0px); } } .clients__text { margin: auto; } @media only screen and (min-width: 1025px) { .clients__text { text-align: center; } } @media only screen and (min-width: 768px) { .clients__text { width: 75%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .clients__text { text-align: center; } } .clients__bullets { text-align: center; margin-top: 24px; } @media only screen and (min-width: 768px) { .clients__bullets { display: none; } } .clients__bullets__item { display: inline-block; margin: 0 5px; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.32); outline: none; } .clients__bullets__item--active { background-color: #ff0044; } .get-in-touch { padding: 240px 0; } .get-in-touch::before { content: ""; display: block; position: absolute; top: -100px; left: 0; right: 0; margin: auto; width: 200px; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/assets/files/get-in-touch-2c128bb1997d61ea5aec075ef93a9912.svg); } @media only screen and (max-width: 767px) { .get-in-touch::before { width: 100px; height: 100px; top: -50px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .get-in-touch { padding: 87px 0 142px; } } @media only screen and (max-width: 767px) { .get-in-touch { padding: 48px 0; } } @media only screen and (min-width: 768px) { .get-in-touch__text { width: 75%; margin: auto; } } .get-in-touch__background-word { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 300px; line-height: 1.07; color: rgba(146, 161, 174, 0.1); letter-spacing: 6px; margin-bottom: 0.535em; text-transform: uppercase; color: rgba(255, 255, 255, 0.05); position: absolute; text-align: center; margin: auto; z-index: 0; bottom: -0.2em; left: -0.1em; color: rgba(71, 128, 251, 0.08); pointer-events: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .get-in-touch__background-word { font-size: 210px; } } @media only screen and (max-width: 767px) { .get-in-touch__background-word { display: none; } } @-webkit-keyframes timelines { from { opacity: 0; } to { opacity: 1; } } @keyframes timelines { from { opacity: 0; } to { opacity: 1; } } .mobile__carousel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; margin-top: 127px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__carousel { display: block; margin: 57px 0 0 12.5%; width: 75%; } } @media only screen and (max-width: 1024px) { .mobile__carousel { overflow: visible; } } @media only screen and (max-width: 767px) { .mobile__carousel { margin-top: 40px; } } .mobile__carousel::before, .mobile__carousel::after { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; line-height: 1.29; letter-spacing: 0.5px; text-transform: uppercase; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 900; font-size: 14px; width: 162px; height: 410px; z-index: 1; bottom: 94px; padding-bottom: 6px; } @media only screen and (min-width: 1160px) { .mobile__carousel::before { content: "Project start"; left: 0; padding-left: 37px; background-image: url(/assets/files/recipe-project-start-64273f38a8a5c73b3f56bb030e332659.svg); background-repeat: no-repeat; background-position: 0 106%; color: #ff0044; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .mobile__carousel::before { color: transparent; } } @media only screen and (min-width: 1160px) { .mobile__carousel::after { content: "Project finish"; right: 2px; } } .landing__section--ios .mobile__carousel::after { background-image: url(/assets/files/recipe-project-finish-c17f211cb91eaa918132037c3a7586c8.svg); background-repeat: no-repeat; background-position: 100% 99%; color: #009fff; } .landing__section--android .mobile__carousel::after { background-image: url(/assets/files/recipe-project-finish_android-1eebc417356e37bbbe7f7c18d88129f4.svg); background-repeat: no-repeat; background-position: 100% 99%; color: #4cb85c; } .landing__section--mobile .mobile__carousel::after, .healthcare_steps .mobile__carousel::after { background-image: url(/assets/files/recipe-project-finish_mobile-7006ab885b4020978d6faa8a54149421.svg); background-repeat: no-repeat; background-position: 100% 99%; color: #983cea; } .landing__section--web .mobile__carousel::after { background-image: url(/assets/files/recipe-project-finish_mobile-7006ab885b4020978d6faa8a54149421.svg); background-repeat: no-repeat; background-position: 100% 99%; } .landing__section--watch .mobile__carousel::after { background-image: url(/assets/files/recipe-project-finish_mobile-7006ab885b4020978d6faa8a54149421.svg); background-repeat: no-repeat; background-position: 100% 99%; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .landing__section--ios .mobile__carousel::after, .landing__section--android .mobile__carousel::after, .landing__section--mobile .mobile__carousel::after { color: transparent; } } .mobile__carousel__slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__carousel__slide { width: 101%; } } @media only screen and (max-width: 767px) { .mobile__carousel__slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 87.5vw; } } .mobile__carousel__title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 900; font-size: 11px; line-height: 1.27; letter-spacing: 0.5px; margin-bottom: 10px; text-transform: uppercase; height: initial; } .mobile__carousel__title--1 { color: #3c96ff; } .mobile__carousel__title--2 { color: #ff2e4b; } .mobile__carousel__title--3 { color: #ac4dff; } .mobile__carousel__title--4 { color: #00c89b; } .mobile__carousel__title--5 { color: #8fc800; } .mobile__carousel__title--6 { color: #00c5cc; } .landing__section p.mobile__carousel__text { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; line-height: 1.33; letter-spacing: normal; color: rgba(29, 31, 38, 0.7); padding: 0; font-weight: normal; } .mobile__carousel__img { width: 198px; height: 198px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__carousel__img { width: 190px; height: 190px; } } @media only screen and (max-width: 767px) { .mobile__carousel__img { width: 200px; height: 200px; } } .mobile__carousel__img-wrapper { width: 198px; height: 198px; border-radius: 12px 0 0 12px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__carousel__img-wrapper { width: 190px; height: 264px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 767px) { .mobile__carousel__img-wrapper { width: 87.5vw; height: 200px; text-align: center; border-radius: 12px 12px 0 0; } } .mobile__carousel__img-wrapper--1 { background-color: rgba(60, 150, 255, 0.2); } .mobile__carousel__img-wrapper--2 { background-color: rgba(255, 88, 111, 0.2); } .mobile__carousel__img-wrapper--3 { background-color: rgba(172, 77, 255, 0.2); } .mobile__carousel__img-wrapper--4 { background-color: rgba(51, 211, 175, 0.2); } .mobile__carousel__img-wrapper--5 { background-color: rgba(143, 200, 0, 0.2); } .mobile__carousel__img-wrapper--6 { background-color: rgba(0, 197, 204, 0.2); } .mobile__carousel__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 360px; height: 100%; min-height: 198px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px; background-color: rgba(146, 161, 174, 0.1); position: relative; overflow: hidden; border-radius: 0 12px 12px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__carousel__content { height: 264px; display: block; width: calc(100% - 190px); padding: 30px; } } @media only screen and (max-width: 767px) { .mobile__carousel__content { border-radius: 0 0 12px 12px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 31px 10px 0 16px; width: 87.5vw; -webkit-box-sizing: border-box; box-sizing: border-box; height: 296px; } } .mobile__carousel__content::after { content: ""; font-size: 180px; line-height: 1; letter-spacing: normal; text-align: right; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 900; color: rgba(146, 161, 174, 0.1); position: absolute; left: 137px; bottom: -34px; } @media only screen and (max-width: 1159px) { .mobile__carousel__content::after { right: -0.15em; left: 0; } } .mobile__carousel__content--1::after { content: "01"; } .mobile__carousel__content--2::after { content: "02"; } .mobile__carousel__content--3::after { content: "03"; } .mobile__carousel__content--4::after { content: "04"; } .mobile__carousel__content--5::after { content: "05"; } .mobile__carousel__content--6::after { content: "06"; } .mobile__carousel__bullets { display: none; } @media only screen and (min-width: 1160px) { .mobile__carousel__bullets { grid-template-rows: repeat(6, 1fr); margin-bottom: 6px; padding: 0 17px; } @supports not (display: grid) { .mobile__carousel__bullets { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile__carousel__bullets > * { margin: 0 10px; } } @supports (display: grid) { .mobile__carousel__bullets { width: 1160px; max-width: 100%; margin: auto; display: grid; grid-template-columns: repeat(8, minmax(calc(110px - 8em), 1fr)); grid-template-rows: auto; grid-column-gap: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 768px) and (max-width: 1159px) { .mobile__carousel__bullets { width: 100%; grid-template-columns: repeat(8, 1fr); grid-column-gap: 30px; } } @media only screen and (max-width: 767px) { .mobile__carousel__bullets { width: 100%; grid-template-columns: 1fr; grid-column-gap: 10px; } } } @supports not (display: grid) { .mobile__carousel__bullets { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } } .mobile__carousel__bullets__item { border: none; outline: none; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 22px 0 30px; line-height: 1.27; letter-spacing: 0.5px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 900; font-size: 11px; text-transform: uppercase; background-color: transparent; background-position-x: 0; position: relative; z-index: 2; -webkit-transform: translateZ(0); transform: translateZ(0); color: rgba(146, 161, 174, 0.6); } .mobile__carousel__bullets__item.mobile__carousel__bullets--active::before { content: ""; z-index: 3; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 22px 0 30px; -webkit-animation: timelines 0.3s; animation: timelines 0.3s; line-height: 1.27; letter-spacing: 0.5px; font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 900; font-size: 11px; text-transform: uppercase; } .mobile__carousel__bullets__item--1 { background-image: url(/assets/files/recipe-scope-gray-6820151f7665f5c0bd734086ebba4a17.svg); width: 190px; grid-row: 1; margin-left: -6px; } .mobile__carousel__bullets__item--1.mobile__carousel__bullets--active::before { content: "Scope definition"; color: #3c96ff; background-image: url(/assets/files/recipe-scope-f3aa8282ef6c26c9997360840d37d008.svg); } @media only screen and (min-width: 768px) { @supports not (display: grid) { .mobile__carousel__bullets__item--1 { width: calc(((100% / 8 * 2) - 20px)); } } @supports (display: grid) { .mobile__carousel__bullets__item--1 { grid-column: 1/span 2; } } } @supports not (display: grid) { .mobile__carousel__bullets__item--1 { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } .mobile__carousel__bullets__item--2 { background-image: url(/assets/files/recipe-analysis-gray-e4b22b29db083c0533959b2ba05aa220.svg); width: 972px; margin-left: -17px; grid-row: 2; } .mobile__carousel__bullets__item--2.mobile__carousel__bullets--active::before { content: "Analysis & Design"; color: #ff2e4b; background-image: url(/assets/files/recipe-analysis-3c4a4ffe552480aa84e7e7f671d92c3f.svg); } @media only screen and (min-width: 768px) { @supports not (display: grid) { .mobile__carousel__bullets__item--2 { width: calc(((100% / 8 * 7) - 20px)); } } @supports (display: grid) { .mobile__carousel__bullets__item--2 { grid-column: 2/span 7; } } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__carousel__bullets__item--2 { background-position-x: 103%; } } .mobile__carousel__bullets__item--3 { background-image: url(/assets/files/recipe-customer-gray-8546fd059e6bd722c512e45cc341f6f3.svg); width: 894px; margin-left: 76px; grid-row: 3; } .mobile__carousel__bullets__item--3.mobile__carousel__bullets--active::before { content: "Customer Reviews"; color: #ac4dff; background-image: url(/assets/files/recipe-customer-033dad30bedc90b5ce827cc1a68f300f.svg); } @media only screen and (min-width: 768px) { @supports not (display: grid) { .mobile__carousel__bullets__item--3 { width: calc(((100% / 8 * 7) - 20px)); } } @supports (display: grid) { .mobile__carousel__bullets__item--3 { grid-column: 2/span 7; } } } .mobile__carousel__bullets__item--4 { background-image: url(/assets/files/recipe-app-dev-gray-10fe38516243d0d6eba93a8faae17fee.svg); width: 842px; margin-left: 95px; grid-row: 4; } .mobile__carousel__bullets__item--4.mobile__carousel__bullets--active::before { content: "Application Development"; color: #00c89b; background-image: url(/assets/files/recipe-app-dev-dc19f9eace448a994b66e181a16cc9eb.svg); } @media only screen and (min-width: 768px) { @supports not (display: grid) { .mobile__carousel__bullets__item--4 { width: calc(((100% / 8 * 7) - 20px)); } } @supports (display: grid) { .mobile__carousel__bullets__item--4 { grid-column: 2/span 7; } } } .mobile__carousel__bullets__item--5 { background-image: url(/assets/files/recipe-qa-gray-0a80df691f91f16b21535497640c1c3a.svg); width: 766px; margin-left: 44px; grid-row: 5; } .mobile__carousel__bullets__item--5.mobile__carousel__bullets--active::before { content: "Quality Assurance"; color: #8fc800; background-image: url(/assets/files/recipe-qa-1e233b505e3d60edb8ed074da9d19695.svg); } @media only screen and (min-width: 768px) { @supports not (display: grid) { .mobile__carousel__bullets__item--5 { width: calc(((100% / 8 * 6) - 20px)); } } @supports (display: grid) { .mobile__carousel__bullets__item--5 { grid-column: 3/span 6; } } } .mobile__carousel__bullets__item--6 { background-image: url(/assets/files/recipe-deployment-gray-cfeb2722bed0aff077539ee161211e4e.svg); width: 110px; margin-left: -31px; margin-bottom: 10px; background-position-x: 0; grid-column: -1 / -2; grid-row: 6; } .mobile__carousel__bullets__item--6.mobile__carousel__bullets--active::before { content: "Deployment"; color: #00c5cc; background-image: url(/assets/files/recipe-deployment-443726e97563e7d2364ce0ea89aae916.svg); } @media only screen and (min-width: 1160px) { .mobile__carousel__wrapper { margin-top: 38px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile__bullets-mobile { display: none; } } @media only screen and (max-width: 1159px) { .mobile__bullets-mobile { text-align: center; margin-top: 30px; } } @media only screen and (max-width: 1159px) { .mobile__bullets-mobile__item { display: inline-block; margin: 0 6px; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(29, 31, 38, 0.25); outline: none; } } @media only screen and (max-width: 1159px) { .mobile__bullets-mobile__item--active { background-color: #ff0044; } } .main-title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 68px; line-height: 1.06; color: #ff0044; margin-bottom: 0.53em; color: #ff0044; margin-bottom: 32px; } @media only screen and (max-width: 1024px) { .main-title { font-size: 48px; } } @media only screen and (max-width: 767px) { .main-title { font-size: 32px; } } @media only screen and (max-width: 767px) { .main-title { margin-bottom: 16px; } } .second-title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 68px; line-height: 1.06; color: #ff0044; margin-bottom: 0.53em; } @media only screen and (max-width: 1024px) { .second-title { font-size: 48px; } } @media only screen and (max-width: 767px) { .second-title { font-size: 32px; } } .second-title--increased { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 72px; line-height: 1.08; color: #ff0044; margin-bottom: 0.54em; } @media only screen and (max-width: 1024px) { .second-title--increased { font-size: 58px; } } @media only screen and (max-width: 767px) { .second-title--increased { font-size: 28px; } } .second-title--centered { text-align: center; } @media only screen and (max-width: 767px) { .second-title--centered.second-title--mobile-left { text-align: left; } } .second-title--white { color: white; } .second-title--red { color: #ff0044; } .third-title { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 28px; line-height: 1.28; color: #ff0044; margin-bottom: 0.64em; color: #1d1f26; } @media only screen and (max-width: 1024px) { .third-title { font-size: 24px; } } @media only screen and (max-width: 767px) { .third-title { font-size: 18px; } } .third-title--increased { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 1.21; color: #ff0044; margin-bottom: 0.605em; color: white; } @media only screen and (max-width: 1024px) { .third-title--increased { font-size: 32px; } } @media only screen and (max-width: 767px) { .third-title--increased { font-size: 20px; } } .third-title--decreased { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 1.17; color: #ff0044; margin-bottom: 0.585em; color: white; } @media only screen and (max-width: 1024px) { .third-title--decreased { font-size: 16px; } } @media only screen and (max-width: 767px) { .third-title--decreased { font-size: 12px; } } .paragraph { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 20px; line-height: 1.8; color: rgba(29, 31, 38, 0.85); margin-bottom: 0.9em; } @media only screen and (max-width: 767px) { .paragraph { font-size: 16px; } } .paragraph--increased { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 500; font-weight: 500; font-size: 24px; line-height: 1.67; color: rgba(29, 31, 38, 0.7); margin-bottom: 0.835em; } @media only screen and (max-width: 767px) { .paragraph--increased { font-size: 18px; } } .paragraph--decreased { font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 16px; line-height: 1.5; color: rgba(29, 31, 38, 0.75); margin-bottom: 0.75em; } @media only screen and (min-width: 768px) { .paragraph--centered { text-align: center; } } .paragraph--white { color: white; } .paragraph--dark-70 { color: rgba(29, 31, 38, 0.7); } .paragraph--dark-85 { color: rgba(29, 31, 38, 0.85); } .paragraph--dark-100 { color: #1d1f26; } section { position: relative; } .section--blue { background-color: #4780fb; } @media only screen and (max-width: 1024px) { .b-parallax-element { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } } .touchevents .b-parallax-element { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }